:root{--brand-primary:#004a76;--brand-primary-dark:#003a5d;--brand-primary-light:#0a6ba3;--brand-accent:#ed1c24;--brand-accent-dark:#c1131a;--bg-app:#eef3f9;--bg-elevated:#fff;--bg-sidebar:linear-gradient(165deg,#003a5d,#0b2540 48%,#0f172a);--bg-sidebar-accent:#ed1c241f;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-inverse:#f8fafc;--border-subtle:#e2e8f0;--border-strong:#cbd5e1;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 8px 24px #004a7614;--shadow-lg:0 20px 48px #0f172a1a;--shadow-brand:0 10px 28px #004a7638;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:0.72rem;--font-size-sm:0.82rem;--font-size-base:0.92rem;--font-size-md:1rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--transition-fast:0.15s ease;--transition-base:0.25s ease;--input-bg:#0f172a59;--input-border:#94a3b840;--input-text:#f1f5f9;--input-placeholder:#94a3b8;--success:#15803d;--success-bg:#dcfce7;--warning:#b45309;--warning-bg:#fef3c7;--danger:#b91c1c;--danger-bg:#fee2e2}body.dark{--bg-app:#020617;--bg-elevated:#0f172a;--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--border-subtle:#1e293b;--border-strong:#334155;--shadow-md:0 8px 24px #00000059;--shadow-lg:0 20px 48px #00000073}.muted,.subtitle{color:var(--text-muted);font-size:var(--font-size-sm)}.subtitle{line-height:1.45;margin-top:var(--space-1)}.panel-header{align-items:flex-start;border-bottom:1px solid var(--border-subtle);display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.panel-header h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:700;letter-spacing:-.02em;margin:0}.btn{align-items:center;border:1px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:600;gap:var(--space-2);justify-content:center;padding:10px 16px;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}.btn-primary{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));box-shadow:var(--shadow-brand);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 12px 32px #004a764d;transform:translateY(-1px)}.btn-secondary{background:var(--bg-elevated);border-color:var(--border-strong);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){border-color:var(--brand-primary);color:var(--brand-primary)}.btn-accent{background:linear-gradient(135deg,var(--brand-accent),var(--brand-accent-dark));color:#fff}.btn-ghost{background:#0000;border-color:var(--border-subtle);color:var(--text-secondary)}.btn-danger{background:var(--danger-bg);border-color:#0000;color:var(--danger)}.badge{align-items:center;border-radius:var(--radius-pill);display:inline-flex;font-size:var(--font-size-xs);font-weight:700;letter-spacing:.04em;padding:5px 12px}.badge.low{background:var(--success-bg);color:var(--success)}.badge.medium{background:var(--warning-bg);color:var(--warning)}.badge.critical,.badge.high{background:var(--danger-bg);color:var(--danger)}.content .client-directory,.content .invoice-container,.content .invoice-dashboard,.content .risk-modern,.content .summary-modern{background:#0000;border:none;box-shadow:none;margin:0;max-width:none;padding:0}.content .client-directory-header,.content .risk-header,.content .summary-header{border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-5);padding-bottom:var(--space-4)}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brand-accent);outline-offset:2px}.form{display:flex;flex-direction:column;gap:var(--space-3)}.form-section-label{color:#ffffff8c;font-size:var(--font-size-xs);font-weight:700;letter-spacing:.08em;margin:var(--space-2) 0 0;text-transform:uppercase}.form-intro{margin-bottom:var(--space-2)}.form-intro h3{color:#fff;font-size:var(--font-size-lg);font-weight:700;letter-spacing:-.02em;margin:0}.form-intro__hint{color:#ffffff8c;font-size:var(--font-size-xs);line-height:1.4;margin:var(--space-1) 0 0}.form .grid-3{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.form input,.form select{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--input-text);font-family:var(--font-sans);font-size:var(--font-size-sm);padding:11px 14px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form input::placeholder{color:var(--input-placeholder)}.form input:focus,.form select:focus{border-color:var(--brand-primary-light);box-shadow:0 0 0 3px #004a7659;outline:none}.form button[type=submit]{background:linear-gradient(135deg,var(--brand-accent),var(--brand-accent-dark));border:none;border-radius:var(--radius-md);box-shadow:0 10px 28px #ed1c2447;color:#fff;cursor:pointer;font-size:var(--font-size-base);font-weight:700;margin-top:var(--space-3);padding:13px;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.form button[type=submit]:hover:not(:disabled){box-shadow:0 14px 32px #ed1c2459;transform:translateY(-1px)}.form button[type=submit]:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.form .client-picker-row{grid-gap:var(--space-2);align-items:center;display:grid;gap:var(--space-2);grid-template-columns:1fr auto}.form .btn-secondary{background:#ffffff14;border:1px solid #ffffff26;border-radius:var(--radius-sm);color:#e2e8f0;cursor:pointer;font-size:var(--font-size-xs);font-weight:600;margin:0;padding:10px 12px;transition:background var(--transition-fast)}.form .btn-secondary:hover:not(:disabled){background:#ffffff24;border-color:#ffffff40}.form .client-notice{color:#ffffffa6;font-size:var(--font-size-xs);margin:0}.form .error{color:#fca5a5;font-size:var(--font-size-sm);margin:0}@media (max-width:768px){.form .grid-3{grid-template-columns:1fr}}.summary-modern{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 25px 60px #00000014;margin:auto;max-width:850px;padding:28px;width:100%}.summary-header{align-items:center;display:flex;justify-content:space-between}.summary-header h2{color:#0f172a;letter-spacing:-.2px;margin:0}.subtitle{color:#64748b;font-size:13px;line-height:1.4;margin-top:4px}.badge{border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.3px;padding:6px 14px;text-transform:uppercase}.badge.low{background:#dcfce7;color:#166534}.badge.medium{background:#fef3c7;color:#92400e}.badge.high{background:#fee2e2;color:#991b1b}.badge.critical{background:#7f1d1d;color:#fff}.summary-section{margin-top:25px}.summary-section h4{color:#1e293b;font-size:13px;font-weight:700;letter-spacing:.4px;margin-bottom:10px;text-transform:uppercase}.summary-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.summary-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:14px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.summary-box:hover{box-shadow:0 10px 20px #0f172a14;transform:translateY(-2px)}.summary-box span{color:#64748b;font-size:12px}.summary-box strong{color:#0f172a;display:block;font-size:14px;font-weight:700;margin-top:5px;word-break:break-word}.summary-row{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:12px;justify-content:space-between;padding:10px 0}.summary-row span{color:#64748b}.summary-row strong{color:#0f172a;font-weight:600;text-align:right;word-break:break-word}.summary-route-preview{margin-top:14px}.chart-container{min-width:0;width:100%}.route-preview-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:10px}.route-map{height:280px}.route-map,.route-map-image{border-radius:10px;width:100%}.route-map-image{background:#f8fafc;border:1px solid #e2e8f0;height:auto;min-height:220px;object-fit:cover}.chart-dot{margin-right:8px}.summary-total-box{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:14px;box-shadow:0 16px 30px #2563eb59;color:#fff;margin-top:30px;padding:20px;text-align:center}.summary-total-box h1{font-size:32px;letter-spacing:-.6px;margin:10px 0}.muted{font-size:12px;opacity:.8}@media (max-width:900px){.summary-modern{border-radius:14px;padding:20px}.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.summary-header{align-items:flex-start;flex-direction:column;gap:10px}.summary-grid{grid-template-columns:1fr}.summary-row{align-items:flex-start;flex-direction:column}.summary-row strong{text-align:left}.summary-total-box h1{font-size:26px}.route-map{height:220px}.summary-modern{padding:14px}}.risk-modern{background:#fff;border-radius:18px;box-shadow:0 25px 60px #00000014;margin:auto;max-width:850px;padding:28px;width:100%}.risk-header{align-items:center;display:flex;justify-content:space-between}.risk-header h2{color:#0f172a;margin:0}.muted{color:#64748b;font-size:13px}.risk-badge{border-radius:999px;font-size:12px;font-weight:600;padding:6px 14px}.risk-badge.low{background:#dcfce7;color:#166534}.risk-badge.medium{background:#fef3c7;color:#92400e}.risk-badge.high{background:#fee2e2;color:#991b1b}.risk-badge.critical{background:#7f1d1d;color:#fff}.risk-section{margin-top:25px}.risk-section h4{color:#1e293b;margin-bottom:10px}.classification-box{background:#f1f5f9;border-radius:12px;font-weight:600;padding:15px;text-align:center}.risk-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.risk-box{background:#f8fafc;border-radius:12px;padding:14px;text-align:center}.risk-box span{color:#64748b;font-size:12px}.risk-box strong{color:#0f172a;display:block;margin-top:5px;word-break:break-word}.risk-list{color:#334155;padding-left:18px}.risk-list.highlight li{color:#1e40af;font-weight:500}@media (max-width:900px){.risk-modern{border-radius:14px;padding:20px}.risk-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.risk-header{align-items:flex-start;flex-direction:column;gap:8px}.risk-grid{grid-template-columns:1fr}}.risk-footer{border-top:1px solid #e2e8f0;color:#64748b;font-size:12px;margin-top:25px;padding-top:10px}.empty{color:#64748b;text-align:center}.invoice-container{background:#fff;border:1px solid #dbe5ef;border-radius:18px;box-shadow:0 16px 30px #0f172a0f;margin:auto;max-width:1100px;padding:30px;position:relative}.invoice-top{border-bottom:2px solid #004a761f;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.invoice-brand,.invoice-top{align-items:center;display:flex}.invoice-brand{gap:14px}.invoice-logo-shell{align-items:center;background:#fff;border:1px solid #dbe5ef;border-radius:10px;display:flex;height:auto;justify-content:center;max-width:240px;min-height:52px;min-width:180px;padding:8px 14px}.invoice-logo{height:auto;max-height:52px;max-width:220px;object-fit:contain;width:100%}.invoice-brand h1{color:var(--brand-primary-dark);font-size:20px;letter-spacing:-.3px;margin:0}.invoice-brand p{color:#64748b;font-size:11px;line-height:1.4;margin:2px 0 0}.invoice-contact-bar{color:#334155;display:flex;flex-wrap:wrap;font-size:11px;gap:12px;margin-top:10px}.invoice-meta{color:#64748b;font-size:13px;text-align:right}.invoice-meta h2{color:#0f172a;line-height:1.2;margin:0}.invoice-meta strong{color:#0f172a}.invoice-meta p{line-height:1.4;margin:4px 0 0}.status-badge{background:#ed1c241f;border-radius:999px;color:var(--brand-accent-dark);display:inline-block;font-size:11px;font-weight:700;letter-spacing:.3px;margin-top:8px;padding:5px 12px;text-transform:uppercase}.invoice-status-bar{display:flex;gap:10px;margin:18px 0}.status{border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.3px;padding:6px 14px}.status.active{background:#dbeafe;color:#1d4ed8}.status.risk{background:#fee2e2;color:#b91c1c}.invoice-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 8px 16px #0f172a0a;margin-top:18px;padding:22px}.invoice-card h3{color:var(--brand-primary);font-size:14px;font-weight:700;letter-spacing:.35px;line-height:1.3;margin:0 0 12px;text-transform:uppercase}.invoice-card h3+h3{margin-top:16px}.invoice-card h4{color:#334155;font-size:12px;letter-spacing:.25px;margin:0 0 8px;text-transform:uppercase}.invoice-card p{color:#334155;line-height:1.6;margin:0}.invoice-card ul{margin:8px 0 0;padding-left:18px}.grid-3{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.grid-3 div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px}.grid-3 span{color:#64748b;font-size:11px}.grid-3 strong{color:#0f172a;display:block;font-size:15px;line-height:1.4;margin-top:4px;word-break:break-word}.route-line{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.route-modern{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1fr auto 1fr}.route-modern>div:first-child,.route-modern>div:last-child{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px}.route-modern span{color:#64748b;font-size:11px}.route-modern strong{color:#0f172a;display:block;margin-top:4px}.route-distance{color:#334155;font-size:13px;line-height:1.5;margin-top:10px}.invoice-route-image{border:1px solid #e2e8f0;border-radius:12px;display:block;height:auto;width:100%}.route-arrow{color:var(--brand-accent);font-size:22px}.route-point span{color:#64748b;font-size:11px}.route-point strong{color:#0f172a;display:block;font-size:14px;margin-top:4px}.cost-row{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;gap:10px;justify-content:space-between;padding:12px 0}.cost-row:last-child{border-bottom:none}.cost-row span{color:#64748b}.cost-row strong{color:#0f172a;font-weight:600;line-height:1.4;text-align:right}.notes{color:#334155;margin-top:12px;padding-left:18px}.notes li{line-height:1.5;margin-bottom:6px}.legal{color:#64748b;font-size:12px;line-height:1.5;margin-top:12px}.legal-compact-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}.legal-compact-grid ul{margin:0;padding-left:16px}.legal-compact-grid li{color:#334155;font-size:12px;margin-bottom:5px}.invoice-total-advanced{background:linear-gradient(135deg,#2563eb,#1e40af);border-radius:18px;box-shadow:0 15px 35px #2563eb59;color:#fff;margin-top:35px;padding:32px;text-align:center}.invoice-total-advanced span{font-size:13px;opacity:.9}.invoice-total-advanced h1{font-size:42px;letter-spacing:-1px;margin-top:12px}.invoice-total-modern{background:var(--brand-primary);border-radius:16px;box-shadow:0 10px 22px #1e3a8a47;color:#fff;margin-top:24px;padding:24px;text-align:center}.invoice-total-modern span{font-size:13px;opacity:.9}.invoice-total-modern h1{font-size:36px;line-height:1.2;margin:10px 0 0}.invoice-actions{display:flex;gap:12px;margin-top:25px}.download-btn,.save-btn{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-weight:600;padding:14px;transition:all .25s ease}.download-btn{background:var(--brand-primary);color:#fff}.download-btn:hover{background:var(--brand-primary-dark);transform:translateY(-1px)}.download-btn:disabled{background:#475569;cursor:not-allowed;transform:none}.save-btn{background:var(--brand-accent);color:#fff}.save-btn:hover{background:var(--brand-accent-dark);box-shadow:0 10px 20px #0f172a2e;transform:translateY(-1px)}.price-edit-wrap{align-items:center;display:flex;gap:12px}.price-input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#0f172a;font-size:13px;padding:6px 8px;width:130px}.save-btn:disabled{background:#94a3b8;cursor:not-allowed}.download-btn:focus-visible,.save-btn:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}.invoice-message{font-size:13px;font-weight:600;margin-top:12px}.invoice-message.success{color:#15803d}.invoice-message.error{color:#b91c1c}@media (max-width:768px){.grid-3,.legal-compact-grid{grid-template-columns:1fr}.invoice-top{align-items:flex-start;flex-direction:column;gap:12px}.invoice-meta{text-align:left}.invoice-actions{flex-direction:column}.invoice-logo-shell{height:46px;width:132px}}.invoice-admin-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1.2fr 1fr;margin-top:14px}.admin-kpi-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-top:12px}.admin-kpi{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:10px 12px}.admin-kpi span{color:#64748b;display:block;font-size:12px}.admin-kpi strong{color:#0f172a;font-size:16px}.job-card{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 20px #0f172a0a;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px;padding:12px;transition:transform .2s ease,box-shadow .2s ease}.job-card p{margin:4px 0;word-break:break-word}.job-card:hover{box-shadow:0 14px 30px #0f172a14;transform:translateY(-2px)}.job-actions{display:flex;gap:8px}.job-actions button{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 10px}.job-actions .btn-secondary{background:#2563eb}.invoice-dashboard .btn-secondary{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 10px}.invoice-editor{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 14px 30px #0f172a0f;height:fit-content;padding:14px}.editor-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:8px}.editor-field{display:flex;flex-direction:column;gap:4px}.invoice-editor label{color:#475569;font-size:12px;margin-top:2px}.invoice-editor input,.invoice-editor select,.invoice-editor textarea{border:1px solid #cbd5e1;border-radius:8px;padding:9px 10px;width:100%}.payment-pill{border-radius:999px;display:inline-block;font-size:11px;font-weight:700;margin-top:6px;padding:3px 9px}.payment-pill.paid{background:#dcfce7;color:#166534}.payment-pill.unpaid{background:#fee2e2;color:#991b1b}.invoice-editor textarea{margin-bottom:8px;min-height:90px;resize:vertical}@media (max-width:900px){.admin-kpi-row{grid-template-columns:repeat(2,1fr)}.invoice-admin-grid{grid-template-columns:1fr}}@media (max-width:640px){.admin-kpi-row{grid-template-columns:1fr}.job-card{align-items:flex-start;flex-direction:column}.job-actions{justify-content:flex-end;width:100%}.editor-grid{grid-template-columns:1fr}}.client-directory{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.client-directory-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.client-directory h2{color:#0f172a;margin:0}.client-directory .subtitle{color:#64748b;font-size:13px;margin:4px 0 0}.client-search-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr auto;margin-bottom:14px}.client-directory-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1.1fr}.client-list-panel{display:flex;flex-direction:column;gap:10px;max-height:520px;overflow-y:auto}.client-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px}.client-card.active{border-color:var(--brand-primary);box-shadow:0 0 0 2px #004a762e}.client-card p{color:#334155;font-size:13px;margin:4px 0}.client-card-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.client-card-actions button{background:#fff;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer;font-size:12px;padding:6px 10px}.client-card-actions button.danger{border-color:#fecaca;color:#b91c1c}.client-editor-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:14px}.client-editor-panel h3,.client-editor-panel h4{color:#0f172a;margin:0}.client-editor-panel input,.client-editor-panel select,.client-editor-panel textarea{border:1px solid #cbd5e1;border-radius:8px;font-size:14px;padding:10px 12px;width:100%}.client-editor-panel textarea{min-height:72px;resize:vertical}.client-directory .save-btn{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-brand);color:#fff;cursor:pointer;font-weight:600;margin-top:8px;padding:10px 14px}.client-directory .btn-secondary{background:#fff;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer;padding:8px 12px}.client-directory .success{color:#15803d;font-size:13px}.client-directory .muted{color:#64748b;font-size:13px}@media (max-width:900px){.client-directory-grid{grid-template-columns:1fr}}.sidebar .settings-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:var(--radius-md);color:var(--text-inverse);margin:0;max-width:none;padding:var(--space-4)}.sidebar .settings-card h2{color:#fff;font-size:var(--font-size-md);margin:0 0 var(--space-3)}.sidebar .settings-section{background:#0003;border:1px solid #ffffff0f;border-radius:var(--radius-sm);padding:var(--space-3)}.sidebar .settings-section h3{color:#ffffffe6;font-size:var(--font-size-sm);margin-bottom:var(--space-3)}.sidebar .field label{color:#ffffffb3;font-size:var(--font-size-xs)}.sidebar .field input{background:#0f172a80;border:1px solid #ffffff1f;border-radius:var(--radius-sm);color:#f1f5f9;font-size:var(--font-size-sm);padding:9px 10px}.sidebar .settings-card button{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-weight:600;margin-top:var(--space-3);padding:10px;width:100%}.sidebar .settings-wrapper{gap:var(--space-3)}.sidebar .grid{gap:var(--space-2);grid-template-columns:1fr}.brand-mark{align-items:center;display:flex;gap:var(--space-3)}.brand-mark__logo-wrap{align-items:center;background:#fff;border:1px solid #ffffff1f;border-radius:var(--radius-md);box-shadow:0 4px 16px #0000001f;display:flex;flex-shrink:0;justify-content:center;padding:8px 12px}.brand-mark__logo{display:block;height:auto;max-height:44px;max-width:160px;object-fit:contain;width:auto}.brand-mark__text{display:flex;flex-direction:column;gap:2px;min-width:0}.brand-mark__title{color:var(--text-primary);font-size:1.05rem;font-weight:700;letter-spacing:.04em;line-height:1.1}.brand-mark__tagline{color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.35}.brand-mark--sidebar{align-items:stretch;flex-direction:column;gap:var(--space-2)}.brand-mark--sidebar .brand-mark__logo-wrap{border-radius:var(--radius-lg);padding:12px 14px;width:100%}.brand-mark--sidebar .brand-mark__logo{max-height:56px;max-width:none;width:100%}.brand-mark__sidebar-tagline{color:#ffffffb3;font-size:var(--font-size-xs);letter-spacing:.03em;text-align:center}.brand-mark--topbar .brand-mark__logo-wrap{padding:6px 10px}.brand-mark--topbar .brand-mark__logo{max-height:36px;max-width:120px}.brand-mark--footer .brand-mark__logo{max-height:40px;max-width:140px}.brand-mark--footer .brand-mark__title{color:var(--brand-primary)}.brand-mark--hero{align-items:center;flex-direction:column;gap:var(--space-4);text-align:center}.brand-mark--hero .brand-mark__logo-wrap{padding:16px 20px}.brand-mark--hero .brand-mark__logo{max-height:72px;max-width:280px}.app-footer{grid-gap:var(--space-4);align-items:center;border-top:1px solid var(--border-subtle);display:grid;gap:var(--space-4);grid-template-columns:1fr 1.4fr 1fr;margin-top:var(--space-6);padding-top:var(--space-5)}.app-footer__tagline{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;letter-spacing:.02em;margin:0;text-align:center}.app-footer__credit{color:var(--text-muted);font-size:var(--font-size-sm);margin:0;text-align:right}.app-footer__credit strong{color:var(--brand-primary);font-weight:600}body.dark .app-footer__credit strong{color:var(--brand-primary-light)}@media (max-width:768px){.app-footer{grid-template-columns:1fr}.app-footer,.app-footer__credit,.app-footer__tagline{text-align:center}}.topbar{border-bottom:1px solid var(--border-subtle);justify-content:space-between;margin-bottom:var(--space-5);padding-bottom:var(--space-4)}.topbar,.topbar__lead{align-items:center;display:flex;gap:var(--space-4)}.topbar__lead,.topbar__titles{min-width:0}.topbar__page{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0}.topbar__product{color:var(--text-muted);font-size:var(--font-size-xs);margin:2px 0 0}.topbar__actions{align-items:center;display:flex;flex-shrink:0;gap:var(--space-3)}.topbar__date{border-right:1px solid var(--border-subtle);color:var(--text-muted);font-size:var(--font-size-sm);padding-right:var(--space-3)}.topbar__theme{font-size:var(--font-size-xs);padding:8px 14px}.topbar__avatar{align-items:center;background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent));border-radius:50%;box-shadow:var(--shadow-brand);color:#fff;display:flex;font-size:var(--font-size-xs);font-weight:700;height:38px;justify-content:center;letter-spacing:.04em;width:38px}@media (max-width:768px){.topbar{align-items:flex-start;flex-direction:column}.topbar__actions{flex-wrap:wrap;justify-content:space-between;width:100%}.topbar__date{border-right:none;padding-right:0}}.layout{background:var(--bg-app);display:flex;font-family:var(--font-sans);height:100dvh;min-height:100dvh;transition:background var(--transition-base)}.sidebar{background:var(--bg-sidebar);border-right:1px solid #ffffff0f;box-shadow:8px 0 40px #0000002e;color:var(--text-inverse);display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-5);overflow-y:auto;padding:var(--space-6);width:340px}.sidebar-header{border-bottom:1px solid #ffffff14;padding-bottom:var(--space-4)}.sidebar-settings{border-top:1px solid #ffffff14;margin-top:auto;padding-top:var(--space-4)}.main{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden;padding:var(--space-6)}.app-tabs{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-1)}.app-tabs__btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:600;gap:var(--space-2);padding:10px 16px;transition:all var(--transition-fast);white-space:nowrap}.app-tabs__btn:hover{background:#004a760f;color:var(--brand-primary)}.app-tabs__btn.active{background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));box-shadow:var(--shadow-brand);color:#fff}.app-tabs__icon{font-size:1rem;line-height:1;opacity:.9}.content{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);flex:1 1;overflow-y:auto;padding:var(--space-6)}.content,.fade-in{animation:fadeIn .35s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.empty-state{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;gap:var(--space-3);margin-top:48px;padding:var(--space-6);text-align:center}.empty-state h3{color:var(--text-primary);font-size:var(--font-size-xl);margin:0}.empty-state p{line-height:1.55;margin:0;max-width:420px}.content::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:var(--radius-pill)}.content::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-pill)}body.dark .app-tabs{background:#0f172a;border-color:var(--border-subtle)}body.dark .app-tabs__btn{color:var(--text-muted)}body.dark .app-tabs__btn:hover{background:#ffffff0d;color:var(--text-primary)}body.dark .content{background:var(--bg-elevated);color:var(--text-primary)}@media (max-width:900px){.layout{flex-direction:column;height:auto;min-height:100dvh}.sidebar{border-bottom:1px solid #ffffff14;border-right:none;max-height:46dvh;width:100%}.main{min-height:54dvh;padding:var(--space-4)}}@media (max-width:640px){.sidebar{max-height:52dvh;padding:var(--space-4)}.main{padding:var(--space-3)}.content{border-radius:var(--radius-lg);padding:var(--space-4)}.app-tabs__btn{font-size:var(--font-size-xs);padding:8px 12px}}
/*# sourceMappingURL=main.c19862ae.css.map*/