@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap");:root{--color-bg-primary:#f4f7fa;--color-bg-secondary:#ffffff;--color-bg-tertiary:#eef2f7;--color-bg-card:#ffffff;--color-bg-hover:#e8edf4;--color-bg-active:#dce7f5;--color-border:rgba(0,64,96,0.09);--color-border-strong:rgba(0,64,96,0.16);--color-text-primary:#0a1929;--color-text-secondary:#2d4a6b;--color-text-tertiary:#4a6fa5;--color-text-disabled:#8aabcc;--color-nav-active-text:var(--color-navy);--color-bg-blur:rgba(255,255,255,0.8);--color-tab-active-bg:#ffffff;--color-tab-active-shadow:0 2px 4px rgba(0,0,0,0.05);--color-preview-bg:#e5e7eb;--color-preview-placeholder:#6b7280;--color-preview-icon:#d1d5db;--color-preview-border:#f3f4f6}[data-theme=dark]{--color-bg-primary:#0f172a;--color-bg-secondary:#1e293b;--color-bg-tertiary:#334155;--color-bg-card:#1e293b;--color-bg-hover:#334155;--color-bg-active:#475569;--color-border:rgba(255,255,255,0.1);--color-border-strong:rgba(255,255,255,0.2);--color-text-primary:#f8fafc;--color-text-secondary:#cbd5e1;--color-text-tertiary:#94a3b8;--color-text-disabled:#64748b;--color-nav-active-text:#ffffff;--color-bg-blur:rgba(15,23,42,0.85);--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 8px rgba(0,0,0,0.4),0 1px 3px rgba(0,0,0,0.3);--shadow-lg:0 10px 25px rgba(0,0,0,0.4),0 4px 8px rgba(0,0,0,0.2);--shadow-xl:0 20px 48px rgba(0,0,0,0.5),0 8px 16px rgba(0,0,0,0.3);--color-tab-active-bg:var(--color-bg-secondary);--color-tab-active-shadow:0 2px 4px rgba(0,0,0,0.3);--color-preview-bg:#1a2332;--color-preview-placeholder:#64748b;--color-preview-icon:#475569;--color-preview-border:rgba(255,255,255,0.08);--shadow-glow:0 0 35px rgba(82,164,178,0.2);--shadow-teal:0 0 30px rgba(82,164,178,0.15);--shadow-xl-2:0 20px 25px -5px rgba(0,0,0,0.4),0 10px 10px -5px rgba(0,0,0,0.3)}[data-theme=dark] .glass-card{background:rgba(30,41,59,.85);border-color:rgba(255,255,255,.1)}[data-theme=dark] .toast-success{background:rgba(22,163,74,.15);border-color:rgba(22,163,74,.3);color:#4ade80}[data-theme=dark] .toast-error{background:rgba(185,28,28,.15);border-color:rgba(185,28,28,.3);color:#fca5a5}[data-theme=dark] .toast-info{background:rgba(82,164,178,.15);border-color:rgba(82,164,178,.3);color:#7dbdc8}[data-theme=dark] .alert-info,[data-theme=dark] .tab-item.active{color:#7dbdc8}[data-theme=dark] .alert-success{color:#4ade80}[data-theme=dark] .alert-warning{background:rgba(247,221,119,.1);border-color:rgba(232,200,64,.25);color:#fde68a}[data-theme=dark] .alert-error{color:#fca5a5}[data-theme=dark] .badge-yellow{background:rgba(247,221,119,.15);color:#fde68a}[data-theme=dark] .badge-blue{color:#93c5fd}[data-theme=dark] .badge-teal{color:#7dbdc8}[data-theme=dark] .badge-violet{color:#a5b4fc}[data-theme=dark] .badge-aqua,[data-theme=dark] .badge-green{color:#5eead4}[data-theme=dark] .badge-orange{color:#fdba74}[data-theme=dark] .badge-red{color:#fca5a5}[data-theme=dark] .breadcrumbs a:hover{color:#7dbdc8}[data-theme=dark] .command-palette-item.highlighted,[data-theme=dark] .command-palette-item:hover{background:rgba(82,164,178,.15);color:#7dbdc8}[data-theme=dark] .dropdown-item.active{background:rgba(82,164,178,.18);color:#7dbdc8}[data-theme=dark] .ql-toolbar.ql-snow{background:var(--color-bg-tertiary)!important;border-color:var(--color-border)!important}[data-theme=dark] .ql-toolbar .ql-stroke{stroke:var(--color-text-secondary)!important}[data-theme=dark] .ql-toolbar .ql-fill{fill:var(--color-text-secondary)!important}[data-theme=dark] .ql-toolbar .ql-picker{color:var(--color-text-secondary)!important}[data-theme=dark] .ql-toolbar .ql-picker-options{background:var(--color-bg-secondary)!important;border-color:var(--color-border)!important}[data-theme=dark] .ql-container.ql-snow{border-color:var(--color-border)!important}[data-theme=dark] .ql-editor{color:var(--color-text-primary)}[data-theme=dark] .ql-editor.ql-blank:before{color:var(--color-text-disabled)!important}[data-theme=dark] select.input option{background:var(--color-bg-secondary);color:var(--color-text-primary)}[data-theme=dark] .loading-overlay{background:rgba(15,23,42,.7)!important}:root{--color-navy:#004060;--color-navy-light:#005580;--color-navy-dark:#002a40;--color-teal:#52A4B2;--color-teal-light:#7dbdc8;--color-teal-dark:#3a8a97;--color-sky:#DCE7F5;--color-sky-dark:#bed4ef;--color-blue-mid:#15417d;--color-violet:#5b5ca5;--color-violet-light:#8485c4;--color-aqua:#00d7b1;--color-aqua-dark:#00a99d;--color-yellow:#f7dd77;--color-yellow-dark:#e8c840;--color-orange:#fc6f40;--color-orange-dark:#e85820;--color-red:#e94e5a;--color-red-dark:#cc3340;--color-primary-700:var(--color-navy-dark);--color-accent-400:var(--color-violet-light);--color-accent-500:var(--color-violet);--color-accent-600:var(--color-blue-mid);--color-primary-50:rgba(0,64,96,0.06);--color-primary-100:rgba(0,64,96,0.12);--color-success-50:rgba(0,169,157,0.08);--color-success-100:rgba(0,169,157,0.15);--color-success-400:var(--color-aqua);--color-success-500:var(--color-aqua-dark);--color-success-600:#007d74;--color-danger-50:rgba(233,78,90,0.08);--color-danger-100:rgba(233,78,90,0.15);--color-danger-500:var(--color-red);--color-danger-600:var(--color-red-dark);--color-warning-400:var(--color-yellow);--color-warning-500:var(--color-orange);--color-error-400:var(--color-red);--color-error-500:var(--color-red-dark);--color-error-600:#a82c37;--color-info-500:var(--color-teal);--color-violet-50:rgba(91,92,165,0.08);--color-violet-100:rgba(91,92,165,0.15);--svc-aduanal:#004060;--svc-ftzone:#15417d;--svc-uia:#52A4B2;--svc-rfe:#f7dd77;--svc-transporte:#e94e5a;--svc-comercial:#fc6f40;--svc-freight:#5b5ca5;--svc-aqua:#00d7b1;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,64,96,0.06);--shadow-md:0 4px 8px rgba(0,64,96,0.06),0 1px 3px rgba(0,64,96,0.08);--shadow-lg:0 10px 25px rgba(0,64,96,0.08),0 4px 8px rgba(0,64,96,0.05);--shadow-xl:0 20px 48px rgba(0,64,96,0.10),0 8px 16px rgba(0,64,96,0.06);--shadow-glow:0 0 35px rgba(0,64,96,0.15);--shadow-teal:0 0 30px rgba(82,164,178,0.25);--sidebar-width:260px;--sidebar-collapsed:68px;--header-height:60px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-sky-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-teal-dark)}.glass-card{background:rgba(255,255,255,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(0,64,96,.12);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);box-shadow:var(--shadow-sm)}.card:hover{border-color:rgba(82,164,178,.35);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);border:none;text-decoration:none;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn-primary{background:linear-gradient(135deg,var(--color-navy),var(--color-blue-mid));color:white;box-shadow:0 2px 12px rgba(0,64,96,.25)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(0,64,96,.35)}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px rgba(0,64,96,.2)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-teal{background:linear-gradient(135deg,var(--color-teal),var(--color-aqua-dark));color:white;box-shadow:0 2px 12px rgba(82,164,178,.3)}.btn-teal:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(82,164,178,.4)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border-strong)}.btn-secondary:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:rgba(0,64,96,.25)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border:1px solid transparent}.btn-ghost:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.btn-danger{background:rgba(233,78,90,.1);color:var(--color-red);border:1px solid rgba(233,78,90,.2)}.btn-danger:hover{background:rgba(233,78,90,.2)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn-icon{padding:var(--space-2);width:36px;height:36px}.input-group{display:flex;flex-direction:column;gap:var(--space-1)}.input-label{font-weight:500;color:var(--color-text-secondary)}.input,.input-label{font-size:var(--text-sm)}.input{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-sans);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.input:focus{border-color:var(--color-teal);box-shadow:0 0 0 3px rgba(82,164,178,.15)}.input::placeholder{color:var(--color-text-disabled)}.input:disabled{opacity:.5;cursor:not-allowed;background:var(--color-bg-tertiary)}textarea.input{resize:vertical;max-width:100%}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{inset:0;background:var(--color-bg-hover);border-radius:var(--radius-full);border:1.5px solid var(--color-border-strong)}.toggle-slider,.toggle-slider:before{position:absolute;transition:all var(--transition-normal)}.toggle-slider:before{content:"";left:3px;top:50%;transform:translateY(-50%);width:16px;height:16px;background:var(--color-text-disabled);border-radius:50%}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,var(--color-navy),var(--color-teal));border-color:var(--color-teal);box-shadow:0 0 12px rgba(82,164,178,.4)}.toggle-switch input:checked+.toggle-slider:before{left:calc(100% - 19px);background:white}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:600;letter-spacing:.03em;white-space:nowrap}.badge-navy{background:var(--color-bg-active);color:var(--color-text-primary)}.badge-blue{background:rgba(21,65,125,.12);color:var(--color-blue-mid)}.badge-teal{background:rgba(82,164,178,.15);color:var(--color-teal-dark)}.badge-violet{background:rgba(91,92,165,.12);color:var(--color-violet)}.badge-aqua{background:rgba(0,215,177,.12)}.badge-aqua,.badge-green{color:var(--color-aqua-dark)}.badge-green{background:rgba(0,169,157,.15)}.badge-yellow{background:rgba(247,221,119,.35);color:#a07800}.badge-orange{background:rgba(252,111,64,.12);color:var(--color-orange-dark)}.badge-red{background:rgba(233,78,90,.12);color:var(--color-red-dark)}.badge-gray{background:rgba(0,64,96,.07);color:var(--color-text-tertiary)}.badge-neutral{background:var(--color-bg-hover);color:var(--color-text-secondary)}.badge-purple{background:rgba(91,92,165,.12);color:var(--color-violet)}.section-label{font-size:10px;font-weight:700;color:var(--color-text-disabled);letter-spacing:.1em;text-transform:uppercase;padding:var(--space-3) var(--space-3) var(--space-1)}@keyframes fadeInUp{0%{opacity:0;margin-top:12px}to{opacity:1;margin-top:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 15px rgba(0,64,96,.2)}50%{box-shadow:0 0 30px rgba(82,164,178,.4)}}@keyframes pulse-teal{0%,to{box-shadow:0 0 15px rgba(82,164,178,.2)}50%{box-shadow:0 0 35px rgba(82,164,178,.5)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.page-enter{animation:fadeInUp .3s ease forwards}.fade-in{animation:fadeIn .2s ease forwards}.spin{animation:spin 1s linear infinite}.pulse-glow{animation:pulse-glow 2.5s ease-in-out infinite}.pulse-teal{animation:pulse-teal 2.5s ease-in-out infinite}.pulse{animation:pulse 1.5s ease-in-out infinite}.module-card{background:var(--color-bg-card);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);transition:all var(--transition-normal);cursor:default;box-shadow:var(--shadow-sm)}.module-card.enabled{border-color:rgba(82,164,178,.3);background:linear-gradient(135deg,rgba(82,164,178,.04),rgba(0,64,96,.02))}.module-card:hover{border-color:rgba(82,164,178,.5);transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:all var(--transition-fast);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-navy),var(--color-teal));opacity:0;transition:opacity var(--transition-fast)}.stat-card:hover:before{opacity:1}.stat-card:hover{box-shadow:var(--shadow-md)}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4)}.grid-2,.grid-3{display:grid;gap:var(--space-4)}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:var(--space-4)}.grid-4{grid-template-columns:repeat(4,1fr);grid-gap:var(--space-4)}.grid-4,.grid-auto{display:grid;gap:var(--space-4)}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:var(--space-4)}@media (max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.table-container{border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:var(--text-xs);font-weight:700;color:var(--color-text-tertiary);letter-spacing:.06em;text-transform:uppercase;background:var(--color-bg-tertiary);border-bottom:1.5px solid var(--color-border-strong)}.table td,.table th{padding:var(--space-3) var(--space-4)}.table td{font-size:var(--text-sm);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--color-bg-active);color:var(--color-text-primary)}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);border:1px solid}.alert-info{background:rgba(82,164,178,.08);border-color:rgba(82,164,178,.25);color:var(--color-teal-dark)}.alert-success{background:rgba(0,169,157,.08);border-color:rgba(0,169,157,.25);color:var(--color-aqua-dark)}.alert-warning{background:rgba(247,221,119,.2);border-color:rgba(232,200,64,.4);color:#7a5f00}.alert-error{background:rgba(233,78,90,.08);border-color:rgba(233,78,90,.25);color:var(--color-red-dark)}.divider{height:1px;background:var(--color-border);margin:var(--space-4) 0}.empty-state{flex-direction:column;justify-content:center;padding:var(--space-16);color:var(--color-text-disabled);text-align:center}.empty-state,.nav-item{display:flex;align-items:center;gap:var(--space-3)}.nav-item{border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:2px;transition:all var(--transition-fast);text-decoration:none;color:var(--color-text-secondary);background:transparent;border-left:3px solid transparent}.nav-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.nav-item.active{color:var(--color-nav-active-text);background:var(--color-bg-active);border-left-color:var(--color-teal);font-weight:600}.page-title{font-size:var(--text-3xl);font-weight:800;color:var(--color-text-primary);margin-bottom:4px}.page-subtitle{color:var(--color-text-tertiary);font-size:var(--text-sm)}.siem-gradient,.siem-gradient-text{background:linear-gradient(135deg,var(--color-text-primary) 0,var(--color-teal) 100%)}.siem-gradient-text{-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:root{--spacing-4:0.25rem;--spacing-6:0.375rem;--spacing-8:0.5rem;--spacing-12:0.75rem;--spacing-16:1rem;--spacing-20:1.25rem;--spacing-24:1.5rem;--radius-containers:1rem;--text-heading-sm:1.25rem;--tracking-heading-sm:-0.01em;--shadow-xl-2:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--siem-navy:#004060;--siem-navy-dark:#002a40;--siem-teal:#52A4B2;--siem-teal-light:#7dbdc8;--siem-teal-dark:#00a99d;--siem-mint:#00d7b1;--siem-blue-mid:#15417d;--siem-purple:#5b5ca5;--siem-sky:#DCE7F5;--siem-sky-dark:#bed4ef;--siem-yellow:#f7dd77;--siem-orange:#fc6f40;--siem-orange-dark:#e85820;--siem-red:#e94e5a;--siem-red-dark:#cc3340;--sidebar-bg:#004060;--sidebar-bg-dark:#002f48;--sidebar-bg-hover:rgba(255,255,255,0.08);--sidebar-bg-active:rgba(82,164,178,0.22);--sidebar-text:rgba(255,255,255,0.80);--sidebar-text-active:#ffffff;--sidebar-text-muted:rgba(255,255,255,0.40);--sidebar-border:rgba(255,255,255,0.10);--sidebar-accent:#52A4B2;--sidebar-section-label:rgba(255,255,255,0.35);--sidebar-sub-border:rgba(255,255,255,0.15);--color-stone-divider:var(--color-border);--color-fog-surface:var(--color-bg-tertiary);--color-midnight-ink:var(--color-text-primary);--color-ash-helper:var(--color-text-tertiary);--color-snow-canvas:var(--color-bg-primary);--color-royal-signal:var(--color-navy);--color-lavender-wash:rgba(82,164,178,0.12);--color-slate-caption:var(--color-text-secondary);--color-cobalt-glow:var(--color-teal);--color-amber-pending:var(--color-orange);--color-primary:var(--color-navy);--color-primary-400:var(--color-teal);--color-primary-500:var(--color-navy-light);--color-primary-600:var(--color-navy);--font-inter:var(--font-sans);--font-roboto-mono:var(--font-mono);--text-body-sm:var(--text-sm);--text-body-base:var(--text-base);--text-body-xs:var(--text-xs);--text-heading-base:var(--text-xl);--text-heading-md:var(--text-2xl)}.modal-overlay{position:fixed;inset:0;z-index:200;background:rgba(2,5,32,.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn var(--transition-fast) ease;display:flex;align-items:center;justify-content:center;padding:var(--spacing-16)}.modal-panel{position:relative;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-containers);box-shadow:var(--shadow-xl-2);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;animation:scaleIn var(--transition-fast) ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-20) var(--spacing-24);border-bottom:1px solid var(--color-border)}.modal-header h2{font-size:var(--text-heading-sm);font-weight:600;color:var(--color-text-primary);letter-spacing:var(--tracking-heading-sm)}.modal-body{padding:var(--spacing-24)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-8);padding:var(--spacing-16) var(--spacing-24);border-top:1px solid var(--color-border);background:var(--color-bg-tertiary);border-radius:0 0 var(--radius-containers) var(--radius-containers)}.drawer-overlay{position:fixed;inset:0;z-index:200;background:rgba(2,5,32,.35);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:fadeIn var(--transition-fast) ease}.drawer-panel{position:fixed;top:0;right:0;bottom:0;z-index:201;width:480px;max-width:95vw;background:var(--color-bg-secondary);border-left:1px solid var(--color-border);box-shadow:-8px 0 40px rgba(0,64,96,.14);display:flex;flex-direction:column;animation:slideInRight var(--transition-normal) cubic-bezier(.4,0,.2,1)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-20) var(--spacing-24);border-bottom:1px solid var(--color-border);flex-shrink:0}.drawer-body{flex:1 1;overflow-y:auto;padding:var(--spacing-24)}.drawer-footer{padding:var(--spacing-16) var(--spacing-24);border-top:1px solid var(--color-border);background:var(--color-bg-tertiary);display:flex;gap:var(--spacing-8);flex-shrink:0}.dropdown-panel{position:absolute;z-index:100;background:var(--color-bg-secondary);border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:fadeIn var(--transition-fast) ease}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-8);padding:var(--spacing-8) var(--spacing-12);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;background:transparent;border:none;width:calc(100% - 8px);text-align:left;text-decoration:none;transition:all var(--transition-fast);border-radius:var(--radius-md);margin:2px 4px}.dropdown-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.dropdown-item.active{background:rgba(82,164,178,.12);color:var(--color-navy);font-weight:600}.accordion-group{display:flex;flex-direction:column}.accordion-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-8) var(--spacing-12);background:transparent;border:none;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;color:var(--color-text-tertiary);letter-spacing:.08em;text-transform:uppercase;transition:color var(--transition-fast);border-radius:var(--radius-md)}.accordion-trigger:hover{color:var(--color-text-secondary);background:var(--color-bg-hover)}.accordion-trigger-icon{transition:transform var(--transition-fast);flex-shrink:0}.accordion-trigger.open .accordion-trigger-icon{transform:rotate(180deg)}.accordion-content{overflow:hidden;animation:accordionOpen var(--transition-fast) ease}.accordion-content.closed{display:none}.breadcrumbs{display:flex;align-items:center;gap:var(--spacing-6);font-size:var(--text-sm)}.breadcrumbs,.breadcrumbs a{color:var(--color-text-tertiary)}.breadcrumbs a{text-decoration:none;transition:color var(--transition-fast)}.breadcrumbs a:hover{color:var(--color-navy)}.breadcrumbs-sep{color:var(--color-border-strong);font-size:12px}.breadcrumbs-current{color:var(--color-text-primary);font-weight:500}.kbd{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;font-size:10px;font-family:var(--font-mono);color:var(--color-text-tertiary);background:var(--color-bg-primary);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);line-height:1.4}.command-palette-overlay{position:fixed;inset:0;z-index:300;background:rgba(0,32,48,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:fadeIn .12s ease}.command-palette-panel{width:100%;max-width:560px;background:var(--color-bg-secondary);border:1px solid var(--color-border-strong);border-top:3px solid var(--color-teal);border-radius:var(--radius-containers);box-shadow:var(--shadow-xl-2);overflow:hidden;animation:scaleIn .12s ease}.command-palette-input{display:flex;align-items:center;gap:var(--spacing-12);padding:var(--spacing-16) var(--spacing-20);border-bottom:1px solid var(--color-border)}.command-palette-input input{flex:1 1;background:transparent;border:none;outline:none;font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary)}.command-palette-input input::placeholder{color:var(--color-text-tertiary)}.command-palette-results{max-height:360px;overflow-y:auto;padding:var(--spacing-8)}.command-palette-section-title{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-tertiary);padding:var(--spacing-8) var(--spacing-12) var(--spacing-4)}.command-palette-item{display:flex;align-items:center;gap:var(--spacing-12);padding:var(--spacing-8) var(--spacing-12);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);transition:all var(--transition-fast);text-decoration:none}.command-palette-item.highlighted,.command-palette-item:hover{background:rgba(82,164,178,.1);color:var(--color-navy)}.command-palette-footer{display:flex;align-items:center;gap:var(--spacing-16);padding:var(--spacing-8) var(--spacing-16);border-top:1px solid var(--color-border);background:var(--color-bg-tertiary);font-size:11px;color:var(--color-text-tertiary)}.tab-bar{display:flex;gap:2px;border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-24)}.tab-item{display:flex;align-items:center;gap:var(--spacing-6);padding:var(--spacing-12) var(--spacing-16);background:transparent;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--color-text-tertiary);border:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--transition-fast)}.tab-item:hover{color:var(--color-text-secondary)}.tab-item.active{color:var(--color-navy);font-weight:600;border-bottom-color:var(--color-teal)}.tab-count{font-size:10px;font-weight:700;padding:2px 6px;border-radius:var(--radius-full);background:var(--color-bg-hover);color:var(--color-text-tertiary)}.tab-item.active .tab-count{background:rgba(82,164,178,.15);color:var(--color-teal-dark)}.toast{position:fixed;top:var(--spacing-24);right:var(--spacing-24);z-index:9999;display:flex;align-items:center;gap:var(--spacing-12);padding:var(--spacing-12) var(--spacing-20);border-radius:var(--radius-xl);font-size:var(--text-sm);font-weight:500;box-shadow:var(--shadow-xl);animation:slideInRight var(--transition-fast) ease}.toast-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}.toast-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.toast-info{background:rgba(82,164,178,.1);border:1px solid rgba(82,164,178,.3);color:var(--color-teal-dark)}.hover-row:hover td{background:var(--color-fog-surface)!important}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes accordionOpen{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.markdown-content p{margin-bottom:.75em}.markdown-content p:last-child{margin-bottom:0}.markdown-content strong{font-weight:700;color:var(--color-text-primary)}.markdown-content em{font-style:italic}.markdown-content ul{list-style-type:disc!important}.markdown-content ol,.markdown-content ul{padding-left:1em!important;margin-left:1em!important;margin-bottom:.75em!important;list-style-position:outside!important}.markdown-content ol{list-style-type:decimal!important}.markdown-content li{margin-bottom:.25em!important;display:list-item!important}.markdown-content ul li{list-style-type:disc!important}.markdown-content ol li{list-style-type:decimal!important}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{font-weight:700;color:var(--color-text-primary);margin-top:1em;margin-bottom:.5em}.markdown-content h1{font-size:1.5em}.markdown-content h2{font-size:1.25em}.markdown-content h3{font-size:1.1em}.markdown-content blockquote{border-left:3px solid var(--color-border-strong);padding-left:1em;color:var(--color-text-tertiary);margin-left:0;margin-bottom:.75em}.markdown-content code{background:var(--color-bg-hover);padding:.1em .3em;border-radius:4px;font-family:monospace;font-size:.9em}.react-grid-item.react-draggable-dragging,.react-grid-item.resizing{box-shadow:var(--shadow-md);z-index:10}.react-grid-item>.react-resizable-handle{opacity:.35}.react-grid-item:hover>.react-resizable-handle{opacity:.9}.react-grid-item>.react-resizable-handle:after{border-right-color:var(--color-text-tertiary);border-bottom-color:var(--color-text-tertiary)}.react-grid-item.react-grid-placeholder{background:var(--color-teal);border-radius:var(--radius-xl)}.dash-drag-handle{cursor:-webkit-grab;cursor:grab}.dash-drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}