@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500;600&family=DM+Sans:wght@300;400;500;600&display=swap";:root,[data-theme=dark]{--bg:#0e0e0e;--bg-mid:#161616;--bg-light:#1e1e1e;--bg-hover:#ffffff0d;--border:#d1642333;--border-subtle:#ffffff17;--text-primary:#f0f0f0;--text-secondary:#f0f0f0c7;--text-muted:#f0f0f06b;--brand:#d16423;--brand-light:#e8793a;--brand-dim:#d164231f;--shadow:0 4px 24px #00000080;--shadow-lg:0 8px 48px #000000b3;--input-bg:#1e1e1e;--card-bg:#161616;--sidebar-bg:#111;--modal-bg:#161616}[data-theme=light]{--bg:#f4f3f1;--bg-mid:#fff;--bg-light:#eeede9;--bg-hover:#0000000a;--border:#d1642333;--border-subtle:#0000001a;--text-primary:#1a1a1a;--text-secondary:#1a1a1ab8;--text-muted:#1a1a1a6b;--brand:#d16423;--brand-light:#b8541c;--brand-dim:#d164231a;--shadow:0 2px 16px #0000001a;--shadow-lg:0 8px 40px #00000026;--input-bg:#f8f7f5;--card-bg:#fff;--sidebar-bg:#fff;--modal-bg:#fff}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:DM Sans,sans-serif;font-size:14.5px;line-height:1.65}h1,h2,h3,h4{letter-spacing:.02em;font-family:Cormorant Garamond,serif;font-weight:500}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bg-light);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--brand)}.app-layout{min-height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border-subtle);z-index:100;flex-direction:column;width:224px;min-width:224px;height:100vh;transition:transform .25s;display:flex;position:fixed;top:0;left:0}.sidebar-logo{border-bottom:1px solid var(--border-subtle);padding:22px 20px 16px}.sidebar-logo img{height:22px}.sidebar-label{letter-spacing:.22em;text-transform:uppercase;color:var(--brand);margin-top:5px;font-size:8px;font-weight:600}.sidebar-nav{flex:1;padding:10px 0;overflow-y:auto}.nav-section-label{letter-spacing:.22em;text-transform:uppercase;color:var(--text-muted);padding:14px 20px 5px;font-size:8px;font-weight:600}.nav-item{cursor:pointer;color:var(--text-secondary);border-left:2px solid #0000;align-items:center;gap:10px;padding:9px 20px;font-size:13.5px;text-decoration:none;transition:all .12s;display:flex}.nav-item:hover{color:var(--text-primary);background:var(--bg-hover)}.nav-item.active{color:var(--brand);background:var(--brand-dim);border-left-color:var(--brand);font-weight:500}.nav-item svg{opacity:.75;flex-shrink:0;width:15px;height:15px}.nav-item.active svg{opacity:1}.sidebar-footer{border-top:1px solid var(--border-subtle);padding:14px 18px}.sidebar-user strong{color:var(--text-primary);margin-bottom:1px;font-size:13px;font-weight:600;display:block}.sidebar-user span{color:var(--text-muted);font-size:11px}.main-content{background:var(--bg);flex-direction:column;flex:1;min-height:100vh;margin-left:224px;display:flex}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;padding:28px 36px 0;display:flex}.page-title{color:var(--text-primary);font-size:30px;line-height:1.1}.page-subtitle{color:var(--text-muted);margin-top:3px;font-size:13px}.page-body{flex:1;padding:22px 36px 32px}.topbar{background:var(--sidebar-bg);border-bottom:1px solid var(--border-subtle);z-index:200;justify-content:space-between;align-items:center;height:52px;padding:0 16px;display:none;position:fixed;top:0;left:0;right:0}.topbar img{height:18px}.topbar-actions{align-items:center;gap:8px;display:flex}.mobile-nav{background:var(--sidebar-bg);border-top:1px solid var(--border-subtle);z-index:200;justify-content:space-around;align-items:center;height:58px;padding:0 4px;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{color:var(--text-muted);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:6px 12px;font-size:9.5px;text-decoration:none;transition:all .12s;display:flex}.mobile-nav-item svg{width:18px;height:18px}.mobile-nav-item.active{color:var(--brand)}.sidebar-overlay{z-index:99;background:#0009;display:none;position:fixed;inset:0}.app-footer{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:14px 36px;display:flex}.footer-copy{color:var(--text-muted);align-items:center;gap:10px;font-size:12px;display:flex}.footer-dev{color:var(--text-muted);font-size:12px}.footer-dev a{color:var(--brand);text-decoration:none}.theme-toggle{background:var(--bg-light);border:1px solid var(--border-subtle);cursor:pointer;color:var(--text-secondary);border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;transition:all .15s;display:flex}.theme-toggle:hover{border-color:var(--brand);color:var(--brand)}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:6px;padding:9px 18px;font-family:DM Sans,sans-serif;font-size:13.5px;font-weight:500;transition:all .12s;display:inline-flex}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover{background:var(--brand-light);transform:translateY(-1px);box-shadow:0 4px 14px #d164234d}.btn-secondary{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{background:var(--bg-light);border-color:#d164234d}.btn-danger{color:#e03131;background:#e031311a;border:1px solid #e0313133}.btn-danger:hover{background:#e031312e}.btn-sm{padding:5px 13px;font-size:12px}.btn svg{width:14px;height:14px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.card{background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:10px;padding:22px}.card-title{color:var(--text-primary);justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;font-family:Cormorant Garamond,serif;font-size:18px;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.stat-card{background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:10px;padding:18px 22px;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--brand);height:2px;position:absolute;top:0;left:0;right:0}.stat-label{letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);margin-bottom:10px;font-size:9px;font-weight:600}.stat-value{color:var(--text-primary);letter-spacing:-.02em;font-family:DM Sans,sans-serif;font-size:36px;font-weight:300;line-height:1}.stat-sub{color:var(--text-muted);margin-top:5px;font-size:12px}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13.5px}thead th{text-align:left;letter-spacing:.14em;text-transform:uppercase;color:var(--text-primary);border-bottom:1px solid var(--border-subtle);background:var(--bg-light);padding:10px 14px;font-size:10px;font-weight:700}tbody td{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);vertical-align:middle;padding:12px 14px}tbody tr:hover td{background:var(--bg-hover)}tbody tr:last-child td{border-bottom:none}.td-name{color:var(--text-primary)!important;font-weight:600!important}.td-actions{align-items:center;gap:6px;display:flex}.badge{letter-spacing:.03em;white-space:nowrap;border-radius:20px;align-items:center;padding:3px 11px;font-size:11px;font-weight:600;display:inline-flex}.badge-open{color:#40c057;background:#2f9e4426}.badge-matched{color:var(--brand);background:#d1642326}.badge-closed{color:var(--text-muted);background:#8080801f}.badge-lost{color:#e03131;background:#e031311f}.badge-available{color:#40c057;background:#2f9e4426}.badge-reserved{color:#f08c00;background:#f08c0026}.badge-sold{color:#e03131;background:#e031311f}.badge-pending{color:var(--text-muted);background:#8080801a}.badge-contacted{color:#339af0;background:#339af026}.badge-negotiating{color:#f08c00;background:#f08c0026}.badge-closed_won{color:#40c057;background:#2f9e4426}.badge-closed_lost{color:#e03131;background:#e031311f}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--modal-bg);border:1px solid var(--border-subtle);width:100%;max-width:620px;max-height:92vh;box-shadow:var(--shadow-lg);border-radius:10px;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;padding:22px 24px 0;display:flex}.modal-title{color:var(--text-primary);font-family:Cormorant Garamond,serif;font-size:22px}.modal-body{padding:18px 24px}.modal-footer{justify-content:flex-end;gap:10px;padding:0 24px 22px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid .full{grid-column:1/-1}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{letter-spacing:.13em;text-transform:uppercase;color:var(--text-secondary);font-size:9.5px;font-weight:700}.form-input,.form-select,.form-textarea{background:var(--input-bg);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:6px;width:100%;padding:9px 12px;font-family:DM Sans,sans-serif;font-size:13.5px;transition:border-color .12s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-dim);outline:none}.form-select option{background:var(--modal-bg);color:var(--text-primary)}.form-textarea{resize:vertical;min-height:76px}.filters-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;display:flex}.search-wrap{position:relative}.search-input{background:var(--card-bg);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:6px;width:240px;padding:8px 14px 8px 34px;font-family:DM Sans,sans-serif;font-size:13.5px}.search-input:focus{border-color:var(--brand);outline:none}.search-wrap svg{width:14px;height:14px;color:var(--text-muted);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.empty-state{text-align:center;color:var(--text-muted);padding:56px 24px}.empty-state svg{opacity:.2;width:36px;height:36px;margin-bottom:14px}.loading{color:var(--text-muted);justify-content:center;align-items:center;gap:12px;padding:56px;font-size:14px;display:flex}.toast{background:var(--card-bg);border:1px solid var(--border-subtle);border-left:3px solid var(--brand);color:var(--text-primary);box-shadow:var(--shadow-lg);z-index:2000;border-radius:6px;max-width:320px;padding:12px 18px;font-size:13.5px;animation:.18s slideIn;position:fixed;bottom:72px;right:16px}@keyframes slideIn{0%{opacity:0;transform:translate(110%)}to{opacity:1;transform:translate(0)}}.dash-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.yacht-grid{grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:18px;display:grid}.yacht-card{background:var(--card-bg);border:1px solid var(--border-subtle);border-radius:10px;transition:all .18s;overflow:hidden}.yacht-card:hover{box-shadow:var(--shadow);border-color:#d1642359;transform:translateY(-2px)}.yacht-card-img{object-fit:contain;background:var(--bg-light);width:100%;height:130px;padding:8px 0}.yacht-card-body{padding:14px 16px}.yacht-card-name{color:var(--text-primary);margin-bottom:5px;font-family:Cormorant Garamond,serif;font-size:19px}.yacht-card-meta{color:var(--text-muted);gap:10px;margin-bottom:10px;font-size:12px;display:flex}.yacht-card-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.auth-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.auth-card{background:var(--card-bg);border:1px solid var(--border-subtle);text-align:center;border-radius:10px;width:100%;max-width:380px;padding:40px 36px}.auth-logo{margin-bottom:22px}.auth-logo img{height:26px}.auth-title{color:var(--text-primary);margin-bottom:4px;font-family:Cormorant Garamond,serif;font-size:24px}.auth-sub{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:26px;font-size:11px}.auth-form{text-align:left;flex-direction:column;gap:13px;display:flex}.auth-error{color:#e03131;background:#e031311a;border:1px solid #e0313138;border-radius:6px;padding:9px 13px;font-size:13px}.permission-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.permission-item{background:var(--bg-light);border:1px solid var(--border-subtle);border-radius:6px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.permission-label{color:var(--text-secondary);font-size:13px;font-weight:500}.toggle{flex-shrink:0;width:36px;height:20px;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:var(--bg-light);border:1px solid var(--border-subtle);border-radius:20px;transition:all .2s;position:absolute;inset:0}.toggle-slider:before{content:"";background:var(--text-muted);border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;bottom:2px;left:2px}.toggle input:checked+.toggle-slider{background:var(--brand);border-color:var(--brand)}.toggle input:checked+.toggle-slider:before{background:#fff;transform:translate(16px)}@media (width<=768px){.sidebar{width:240px;transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow-lg);transform:translate(0)}.sidebar-overlay.visible{display:block}.topbar,.mobile-nav{display:flex}.main-content{margin-left:0;padding-top:52px;padding-bottom:58px}.page-header{flex-wrap:wrap;padding:20px 16px 0}.page-title{font-size:24px}.page-body{padding:16px 16px 24px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-value{font-size:28px}.dash-grid,.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:1}.search-input{width:100%}.app-footer{flex-direction:column;align-items:flex-start;gap:4px;padding:12px 16px}.toast{bottom:68px;left:12px;right:12px}.permission-grid{grid-template-columns:1fr}}@media (width<=480px){.yacht-grid{grid-template-columns:1fr}.btn{padding:8px 14px;font-size:13px}}