:root{--color-primary: #0066CC;--color-primary-hover: #0052A3;--color-secondary: #6C757D;--color-bg-body: #F8F9FA;--color-bg-surface: #FFFFFF;--color-bg-input: #FFFFFF;--color-text-main: #212529;--color-text-muted: #6C757D;--color-text-inverse: #FFFFFF;--color-border: #DEE2E6;--color-border-focus: #86B7FE;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.1);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px}[data-theme=dark]{--color-primary: #4D9EFF;--color-primary-hover: #80BFFF;--color-secondary: #ADB5BD;--color-bg-body: #121212;--color-bg-surface: #1E1E1E;--color-bg-input: #2D2D2D;--color-text-main: #E9ECEF;--color-text-muted: #ADB5BD;--color-text-inverse: #121212;--color-border: #495057;--color-border-focus: #0d6efd;--shadow-sm: 0 1px 2px rgba(0,0,0,.5);--shadow-md: 0 4px 6px rgba(0,0,0,.6)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--color-text-main);background-color:var(--color-bg-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .2s ease,color .2s ease}*,*:before,*:after{box-sizing:border-box}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-primary-hover)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#app{width:100%;max-width:1280px;margin:0 auto;padding:var(--space-xl);text-align:center}header{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.logo-container{display:flex;align-items:center;gap:var(--space-md)}.logo{height:64px;will-change:filter;transition:filter .3s}button{border-radius:var(--radius-md);border:1px solid var(--color-border);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-bg-surface);color:var(--color-text-main);cursor:pointer;transition:border-color .25s,background-color .25s,color .25s}button:hover{border-color:var(--color-primary)}button:focus,button:focus-visible{outline:4px auto var(--color-border-focus)}:root{--spacing-0: 0;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 16px;--spacing-4: 24px;--spacing-5: 32px;--spacing-6: 48px;--spacing-8: 64px}.m-0{margin:var(--spacing-0)}.m-1{margin:var(--spacing-1)}.m-2{margin:var(--spacing-2)}.m-3{margin:var(--spacing-3)}.m-4{margin:var(--spacing-4)}.m-5{margin:var(--spacing-5)}.p-0{padding:var(--spacing-0)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem;border:1px solid var(--color-border);border-radius:50%;width:40px;height:40px;background:var(--color-bg-surface);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.theme-toggle-btn:hover{border-color:var(--color-primary);background:var(--color-bg-body);transform:scale(1.05)}.icon-sun,.icon-moon{font-size:1.2rem;line-height:1;position:absolute;transition:transform .3s ease,opacity .3s ease}.icon-sun{opacity:1;transform:rotate(0) scale(1)}.icon-moon{opacity:0;transform:rotate(-90deg) scale(.5)}[data-theme=dark] .theme-toggle-btn .icon-sun{opacity:0;transform:rotate(90deg) scale(.5)}[data-theme=dark] .theme-toggle-btn .icon-moon{opacity:1;transform:rotate(0) scale(1)}.theme-toggle-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}[data-theme=dark] .icon-invert{filter:invert(1)}[data-theme=dark] .logo{background-color:#ffffff1a;border-radius:var(--radius-md);padding:var(--spacing-1)}.container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:var(--space-md);padding-right:var(--space-md)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.section{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.card{background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,transform .2s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}:root{--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-bold: 700;--leading-none: 1;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625}body{font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-main)}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--space-sm);font-weight:var(--font-bold);color:var(--color-text-main);line-height:var(--leading-tight)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}p{margin-top:0;margin-bottom:var(--space-md);color:var(--color-text-main)}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}input,select,textarea{display:block;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem;line-height:var(--leading-normal);color:var(--color-text-main);background-color:var(--color-bg-input);background-clip:padding-box;border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;box-sizing:border-box}::placeholder{color:var(--color-text-muted);opacity:1}input:focus,select:focus,textarea:focus{border-color:var(--color-border-focus);outline:0;box-shadow:0 0 0 4px #0d6efd40}input:disabled,select:disabled,textarea:disabled{background-color:var(--color-secondary);opacity:.5;cursor:not-allowed}label{display:inline-block;margin-bottom:var(--space-sm);font-weight:var(--font-medium);color:var(--color-text-main);font-size:.95rem}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:var(--font-medium);text-align:center;vertical-align:middle;-webkit-user-select:none;user-select:none;padding:.75rem 1.5rem;font-size:1rem;border-radius:var(--radius-md);transition:all .2s ease-in-out;cursor:pointer}.btn-sm{padding:.4rem .8rem;font-size:.875rem}.btn-primary{color:#fff;background-color:var(--color-primary);border:1px solid var(--color-primary)}.btn-primary:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover)}.prospect-form-grid{display:flex;flex-direction:column;gap:var(--space-lg)}.form-section{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-md);margin:0}.form-section.highlight{border-color:var(--color-primary);border-width:2px}.form-section legend{font-size:1.1rem;font-weight:600;color:var(--color-text-main);padding:0 var(--space-sm)}.form-row{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-bottom:var(--space-md)}.form-row:last-child{margin-bottom:0}@media (min-width: 600px){.form-row{grid-template-columns:1fr 1fr}}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:500;font-size:.9rem;color:var(--color-text-muted);margin-bottom:0}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-group textarea{resize:vertical;min-height:80px}.gps-row{display:flex;flex-direction:column;gap:var(--space-md)}.gps-inputs{display:flex;gap:var(--space-sm)}.gps-inputs input{flex:1}.btn-gps{white-space:nowrap;align-self:flex-end}@media (min-width: 600px){.gps-row{flex-direction:row;align-items:flex-end}.gps-row .form-group{flex:1}}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-sm)}.photo-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid var(--color-border)}.photo-item img{width:100%;height:100%;object-fit:cover}.btn-remove-photo{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:#dc3545e6;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;transition:transform .2s}.btn-remove-photo:hover{transform:scale(1.1);background:#dc3545}.form-actions{display:flex;gap:var(--space-md);justify-content:center;padding:var(--space-lg) 0;flex-wrap:wrap}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:1.1rem}.text-muted{color:var(--color-text-muted);font-size:.85rem}@media (max-width: 599px){.form-section{padding:var(--space-sm);border-radius:8px}.form-section legend{font-size:1rem}.form-group input,.form-group select,.form-group textarea{padding:var(--space-md);font-size:16px}.form-actions{flex-direction:column}.form-actions .btn{width:100%;text-align:center}.photo-grid{grid-template-columns:repeat(3,1fr)}}@media (hover: none) and (pointer: coarse){.form-group input,.form-group select,.form-group textarea,.btn{min-height:48px}}.form-group input[type=file]{padding:var(--space-md);border-style:dashed;cursor:pointer}.form-group input[type=file]:hover{border-color:var(--color-primary)}input[readonly]{background-color:var(--color-bg-muted, #f5f5f5);cursor:not-allowed;opacity:.8}.badge-readonly{display:inline-block;font-size:.7rem;font-weight:500;padding:2px 8px;background:var(--color-warning, #ffc107);color:#000;border-radius:10px;margin-left:8px;vertical-align:middle}select:disabled{background-color:var(--color-bg-muted, #f5f5f5);cursor:not-allowed;opacity:.7}.working-hours-grid{display:flex;flex-direction:column;gap:var(--space-sm)}.hours-row{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.hours-row .day-label{width:80px;font-weight:500;font-size:.9rem;flex-shrink:0}.hours-row .hours-inputs{display:flex;align-items:center;gap:var(--space-sm);flex:1;flex-wrap:wrap}.hours-row .hours-inputs input[type=time]{width:120px;padding:var(--space-sm)}.hours-row .hours-inputs span{color:var(--color-text-muted)}.closed-check{display:flex;align-items:center;gap:var(--space-xs);font-size:.85rem;color:var(--color-text-muted);cursor:pointer;margin-left:var(--space-sm)}.closed-check input[type=checkbox]{width:auto;margin:0}.checkbox-grid{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.checkbox-item{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:var(--color-bg-muted, #f5f5f5);border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;transition:background .2s ease;margin-bottom:0}.checkbox-item:hover{background:var(--color-bg-surface)}.checkbox-item input[type=checkbox]{width:auto;margin:0}.checkbox-item input[type=checkbox]:checked+span,.checkbox-item:has(input:checked){background:var(--color-primary);color:#fff}.mt-2{margin-top:var(--space-md)}@media (max-width: 599px){.hours-row{flex-direction:column;align-items:flex-start}.hours-row .day-label{width:100%;margin-bottom:var(--space-xs)}.hours-row .hours-inputs{width:100%}.hours-row .hours-inputs input[type=time]{flex:1;min-width:100px}}@media (max-width: 768px){:root{--text-4xl: 1.75rem;--text-3xl: 1.5rem}#app{padding:var(--space-sm)}header{flex-direction:column;align-items:center;gap:var(--space-sm)}.logo{height:48px}h1{font-size:1.5rem}.flex[style*="height: calc(100vh"]{height:auto!important;flex-direction:column}#details-sidebar{position:fixed;bottom:0;left:0;width:100%!important;height:70vh;z-index:1000;border-top:1px solid var(--color-border);box-shadow:0 -4px 10px #0000001a}.grid-cols-2,.grid-cols-3{grid-template-columns:1fr!important}.prospect-card .flex{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.prospect-card .flex.items-center.gap-2{flex-direction:row;width:100%;justify-content:space-between}}.app-shell svg{flex-shrink:0}.app-shell{display:flex;flex-direction:column;min-height:100vh;background:var(--color-bg-body)}.app-nav{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000000d}.nav-brand{display:flex;flex-direction:column}.nav-brand .brand-title{font-size:1.1rem;font-weight:700;color:var(--color-primary);line-height:1.2}.nav-brand .brand-subtitle{font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.nav-user{display:flex;align-items:center;gap:var(--space-sm)}.nav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;transition:all .2s ease;text-decoration:none}.nav-btn:hover{background:var(--color-bg-muted, #f0f0f0);color:var(--color-text-main);border-color:var(--color-text-muted)}.nav-btn svg{flex-shrink:0}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),#667eea);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem}.user-info{display:none}.user-info .user-name{font-size:.9rem;font-weight:600;color:var(--color-text-main);line-height:1.2}.user-info .user-role{font-size:.75rem;color:var(--color-text-muted)}.app-content{flex:1;display:flex;flex-direction:column}.content-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--color-bg-surface);border-bottom:1px solid var(--color-border)}.content-header h1{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-main)}.btn-action{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark, #0066cc));color:#fff;text-decoration:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;transition:all .2s ease;box-shadow:0 2px 8px #0066cc40}.btn-action svg{width:18px;height:18px}.btn-action:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0066cc59}.content-body{flex:1;display:flex;flex-direction:column;overflow:hidden}.content-area{flex:1;padding:var(--space-md);overflow-y:auto}.preview-area{display:none;width:420px;flex-shrink:0;border-left:1px solid var(--color-border);background:var(--color-bg-surface);overflow-y:auto}.preview-area.active{display:flex;flex-direction:column}.preview-panel{display:flex;flex-direction:column;height:100%}.hero-image{position:relative;background:linear-gradient(135deg,#f0f0f0,#e0e0e0)}.hero-image.empty{aspect-ratio:16/10;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-muted);gap:var(--space-sm)}.hero-image.empty svg{width:48px;height:48px;opacity:.4}.hero-image.empty span{font-size:.85rem}.hero-img{position:relative;aspect-ratio:16/10;cursor:pointer;overflow:hidden}.hero-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.hero-img:hover img{transform:scale(1.02)}.hero-img .badge-360{position:absolute;top:var(--space-sm);right:var(--space-sm);padding:4px 10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.7rem;font-weight:700;border-radius:var(--radius-sm);letter-spacing:.5px}.thumb-strip{display:flex;gap:var(--space-xs);padding:var(--space-sm);background:#00000008;overflow-x:auto}.thumb-strip::-webkit-scrollbar{height:4px}.thumb-strip::-webkit-scrollbar-track{background:transparent}.thumb-strip::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.thumb-img{position:relative;width:52px;height:52px;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;flex-shrink:0;border:2px solid transparent;transition:all .2s ease}.thumb-img img{width:100%;height:100%;object-fit:cover}.thumb-img:hover{border-color:var(--color-text-muted)}.thumb-img.active{border-color:var(--color-primary)}.thumb-img .mini-360{position:absolute;bottom:2px;right:2px;padding:1px 3px;background:#000000b3;color:#fff;font-size:6px;font-weight:700;border-radius:2px}.prospect-info{padding:var(--space-md);flex:1}.info-header{margin-bottom:var(--space-md)}.info-header h2{margin:0 0 var(--space-xs) 0;font-size:1.25rem;font-weight:600;color:var(--color-text-main);line-height:1.3}.info-header .business-type{display:inline-block;padding:2px 8px;background:var(--color-primary);color:#fff;font-size:.7rem;font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.progress-section{margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--color-bg-muted, #f8f8f8);border-radius:var(--radius-md)}.progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs);font-size:.8rem}.progress-label span:first-child{color:var(--color-text-muted)}.progress-label span:last-child{font-weight:600;color:var(--color-text-main)}.progress-bar{height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,#00c853 100%);border-radius:3px;transition:width .4s ease}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-bottom:var(--space-md)}.info-item{padding:var(--space-sm);background:var(--color-bg-muted, #f8f8f8);border-radius:var(--radius-md)}.info-item .info-label{display:block;font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.info-item .info-value{font-size:.85rem;color:var(--color-text-main);font-weight:500;word-break:break-word}.info-item .info-value a{color:var(--color-primary);text-decoration:none}.info-item .info-value a:hover{text-decoration:underline}.social-section{margin-bottom:var(--space-md)}.social-section h4{margin:0 0 var(--space-sm) 0;font-size:.85rem;font-weight:600;color:var(--color-text-main)}.social-list{display:flex;gap:var(--space-sm);flex-wrap:wrap}.social-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--color-bg-muted, #f0f0f0);color:var(--color-text-main);text-decoration:none;font-size:.7rem;font-weight:700;transition:all .2s ease}.social-btn:hover{background:var(--color-primary);color:#fff;transform:scale(1.1)}.notes-section{margin-bottom:var(--space-md);padding:var(--space-md);background:linear-gradient(135deg,#fff9c4,#fff59d);border-radius:var(--radius-md);border-left:3px solid #fbc02d}.notes-section h4{margin:0 0 var(--space-xs) 0;font-size:.85rem;font-weight:600;color:#f57f17}.notes-text{margin:0;font-size:.85rem;color:#5d4037;line-height:1.5;white-space:pre-wrap}.preview-actions{padding:var(--space-md);border-top:1px solid var(--color-border);background:var(--color-bg-surface)}.btn-full{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-md);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark, #0066cc));color:#fff;text-decoration:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;transition:all .2s ease;box-shadow:0 4px 12px #0066cc40}.btn-full svg{width:18px;height:18px}.btn-full:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0066cc59}.mobile-preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;opacity:0;visibility:hidden;transition:all .3s ease;z-index:200}.mobile-preview-overlay.active{opacity:1;visibility:visible}.mobile-preview{position:fixed;top:0;right:0;width:100%;max-width:400px;height:100vh;background:var(--color-bg-surface);transform:translate(100%);transition:transform .3s ease;z-index:201;display:flex;flex-direction:column;overflow:hidden}.mobile-preview.active{transform:translate(0)}.mobile-preview-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);border-bottom:1px solid var(--color-border);flex-shrink:0}.mobile-preview-header h3{margin:0;font-size:1rem;font-weight:600}.btn-close-preview{width:36px;height:36px;border-radius:50%;background:transparent;border:1px solid var(--color-border);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:all .2s ease}.btn-close-preview svg{width:18px;height:18px}.btn-close-preview:hover{background:var(--color-bg-muted, #f0f0f0);color:var(--color-text-main)}.mobile-preview-content{flex:1;overflow-y:auto}.no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--space-xl);text-align:center;color:var(--color-text-muted)}.no-selection svg{width:64px;height:64px;margin-bottom:var(--space-md);opacity:.3}.no-selection p{margin:0;font-size:.9rem}@media (min-width: 900px){.user-info{display:flex;flex-direction:column;text-align:right}.content-body{flex-direction:row}.preview-area{display:flex;flex-direction:column}.mobile-preview-overlay,.mobile-preview{display:none!important}}@media (min-width: 600px) and (max-width: 899px){.nav-brand .brand-title{font-size:1.2rem}.user-info{display:flex;flex-direction:column;text-align:right}.mobile-preview{max-width:380px}}@media (max-width: 599px){.app-nav{padding:var(--space-xs) var(--space-sm)}.nav-brand .brand-title{font-size:1rem}.user-avatar{width:32px;height:32px;font-size:.8rem}.content-header{padding:var(--space-sm)}.content-header h1{font-size:1.1rem}.btn-action{padding:var(--space-xs) var(--space-sm);font-size:.85rem}.btn-action span{display:none}.content-area{padding:var(--space-sm)}.mobile-preview{max-width:100%}.info-grid{grid-template-columns:1fr}}@media (hover: none) and (pointer: coarse){.btn-action:hover,.btn-full:hover{transform:none}.btn-action:active,.btn-full:active{transform:scale(.98)}.hero-img:hover img,.social-btn:hover{transform:none}}.loading{display:flex;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--color-text-muted)}.loading:after{content:"";width:24px;height:24px;margin-left:var(--space-sm);border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.prospect-empty svg,.prospect-stats svg,.prospect-controls svg,.prospects-container svg{flex-shrink:0}.prospect-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:var(--space-xl);text-align:center}.prospect-empty .empty-icon{width:80px;height:80px;margin-bottom:var(--space-lg);color:var(--color-primary);opacity:.3}.prospect-empty .empty-icon svg{width:100%;height:100%}.prospect-empty h3{margin:0 0 var(--space-sm) 0;font-size:1.25rem;font-weight:600;color:var(--color-text-main)}.prospect-empty p{margin:0 0 var(--space-lg) 0;color:var(--color-text-muted);max-width:300px}.btn-new-prospect{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark, #0066cc));color:#fff;text-decoration:none;border-radius:var(--radius-lg);font-weight:600;transition:all .2s ease;box-shadow:0 4px 12px #0066cc40}.btn-new-prospect svg{width:18px;height:18px}.btn-new-prospect:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0066cc59}.prospect-stats{display:flex;gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg-surface);border-radius:var(--radius-lg);margin-bottom:var(--space-md);box-shadow:0 1px 3px #0000000d;overflow-x:auto}.stat-item{display:flex;flex-direction:column;align-items:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;min-width:80px;flex-shrink:0}.stat-item:hover{background:var(--color-bg-muted, #f5f5f5)}.stat-item.active{background:var(--color-primary);color:#fff}.stat-item.active .stat-number,.stat-item.active .stat-label{color:#fff}.stat-number{font-size:1.5rem;font-weight:700;color:var(--color-text-main);line-height:1}.stat-label{font-size:.75rem;color:var(--color-text-muted);margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.stat-imported{border-left:2px solid var(--color-border);margin-left:var(--space-sm);padding-left:var(--space-md)}.stat-imported .stat-number{color:var(--color-primary)}.prospect-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap}.search-box{flex:1;min-width:200px;max-width:400px;position:relative}.search-box svg{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--color-text-muted);pointer-events:none}.search-box input{width:100%;padding:var(--space-sm) var(--space-md) var(--space-sm) calc(var(--space-md) * 2 + 18px);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:.9rem;background:var(--color-bg-surface);transition:all .2s ease}.search-box input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0066cc1a}.search-box input::placeholder{color:var(--color-text-muted)}.view-switcher{display:flex;background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.view-opt{padding:var(--space-sm) var(--space-md);background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:all .2s ease}.view-opt svg{width:18px;height:18px}.view-opt:not(:last-child){border-right:1px solid var(--color-border)}.view-opt:hover{background:var(--color-bg-muted, #f5f5f5);color:var(--color-text-main)}.view-opt.active{background:var(--color-primary);color:#fff}.prospects-container{display:grid;gap:var(--space-md)}.prospects-container.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.prospects-container.list{grid-template-columns:1fr}.prospect-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all .25s ease;display:flex;flex-direction:column}.prospect-card:hover{border-color:var(--color-primary);box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.card-image{position:relative;aspect-ratio:16/10;background:linear-gradient(135deg,#f0f0f0,#e0e0e0);overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.prospect-card:hover .card-image img{transform:scale(1.05)}.card-image.no-photo{display:flex;align-items:center;justify-content:center}.no-photo-icon{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);color:var(--color-text-muted);opacity:.5}.no-photo-icon svg{width:40px;height:40px}.no-photo-icon span{font-size:.75rem}.image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.4) 0%,transparent 50%);opacity:0;transition:opacity .2s ease;display:flex;align-items:flex-end;justify-content:flex-end;padding:var(--space-sm)}.prospect-card:hover .image-overlay{opacity:1}.btn-gallery{display:flex;align-items:center;gap:4px;padding:var(--space-xs) var(--space-sm);background:#fffffff2;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:.75rem;font-weight:600;color:var(--color-text-main);transition:all .2s ease}.btn-gallery svg{width:16px;height:16px}.btn-gallery:hover{background:#fff;transform:scale(1.05)}.badge-360{position:absolute;top:var(--space-sm);right:var(--space-sm);padding:3px 8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.65rem;font-weight:700;border-radius:var(--radius-sm);letter-spacing:.5px}.badge-imported{position:absolute;top:var(--space-sm);left:var(--space-sm);padding:3px 8px;background:linear-gradient(135deg,#11998e,#38ef7d);color:#fff;font-size:.65rem;font-weight:600;border-radius:var(--radius-sm)}.card-body{padding:var(--space-md);flex:1;display:flex;flex-direction:column}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.business-type{font-size:.75rem;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px}.status-badge{display:inline-block;padding:2px 8px;font-size:.65rem;font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.3px}.status-new{background:#e3f2fd;color:#1565c0}.status-paid{background:#e8f5e9;color:#2e7d32}.status-pending{background:#fff3e0;color:#e65100}.status-overdue{background:#ffebee;color:#c62828}.business-name{margin:0 0 var(--space-sm) 0;font-size:1.1rem;font-weight:600;color:var(--color-text-main);line-height:1.3}.business-address,.business-contact{display:flex;align-items:flex-start;gap:var(--space-xs);margin:0 0 var(--space-xs) 0;font-size:.8rem;color:var(--color-text-muted);line-height:1.4}.business-address svg,.business-contact svg{width:14px;height:14px;flex-shrink:0;margin-top:2px}.completeness{margin-top:auto;padding-top:var(--space-sm)}.completeness-bar{height:4px;background:var(--color-bg-muted, #e0e0e0);border-radius:2px;overflow:hidden;margin-bottom:4px}.completeness-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0%,#00c853 100%);border-radius:2px;transition:width .3s ease}.completeness-text{font-size:.7rem;color:var(--color-text-muted)}.card-actions{display:flex;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-muted, #f8f8f8);border-top:1px solid var(--color-border)}.btn-edit{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--color-primary);color:#fff;text-decoration:none;border-radius:var(--radius-md);font-size:.85rem;font-weight:500;transition:all .2s ease}.btn-edit svg{width:16px;height:16px}.btn-edit:hover{background:var(--color-primary-dark, #0056b3)}.btn-archive{padding:var(--space-sm);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-muted);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.btn-archive svg{width:16px;height:16px}.btn-archive:hover{background:#ffebee;border-color:#ef5350;color:#c62828}.prospects-container.list .prospect-card{flex-direction:row}.prospects-container.list .card-image{width:160px;min-height:120px;aspect-ratio:auto;flex-shrink:0}.prospects-container.list .card-body{flex:1;padding:var(--space-md)}.prospects-container.list .completeness{display:none}.prospects-container.list .card-actions{flex-direction:column;width:auto;padding:var(--space-sm);background:transparent;border-top:none;border-left:1px solid var(--color-border)}.prospects-container.list .btn-edit{flex:none;padding:var(--space-sm)}.prospects-container.list .btn-edit span{display:none}@media (max-width: 599px){.prospect-stats{padding:var(--space-sm);gap:var(--space-xs)}.stat-item{padding:var(--space-xs) var(--space-sm);min-width:60px}.stat-number{font-size:1.25rem}.prospect-controls{flex-direction:column;align-items:stretch}.search-box{max-width:none}.view-switcher{align-self:flex-end}.prospects-container.grid{grid-template-columns:1fr}.prospects-container.list .prospect-card{flex-direction:column}.prospects-container.list .card-image{width:100%;aspect-ratio:16/10}.prospects-container.list .card-actions{flex-direction:row;border-left:none;border-top:1px solid var(--color-border);background:var(--color-bg-muted, #f8f8f8)}.prospects-container.list .btn-edit span{display:inline}.image-overlay{opacity:1}}@media (min-width: 600px) and (max-width: 899px){.prospects-container.grid{grid-template-columns:repeat(2,1fr)}}@media (hover: none) and (pointer: coarse){.prospect-card:hover{transform:none}.prospect-card:active{transform:scale(.98)}.image-overlay{opacity:1;background:linear-gradient(to top,rgba(0,0,0,.3) 0%,transparent 40%)}.btn-gallery:hover{transform:none}}.image-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.image-viewer-overlay.active{opacity:1;visibility:visible}.iv-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000f2}.iv-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;z-index:1}.iv-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);color:#fff;flex-shrink:0}.iv-counter{font-size:.9rem;opacity:.8}.iv-controls{display:flex;gap:var(--space-sm)}.iv-btn{width:44px;height:44px;border-radius:var(--radius-md);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.iv-btn:hover{background:#fff3;border-color:#fff6}.iv-btn-360.active{background:var(--color-primary);border-color:var(--color-primary)}.iv-main{flex:1;display:flex;align-items:center;justify-content:center;position:relative;min-height:0;padding:0 var(--space-sm)}.iv-nav{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:#00000080;border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.iv-nav:hover{background:#000000b3;border-color:#ffffff80;transform:translateY(-50%) scale(1.05)}.iv-nav-prev{left:var(--space-md)}.iv-nav-next{right:var(--space-md)}.iv-image-container{position:relative;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;flex:1;min-height:0}.iv-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-sm);display:none}.iv-panorama{max-width:100%;max-height:100%;border-radius:var(--radius-sm);cursor:grab}.iv-panorama:active{cursor:grabbing}.iv-loading{position:absolute;color:#fff;font-size:.9rem;opacity:.7;display:flex;align-items:center;justify-content:center}.iv-360-hint{position:absolute;bottom:var(--space-lg);left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-sm);font-size:.85rem;animation:fadeInOut 3s ease}@keyframes fadeInOut{0%,to{opacity:0}10%,90%{opacity:1}}.iv-thumbnails{flex-shrink:0;padding:var(--space-md);overflow-x:auto}.iv-thumbs-scroll{display:flex;gap:var(--space-sm);justify-content:center;min-width:min-content}.iv-thumb{position:relative;width:64px;height:64px;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;border:2px solid transparent;flex-shrink:0;transition:all .2s ease}.iv-thumb img{width:100%;height:100%;object-fit:cover}.iv-thumb:hover{border-color:#ffffff80}.iv-thumb.active{border-color:var(--color-primary)}.iv-thumb-360{position:absolute;bottom:2px;right:2px;background:#000000b3;color:#fff;font-size:8px;font-weight:600;padding:1px 4px;border-radius:3px}@media (max-width: 599px){.iv-header{padding:var(--space-sm)}.iv-nav{width:40px;height:40px}.iv-nav-prev{left:var(--space-xs)}.iv-nav-next{right:var(--space-xs)}.iv-thumb{width:48px;height:48px}.iv-thumbnails{padding:var(--space-sm)}.iv-nav{display:none}}@media (hover: none) and (pointer: coarse){.iv-btn{width:48px;height:48px}}