@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--jns-navy:#0e1e38;--jns-navy-dark:#081120;--jns-navy-light:#182e52;--jns-gold:#e5a93c;--jns-gold-hover:#f0b753;--jns-blue:#2563eb;--jns-blue-hover:#1d4ed8;--bg-app:#0c121e;--bg-sidebar:#090e18;--bg-card:#131b2c;--bg-card-hover:#19243a;--bg-card-subtle:#172136;--bg-input:#0e1626;--border-subtle:#1e2c45;--border-medium:#283a5c;--border-focus:#3b82f6;--text-main:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-light:#cbd5e1;--status-not-started-bg:#1e293b;--status-not-started-text:#94a3b8;--status-in-progress-bg:#1e3a8a;--status-in-progress-text:#93c5fd;--status-review-bg:#4c1d95;--status-review-text:#c4b5fd;--status-revision-bg:#831843;--status-revision-text:#f472b6;--status-blocked-bg:#7f1d1d;--status-blocked-text:#fca5a5;--status-approved-bg:#064e3b;--status-approved-text:#6ee7b7;--status-completed-bg:#14532d;--status-completed-text:#86efac;--priority-normal:#64748b;--priority-high:#f59e0b;--priority-urgent:#ef4444;--shadow-sm:0 1px 2px 0 #0006;--shadow-md:0 4px 6px -1px #00000080, 0 2px 4px -2px #00000080;--shadow-lg:0 10px 15px -3px #0009, 0 4px 6px -4px #0009;--shadow-glow:0 0 15px #e5a93c26;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px}[data-theme=light],.theme-light{--jns-navy:#0e1e38;--jns-navy-dark:#f1f5f9;--jns-navy-light:#e2e8f0;--jns-gold:#c98a24;--jns-gold-hover:#b87b1c;--jns-blue:#2563eb;--jns-blue-hover:#1d4ed8;--bg-app:#f4f6f9;--bg-sidebar:#fff;--bg-card:#fff;--bg-card-hover:#f8fafc;--bg-card-subtle:#f8fafc;--bg-input:#fff;--border-subtle:#e2e8f0;--border-medium:#cbd5e1;--border-focus:#3b82f6;--text-main:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-light:#334155;--status-not-started-bg:#f1f5f9;--status-not-started-text:#475569;--status-in-progress-bg:#eff6ff;--status-in-progress-text:#1d4ed8;--status-review-bg:#faf5ff;--status-review-text:#7c3aed;--status-revision-bg:#fdf2f8;--status-revision-text:#be185d;--status-blocked-bg:#fef2f2;--status-blocked-text:#b91c1c;--status-approved-bg:#ecfdf5;--status-approved-text:#047857;--status-completed-bg:#f0fdf4;--status-completed-text:#15803d;--priority-normal:#64748b;--priority-high:#d97706;--priority-urgent:#dc2626;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-glow:0 0 15px #c98a2440}[data-theme=light] ::-webkit-scrollbar-track{background:#f1f5f9}[data-theme=light] ::-webkit-scrollbar-thumb{background:#cbd5e1}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#94a3b8}[data-theme=light] .top-navbar,[data-theme=light] .sidebar,[data-theme=light] .sidebar-footer{background-color:#fff;border-color:#e2e8f0}[data-theme=light] .section-panel-header{background-color:#f8fafc;border-color:#e2e8f0}[data-theme=light] .nav-link:hover{color:#0f172a;background-color:#f1f5f9}[data-theme=light] .nav-link.active{color:#1e3a8a;border-left:3px solid var(--jns-gold);background-color:#eff6ff;font-weight:700}[data-theme=light] .nav-link.active svg{color:#1e3a8a}[data-theme=light] .user-avatar{color:#1e3a8a;border:1px solid var(--jns-gold);background-color:#eff6ff}[data-theme=light] .user-persona-box{background-color:#f8fafc;border-color:#e2e8f0}[data-theme=light] .global-search-trigger{color:#64748b;background-color:#f8fafc;border-color:#cbd5e1}[data-theme=light] .global-search-trigger:hover{color:#1e293b;border-color:#94a3b8}[data-theme=light] .kbd-shortcut{color:#475569;background-color:#fff;border-color:#cbd5e1}[data-theme=light] .btn-secondary{color:#1e293b;background-color:#fff;border-color:#cbd5e1}[data-theme=light] .btn-secondary:hover{background-color:#f1f5f9;border-color:#94a3b8}[data-theme=light] .btn-success{color:#fff;background-color:#15803d;border-color:#166534}[data-theme=light] .btn-success:hover{background-color:#166534}[data-theme=light] .btn-danger{color:#fff;background-color:#dc2626;border-color:#b91c1c}[data-theme=light] .btn-danger:hover{background-color:#b91c1c}[data-theme=light] .form-input,[data-theme=light] .form-select,[data-theme=light] .form-textarea{color:#0f172a;background-color:#fff;border-color:#cbd5e1}[data-theme=light] .form-input:focus,[data-theme=light] .form-select:focus,[data-theme=light] .form-textarea:focus{border-color:#2563eb}[data-theme=light] .data-table th{color:#475569;background-color:#f8fafc;border-bottom:1px solid #e2e8f0}[data-theme=light] .data-table td{color:#334155;border-bottom:1px solid #f1f5f9}[data-theme=light] .data-table tr:hover td{background-color:#f8fafc}[data-theme=light] .modal-overlay{background-color:#0f172a73}[data-theme=light] .modal-content{background-color:#fff;border-color:#e2e8f0;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000d}[data-theme=light] .modal-header{border-bottom:1px solid #e2e8f0}[data-theme=light] .modal-footer{background-color:#f8fafc;border-top:1px solid #e2e8f0}[data-theme=light] .status-not-started{border:1px solid #cbd5e1}[data-theme=light] .status-in-progress{border:1px solid #93c5fd}[data-theme=light] .status-waiting,[data-theme=light] .status-waiting-review{border:1px solid #c4b5fd}[data-theme=light] .status-revision{border:1px solid #f472b6}[data-theme=light] .status-blocked{border:1px solid #fca5a5}[data-theme=light] .status-approved{border:1px solid #6ee7b7}[data-theme=light] .status-completed{border:1px solid #86efac}[data-theme=light] div[style*="background: '#0b1120'"],[data-theme=light] div[style*="background: #0b1120"],[data-theme=light] [style*="background: #0b1120"],[data-theme=light] [style*="background: '#0b1120'"],[data-theme=light] [style*="background: rgb(11, 17, 32)"]{color:#1e293b!important;background-color:#f8fafc!important;border-color:#e2e8f0!important}[data-theme=light] [style*="border: '1px solid #1e293b'"],[data-theme=light] [style*="border: 1px solid #1e293b"]{border-color:#e2e8f0!important}[data-theme=light] [style*="borderBottom: '1px solid #1e293b'"],[data-theme=light] [style*="borderBottom: 1px solid #1e293b"]{border-bottom-color:#e2e8f0!important}[data-theme=light] [style*="background: 'rgba(255,255,255,0.03)'"],[data-theme=light] [style*="background: rgba(255,255,255,0.03)"],[data-theme=light] [style*="background: 'rgba(255, 255, 255, 0.03)'"],[data-theme=light] [style*="background: rgba(255, 255, 255, 0.03)"]{background-color:#f1f5f9!important;border-color:#e2e8f0!important}[data-theme=light] .alert-banner-danger{color:#991b1b;background-color:#fef2f2;border-color:#f87171}[data-theme=light] .alert-banner-danger .alert-banner-title,[data-theme=light] .alert-banner-danger strong{color:#991b1b!important}[data-theme=light] .alert-banner-warning{color:#92400e;background-color:#fffbeb;border-color:#fbbf24}[data-theme=light] .alert-banner-warning .alert-banner-title,[data-theme=light] .alert-banner-warning strong{color:#92400e!important}[data-theme=light] .alert-banner-info{color:#1e40af;background-color:#eff6ff;border-color:#60a5fa}[data-theme=light] .alert-banner-info .alert-banner-title,[data-theme=light] .alert-banner-info strong{color:#1e40af!important}*{box-sizing:border-box;min-width:0;margin:0;padding:0}html,body{background-color:var(--bg-app);width:100%;max-width:100vw;color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;overflow-wrap:break-word;word-break:break-word;font-size:14px;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{color:inherit;font-family:inherit;font-size:14px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-sidebar)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app-container{background-color:var(--bg-app);width:100%;max-width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.main-wrapper{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden auto}.section-panel{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;max-width:100%;margin-bottom:1.5rem;overflow:hidden}.section-panel-header{border-bottom:1px solid var(--border-subtle);background-color:var(--bg-card-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.section-panel-title{color:var(--text-main);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:14px;font-weight:700;display:flex}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-subtle);z-index:40;flex-direction:column;flex-shrink:0;width:260px;height:100vh;transition:transform .2s;display:flex}.sidebar-header{border-bottom:1px solid var(--border-subtle);padding:1.25rem 1.25rem 1rem}.brand-badge{align-items:center;gap:.75rem;text-decoration:none;transition:opacity .15s;display:inline-flex}.brand-badge:hover{opacity:.95}.brand-logo-img{object-fit:cover;border:1px solid #ffffff26;border-radius:8px;flex-shrink:0;width:38px;height:38px;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 8px #0006}.brand-badge:hover .brand-logo-img{transform:scale(1.04);box-shadow:0 4px 14px #8b181b73}.brand-title{color:var(--text-main);letter-spacing:-.01em;font-size:14px;font-weight:700;line-height:1.2}.brand-subtitle{color:var(--jns-gold);text-transform:uppercase;letter-spacing:.06em;margin-top:2px;font-size:10.5px;font-weight:600}.mobile-brand-link{align-items:center;margin-right:.25rem;display:none}.mobile-brand-logo{object-fit:cover;border:1px solid #ffffff1f;border-radius:6px;width:30px;height:30px}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;padding:1rem .75rem;display:flex;overflow-y:auto}.nav-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:.75rem .75rem .35rem;font-size:10px;font-weight:700}.nav-link{border-radius:var(--radius-md);color:var(--text-secondary);justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .75rem;font-size:13px;font-weight:500;transition:all .15s;display:flex}.nav-link:hover{background-color:var(--bg-card);color:var(--text-main)}.nav-link.active{background-color:var(--jns-navy-light);color:#fff;border-left:3px solid var(--jns-gold)}.nav-link-left{align-items:center;gap:.75rem;display:flex}.nav-badge{border-radius:var(--radius-full);padding:.1rem .45rem;font-size:11px;font-weight:700}.nav-badge-warn{background-color:var(--status-revision-bg);color:var(--status-revision-text)}.nav-badge-alert{background-color:var(--status-blocked-bg);color:var(--status-blocked-text)}.nav-badge-gold{color:var(--jns-gold);background-color:#e5a93c33}.nav-tool-wrapper .nav-link{flex:1}.nav-tool-edit-btn{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-muted);background-color:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;margin-left:.35rem;transition:all .15s;display:flex}.nav-tool-edit-btn:hover{color:var(--jns-gold);border-color:var(--jns-gold);background-color:var(--bg-card-hover);transform:scale(1.05)}.sidebar-footer{border-top:1px solid var(--border-subtle);background-color:var(--bg-sidebar);padding:.75rem 1rem}.user-persona-box{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:.5rem;padding:.65rem;display:flex}.user-persona-info{align-items:center;gap:.6rem;display:flex;overflow:hidden}.user-avatar{border-radius:var(--radius-full);background-color:var(--jns-navy-light);border:1px solid var(--jns-gold);width:32px;height:32px;color:var(--jns-gold);flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.user-meta-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.user-meta-role{color:var(--text-muted);align-items:center;gap:.25rem;font-size:10px;display:flex}.top-navbar{background-color:var(--bg-sidebar);border-bottom:1px solid var(--border-subtle);z-index:30;justify-content:space-between;align-items:center;height:60px;padding:0 1.5rem;display:flex;position:sticky;top:0}.top-navbar-left{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.mobile-menu-btn{color:var(--text-light);flex-shrink:0;padding:.4rem;display:none}.global-search-trigger{background-color:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;align-items:center;gap:.6rem;width:280px;min-width:0;padding:.45rem .85rem;font-size:13px;transition:border-color .15s;display:flex}.global-search-trigger:hover{border-color:var(--border-medium);color:var(--text-secondary)}.kbd-shortcut{background-color:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);color:var(--text-muted);margin-left:auto;padding:.15rem .4rem;font-size:10px}.top-navbar-right{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.content-body{flex:1;width:100%;max-width:1440px;margin:0 auto;padding:1.75rem 2rem}.btn{border-radius:var(--radius-md);white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:.45rem .9rem;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--jns-gold), #c98b24);color:#0c121e;border:1px solid var(--jns-gold)}.btn-primary:hover{background:var(--jns-gold-hover);box-shadow:var(--shadow-glow)}.btn-blue{background-color:var(--jns-blue);color:#fff}.btn-blue:hover{background-color:var(--jns-blue-hover)}.btn-secondary{background-color:var(--bg-card);color:var(--text-main);border:1px solid var(--border-subtle)}.btn-secondary:hover{background-color:var(--bg-card-hover);border-color:var(--border-medium)}.btn-danger{background-color:var(--status-blocked-bg);color:#fff;border:1px solid #b91c1c}.btn-success{background-color:var(--status-completed-bg);color:#fff;border:1px solid #15803d}.btn-sm{padding:.25rem .6rem;font-size:12px}.btn-lg{padding:.65rem 1.25rem;font-size:14px}.status-chip{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:11px;font-weight:700;display:inline-flex}.status-not-started{background-color:var(--status-not-started-bg);color:var(--status-not-started-text);border:1px solid #334155}.status-in-progress{background-color:var(--status-in-progress-bg);color:var(--status-in-progress-text);border:1px solid #2563eb}.status-waiting,.status-waiting-review{background-color:var(--status-review-bg);color:var(--status-review-text);border:1px solid #7c3aed}.status-revision{background-color:var(--status-revision-bg);color:var(--status-revision-text);border:1px solid #be185d}.status-blocked{background-color:var(--status-blocked-bg);color:var(--status-blocked-text);border:1px solid #dc2626;animation:2s ease-in-out infinite pulse-slow}.status-approved{background-color:var(--status-approved-bg);color:var(--status-approved-text);border:1px solid #059669}.status-completed{background-color:var(--status-completed-bg);color:var(--status-completed-text);border:1px solid #16a34a}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.8}}.priority-pill{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em;padding:.15rem .45rem;font-size:10px;font-weight:700}.priority-normal{color:var(--text-muted);background-color:#64748b26}.priority-high{color:var(--priority-high);background-color:#f59e0b26;border:1px solid #f59e0b4d}.priority-urgent{color:var(--priority-urgent);background-color:#ef44442e;border:1px solid #ef444466}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.metric-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;padding:1.1rem 1.25rem;transition:border-color .15s;display:flex;position:relative;overflow:hidden}.metric-card:hover{border-color:var(--border-medium)}.metric-card.alert-border{border-left:4px solid #ef4444}.metric-card.gold-border{border-left:4px solid var(--jns-gold)}.metric-card.blue-border{border-left:4px solid var(--jns-blue)}.metric-card.green-border{border-left:4px solid #22c55e}.metric-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.metric-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:11px;font-weight:700}.metric-icon{color:var(--text-secondary)}.metric-value{color:var(--text-main);font-size:26px;font-weight:800;line-height:1.1;font-family:var(--font-sans)}.metric-subtitle{color:var(--text-secondary);margin-top:.35rem;font-size:12px}.workflow-timeline-box{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:1.25rem}.timeline-steps{align-items:center;gap:.25rem;padding:.5rem 0;display:flex;overflow-x:auto}.timeline-step{border-radius:var(--radius-md);background-color:var(--bg-input);border:1px solid var(--border-subtle);white-space:nowrap;color:var(--text-muted);flex-shrink:0;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:12px;font-weight:600;display:flex}.timeline-step.completed{color:#86efac;background-color:#16653433;border-color:#15803d}.timeline-step.active{background:linear-gradient(135deg, var(--jns-navy-light), var(--jns-navy));border-color:var(--jns-gold);color:var(--jns-gold);box-shadow:0 0 10px #e5a93c33}.timeline-step.rev-req{color:#f472b6;background-color:#83184340;border-color:#be185d}.timeline-arrow{color:var(--border-medium);flex-shrink:0;font-size:12px}.section-panel{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:1.5rem;overflow:hidden}.section-panel-header{border-bottom:1px solid var(--border-subtle);background-color:#131b2cb3;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.section-panel-title{color:var(--text-main);align-items:center;gap:.5rem;font-size:15px;font-weight:700;display:flex}.section-panel-body{padding:1.25rem}.data-table-container{overflow-x:auto}.data-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);background-color:var(--bg-card-subtle);padding:.65rem 1rem;font-size:11px;font-weight:700}.data-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-light);vertical-align:middle;padding:.85rem 1rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#000000bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);width:100%;max-width:650px;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow-y:auto}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title{color:var(--text-main);font-size:16px;font-weight:700}.modal-body{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.modal-footer{border-top:1px solid var(--border-subtle);background-color:var(--bg-card-subtle);justify-content:flex-end;align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-label{color:var(--text-light);font-size:12px;font-weight:600}.form-label span.req{color:#ef4444}.form-input,.form-select,.form-textarea{background-color:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-main);outline:none;padding:.55rem .8rem;transition:border-color .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus)}.form-textarea{resize:vertical;min-height:90px}.form-help{color:var(--text-muted);font-size:11px}.word-count-badge{margin-top:.25rem;font-size:11px;font-weight:600}.word-count-ok{color:#86efac}.word-count-need{color:#fca5a5}.alert-banner{border-radius:var(--radius-md);align-items:flex-start;gap:.75rem;width:100%;min-width:0;margin-bottom:1.25rem;padding:.85rem 1.1rem;font-size:13px;display:flex}.alert-banner>div{flex:1;min-width:0}.alert-banner-danger{color:#fca5a5;background-color:#7f1d1d66;border:1px solid #dc2626}.alert-banner-warning{color:#fde68a;background-color:#f59e0b26;border:1px solid #d97706}.alert-banner-info{color:#bfdbfe;background-color:#2563eb26;border:1px solid #3b82f6}.filter-bar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.filter-tab{border-radius:var(--radius-md);color:var(--text-secondary);background-color:var(--bg-card);border:1px solid var(--border-subtle);cursor:pointer;padding:.35rem .75rem;font-size:12px;font-weight:600;transition:all .15s}.filter-tab:hover{background-color:var(--bg-card-hover);color:var(--text-main)}.filter-tab.active{background-color:var(--jns-navy-light);border-color:var(--jns-gold);color:var(--jns-gold)}.data-table-container{-webkit-overflow-scrolling:touch;background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:100%;margin-bottom:1.5rem;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;min-width:680px}.data-table th,.data-table td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;white-space:nowrap;padding:.85rem 1rem;font-size:13px}.data-table th{background-color:var(--bg-card-subtle);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:11px;font-weight:700}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:#ffffff05}.search-text-full{display:inline}.search-text-short{display:none}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);z-index:95;background:#000000b3;animation:.15s fadeIn;display:none;position:fixed;inset:0}.sidebar-header-row{justify-content:space-between;align-items:center;width:100%;display:flex}.mobile-sidebar-close{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border-subtle);justify-content:center;align-items:center;transition:all .15s;display:none}.mobile-sidebar-close:hover{color:var(--text-main);background:var(--bg-card-hover)}.mobile-bottom-nav{-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-subtle);z-index:90;width:100vw;height:60px;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0);background:#090e18f5;grid-template-columns:repeat(5,1fr);place-items:center;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-bottom-item{width:100%;height:100%;color:var(--text-muted);-webkit-user-select:none;user-select:none;touch-action:manipulation;background:0 0;border:none;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;font-size:10px;font-weight:600;transition:all .15s;display:flex}.mobile-bottom-item.active{color:var(--jns-gold)}.mobile-bottom-fab{border-radius:var(--radius-full);color:#fff;border:2px solid var(--jns-gold);touch-action:manipulation;background:linear-gradient(135deg,#a82024,#660f12);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-top:-16px;transition:transform .15s;display:flex;box-shadow:0 4px 14px #8b181b99,0 0 10px #e5a93c4d}.mobile-bottom-fab:active{transform:scale(.92)}.mobile-nav-badge{background-color:var(--status-blocked-bg);color:var(--status-blocked-text);border-radius:var(--radius-full);border:1px solid #dc2626;padding:1px 5px;font-size:10px;font-weight:800;line-height:1;position:absolute;top:-4px;right:-8px}@media (max-width:900px){.sidebar{z-index:100;width:280px;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #000000b3}.sidebar.mobile-open{transform:translate(0)}.main-wrapper{width:100%!important;margin-left:0!important}.sidebar-backdrop{display:block}.mobile-sidebar-close{display:flex}.mobile-bottom-nav{display:grid}.content-body{padding:1rem .85rem 5.5rem}.mobile-menu-btn{display:flex}.mobile-brand-link{display:inline-flex}.search-text-full{display:none}.search-text-short{display:inline}.kbd-shortcut{display:none}.global-search-trigger{width:auto;max-width:150px;padding:.4rem .65rem}.top-nav-quick-btn .quick-action-text{display:none}.nav-tool-shortcut{display:none!important}.nav-reset-btn .reset-demo-text{display:none}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.filter-bar{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:.4rem;overflow-x:auto}.filter-tab{white-space:nowrap;flex-shrink:0}.modal-overlay{z-index:1000;align-items:center;padding:.75rem}.modal-content{border-radius:var(--radius-lg)!important;width:100%!important;max-width:100%!important;max-height:90vh!important}}@media (max-width:600px){.metrics-grid{grid-template-columns:1fr}.content-body{padding:.75rem .65rem 5.5rem}.top-navbar{padding:.6rem .75rem}.top-navbar-right{gap:.35rem}.global-search-trigger{max-width:105px}.global-search-trigger span,.top-nav-quick-btn{display:none}.nav-reset-btn{display:none!important}input[type=text],input[type=url],input[type=date],input[type=email],textarea,select{font-size:16px!important}button,.btn,.nav-link,.filter-tab{min-height:38px}}.nav-tool-wrapper{align-items:center;width:100%;display:flex;position:relative}.nav-tool-wrapper .nav-link{flex:1;padding-right:2.2rem}.nav-tool-edit-btn{color:var(--jns-gold);border-radius:var(--radius-sm);cursor:pointer;width:24px;height:24px;transition:var(--transition);z-index:2;background:#e5a93c1a;border:1px solid #e5a93c40;justify-content:center;align-items:center;display:flex;position:absolute;right:6px}.nav-tool-edit-btn:hover{background:var(--jns-gold);color:#0b0f19;border-color:var(--jns-gold)}.data-table-container{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}.data-table th{background-color:var(--bg-card-subtle);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-subtle);white-space:nowrap;padding:.75rem 1rem;font-size:11px;font-weight:700}.data-table td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:.85rem 1rem}.data-table tbody tr:hover{background-color:#ffffff05}.data-table tbody tr:last-child td{border-bottom:none}