*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{background:var(--sn-content-bg);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,select,textarea{font-family:inherit;font-size:inherit}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}:root{--sn-navy:#080a0f;--sn-navy-hover:#12151f;--sn-navy-active:#191c2a;--sn-accent:#17a95b;--sn-accent-bright:#8fd2a9;--sn-accent-dark:#07843d;--sn-sidebar-bg:#0b0d14;--sn-sidebar-active:#123d29;--sn-sidebar-text:#dde6e0;--sn-sidebar-icon:#7ac79b;--sn-sidebar-border:#14532d;--sn-content-bg:#07080d;--sn-card-bg:#0f111a;--sn-border:#1a1d2e;--sn-border-light:#131520;--text-primary:#edf6f0;--text-secondary:#a4aaa6;--text-muted:#6f7d75;--text-white:#fff;--status-new:#17a95b;--status-inprogress:#f59e0b;--status-onhold:#706e6b;--status-resolved:#10b981;--status-closed:#4b5563;--status-cancelled:#ef4444;--p1-bg:#2a1012;--p1-text:#fc8181;--p1-border:#7f1d1d;--p2-bg:#271a04;--p2-text:#fbbf24;--p2-border:#78350f;--p3-bg:#1c1a05;--p3-text:#fde68a;--p3-border:#713f12;--p4-bg:#081a10;--p4-text:#34d399;--p4-border:#064e3b;--shadow-card:0 1px 4px #0009, 0 1px 2px #0006;--shadow-elevated:0 6px 20px #000000b3, 0 2px 6px #0006;--shadow-modal:0 24px 64px #000c, 0 8px 24px #0009;--shadow-dropdown:0 6px 20px #000000b3, 0 2px 6px #00000080;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--sidebar-width:220px;--sidebar-collapsed:48px;--header-height:48px;--breadcrumb-height:32px;--transition-fast:.15s ease;--transition-med:.22s ease;--transition-slow:.3s ease;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--sn-navy:#003d22;--sn-navy-hover:#005e2d;--sn-navy-active:#07843d;--sn-accent:#07843d;--sn-accent-bright:#17a95b;--sn-accent-dark:#005e2d;--sn-sidebar-bg:#0b1711;--sn-sidebar-active:#123d29;--sn-sidebar-text:#dde6e0;--sn-sidebar-icon:#7ac79b;--sn-sidebar-border:#14532d;--sn-content-bg:#f4f7f5;--sn-card-bg:#fff;--sn-border:#cfe5d6;--sn-border-light:#edf6f0;--text-primary:#0b1711;--text-secondary:#005e2d;--text-muted:#07843d;--text-white:#fff;--status-new:#07843d;--status-inprogress:#d97706;--status-onhold:#6b7280;--status-resolved:#059669;--status-closed:#374151;--status-cancelled:#dc2626;--p1-bg:#fef2f2;--p1-text:#dc2626;--p1-border:#fca5a5;--p2-bg:#fff7ed;--p2-text:#c2410c;--p2-border:#fdba74;--p3-bg:#fefce8;--p3-text:#ca8a04;--p3-border:#fde047;--p4-bg:#f0fdf4;--p4-text:#16a34a;--p4-border:#86efac;--shadow-card:0 1px 3px #003d2214, 0 1px 2px #003d220a;--shadow-elevated:0 4px 12px #003d221f, 0 2px 4px #003d220f;--shadow-modal:0 20px 60px #003d222e, 0 8px 20px #003d221a;--shadow-dropdown:0 4px 16px #003d221f, 0 1px 4px #003d220f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}[data-theme=light] body{background:var(--sn-content-bg);color:var(--text-primary)}[data-theme=light] #global-nav{background:linear-gradient(135deg,#0b1711 0%,#003d22 60%,#0b1711 100%)!important}[data-theme=light] #breadcrumb-bar{border-bottom-color:var(--sn-border);background:#edf6f0!important}[data-theme=light] .data-table th{background:#edf6f0!important}[data-theme=light] .data-table th:hover{background:#d9eadd!important}[data-theme=light] .data-table tbody tr:hover{background:#f7f8f7!important}[data-theme=light] .data-table tbody tr.selected{background:#edf6f0!important}[data-theme=light] .btn-secondary{color:#0b1711!important;border-color:var(--sn-border)!important;background:#fff!important}[data-theme=light] .btn-secondary:hover{background:#f7f8f7!important}[data-theme=light] .btn-ghost:hover{color:#0b1711!important;background:#edf6f0!important}[data-theme=light] .form-control{color:#0b1711!important;background:#fff!important;border-color:#8fd2a9!important}[data-theme=light] .form-control:disabled{background:#f7f8f7!important}[data-theme=light] .page-btn{color:#005e2d!important;background:#fff!important;border-color:#8fd2a9!important}[data-theme=light] .page-btn:hover{background:#edf6f0!important}[data-theme=light] .page-btn.active{background:var(--sn-navy)!important;color:#fff!important}[data-theme=light] .page-size-sel{background:#fff!important}[data-theme=light] .filter-chip{background:#fff!important;border-color:#8fd2a9!important}[data-theme=light] #user-dropdown{background:#fff!important}[data-theme=light] .dropdown-header{background:#edf6f0!important}[data-theme=light] .dropdown-item:hover{background:#f7f8f7!important}[data-theme=light] .dropdown-item{color:#0b1711!important}[data-theme=light] #search-overlay{background:#fff!important}[data-theme=light] .search-overlay-header{background:#edf6f0!important}[data-theme=light] .search-result-item:hover{background:#f7f8f7!important}[data-theme=light] .search-result-type{background:#edf6f0!important}[data-theme=light] #notif-panel{background:#fff!important}[data-theme=light] .notif-item:hover{background:#f7f8f7!important}[data-theme=light] .notif-item.unread,[data-theme=light] .notif-icon.info{background:#edf6f0!important}[data-theme=light] .notif-icon.success{background:#d1fae5!important}[data-theme=light] .notif-icon.warn{background:#fef3c7!important}[data-theme=light] .notif-icon.error{background:#fee2e2!important}[data-theme=light] .modal{background:#fff!important}[data-theme=light] .modal-close:hover{background:#f7f8f7!important}[data-theme=light] .lookup-results{background:#fff!important}[data-theme=light] .lookup-item:hover{background:#f7f8f7!important}[data-theme=light] .fab-menu{background:#fff!important}[data-theme=light] .fab-menu-item{color:#0b1711!important}[data-theme=light] .fab-menu-item:hover{background:#f7f8f7!important}[data-theme=light] .rel-node{color:#0b1711!important;background:#edf6f0!important}[data-theme=light] .comment-bubble{background:#f7f8f7!important}[data-theme=light] .comment-internal .comment-bubble{background:#fef9c3!important;border-color:#fde047!important}[data-theme=light] .comment-internal-badge{color:#92400e!important;background:#fef9c3!important;border-color:#fde047!important}[data-theme=light] .tab-bar{border-bottom-color:#8fd2a9!important}[data-theme=light] .worklog-toggle{background:#edf6f0!important}[data-theme=light] .worklog-toggle-btn.active{background:#fff!important}[data-theme=light] .progress-wrap{background:#d9eadd!important}[data-theme=light] ::-webkit-scrollbar-thumb{background:#8fd2a9!important}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#17a95b!important}[data-theme=light] .toggle-switch{background:#8fd2a9!important}[data-theme=light] .badge-gray{color:#005e2d!important;background:#edf6f0!important}[data-theme=light] .badge-new{color:#07843d!important;background:#edf6f0!important;border-color:#7ac79b!important}[data-theme=light] .badge-inprogress{color:#c2410c!important;background:#fff7ed!important;border-color:#fdba74!important}[data-theme=light] .badge-onhold{color:#4b5563!important;background:#f3f4f6!important;border-color:#d1d5db!important}[data-theme=light] .badge-resolved{color:#16a34a!important;background:#f0fdf4!important;border-color:#86efac!important}[data-theme=light] .badge-closed{color:#374151!important;background:#f3f4f6!important;border-color:#d1d5db!important}[data-theme=light] .badge-cancelled{color:#dc2626!important;background:#fef2f2!important;border-color:#fca5a5!important}[data-theme=light] .badge-blue{color:#07843d!important;background:#edf6f0!important}[data-theme=light] .badge-green{color:#16a34a!important;background:#f0fdf4!important}[data-theme=light] .badge-normal{color:#07843d!important;background:#edf6f0!important}[data-theme=light] .badge-standard{color:#16a34a!important;background:#f0fdf4!important}[data-theme=light] .badge-emergency{color:#dc2626!important;background:#fef2f2!important}[data-theme=light] .attach-zone{background:#fbfcfb!important}[data-theme=light] .cal-cell{background:#fff!important}[data-theme=light] .cal-cell.header{background:#edf6f0!important}[data-theme=light] .cal-cell.other-month{background:#fbfcfb!important}[data-theme=light] .cal-event.normal{background:#edf6f0!important}[data-theme=light] .cal-event.emergency{background:#fef2f2!important}[data-theme=light] .cal-event.standard{background:#f0fdf4!important}[data-theme=light] .announcement.info{color:#0b1711!important;background:#edf6f0!important;border-color:#7ac79b!important}[data-theme=light] .announcement.warning{color:#78350f!important;background:#fffbeb!important;border-color:#fcd34d!important}[data-theme=light] .sticky-action-bar{background:#fff!important}[data-theme=light] .bulk-bar{background:#0b1711!important}[data-theme=light] .inc-number{color:#005e2d!important}[data-theme=light] .kb-article-title{color:#07843d!important}[data-theme=light] .settings-row{border-bottom-color:#cfe5d6!important}[data-theme=light] #sidebar-backdrop{background:#1e1b4b73!important}[data-theme=light] .kpi-card.kpi-blue{border-left-color:#07843d}[data-theme=light] .kpi-card.kpi-orange{border-left-color:#c2410c}[data-theme=light] .kpi-card.kpi-red{border-left-color:#dc2626}[data-theme=light] .kpi-card.kpi-green{border-left-color:#16a34a}[data-theme=light] .catalog-card:hover{border-color:#005e2d!important}[data-theme=light] .kpi-label,[data-theme=light] .activity-content{color:#005e2d}[data-theme=light] .activity-content strong{color:#0b1711}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#26332c;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4a3f7a}#app{flex-direction:column;height:100vh;display:flex;overflow-x:hidden}#global-nav{height:var(--header-height);z-index:600;background:linear-gradient(135deg,#0d0f14 0%,#0b1711 60%,#0d0f14 100%);flex-shrink:0;align-items:center;gap:8px;padding:0 12px;display:flex;position:relative;box-shadow:0 2px 8px #0000004d}#body-wrapper{flex:1;display:flex;position:relative;overflow:hidden}#sidebar{width:var(--sidebar-width);background:var(--sn-sidebar-bg);transition:width var(--transition-med);z-index:100;border-right:1px solid var(--sn-sidebar-border);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}#sidebar.collapsed{width:var(--sidebar-collapsed)}#main-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}#breadcrumb-bar{height:var(--breadcrumb-height);border-bottom:1px solid var(--sn-border);color:var(--text-secondary);background:#0d0f14;flex-shrink:0;align-items:center;gap:6px;padding:0 16px;font-size:12px;display:flex}#breadcrumb-bar .bc-sep{color:var(--text-muted);font-size:11px}#breadcrumb-bar .bc-current{color:var(--text-primary);font-weight:500}#content-area{flex:1;padding:20px;position:relative;overflow:hidden auto}.nav-logo{color:#fff;letter-spacing:-.3px;white-space:nowrap;align-items:center;gap:8px;padding:0 8px;font-size:15px;font-weight:700;display:flex}.nav-logo .logo-icon{background:var(--sn-accent);width:28px;height:28px;color:var(--sn-navy);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.nav-toggle{border-radius:var(--radius-sm);color:#ffffffb3;width:32px;height:32px;transition:background var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-toggle:hover{color:#fff;background:#ffffff1a}.nav-search-wrap{flex:1;max-width:480px;margin:0 8px;position:relative}.nav-search{border-radius:var(--radius-sm);color:#fff;width:100%;height:32px;transition:background var(--transition-fast), border-color var(--transition-fast);background:#ffffff1f;border:1px solid #ffffff26;outline:none;padding:0 32px 0 36px;font-size:13px}.nav-search::placeholder{color:#ffffff73}.nav-search:focus{background:#ffffff2e;border-color:#ffffff59}.nav-search-icon{color:#ffffff73;pointer-events:none;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.nav-spacer{flex:1}.nav-icon-btn{border-radius:var(--radius-sm);color:#ffffffb3;width:32px;height:32px;transition:background var(--transition-fast), color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.nav-icon-btn:hover{color:#fff;background:#ffffff1a}.nav-badge{color:#fff;border:2px solid var(--sn-navy);background:#e53935;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:10px;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.nav-user{border-radius:var(--radius-sm);color:#ffffffd9;cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:8px;margin-left:4px;padding:4px 8px;display:flex}.nav-user:hover{background:#ffffff1a}.nav-avatar{background:var(--sn-accent);width:28px;height:28px;color:var(--sn-navy);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.nav-username{font-size:12px;font-weight:500}.sidebar-header{border-bottom:1px solid var(--sn-sidebar-border);flex-shrink:0;align-items:center;height:40px;padding:0 12px;display:flex}.sidebar-header-text{text-transform:uppercase;letter-spacing:1px;color:var(--sn-sidebar-icon);white-space:nowrap;opacity:1;transition:opacity var(--transition-fast);font-size:10px;font-weight:700;overflow:hidden}#sidebar.collapsed .sidebar-header-text{opacity:0}#sidebar.collapsed .sidebar-header{justify-content:center;padding:0}.sidebar-nav{flex:1;padding:8px 0;overflow:hidden auto}.sidebar-section{margin-bottom:4px}.sidebar-section-label{text-transform:uppercase;letter-spacing:.8px;color:var(--sn-sidebar-icon);white-space:nowrap;transition:opacity var(--transition-fast);padding:12px 14px 4px;font-size:10px;font-weight:600;overflow:hidden}#sidebar.collapsed .sidebar-section-label{opacity:0;height:0;padding:0;overflow:hidden}.nav-item{color:var(--sn-sidebar-text);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast), color var(--transition-fast);-webkit-user-select:none;user-select:none;border-left:3px solid #0000;border-radius:0;align-items:center;gap:10px;padding:7px 12px;font-size:13px;font-weight:400;display:flex;position:relative}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{background:var(--sn-sidebar-active);color:#fff;border-left-color:#07843d;font-weight:500}.nav-item .nav-icon{width:20px;height:20px;color:var(--sn-sidebar-icon);transition:color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-item .nav-label{transition:opacity var(--transition-fast), width var(--transition-med);overflow:hidden}#sidebar.collapsed .nav-item .nav-label{opacity:0;width:0}#sidebar.collapsed .nav-item{border-left:none;border-right:3px solid #0000;justify-content:center;padding:7px 0}#sidebar.collapsed .nav-item.active{border-right-color:var(--sn-accent);border-left:none}.nav-item .nav-chevron{color:var(--sn-sidebar-icon);transition:transform var(--transition-fast), opacity var(--transition-fast);margin-left:auto;font-size:10px}#sidebar.collapsed .nav-chevron{opacity:0}.nav-item.open .nav-chevron{transform:rotate(90deg)}.nav-sub{overflow:hidden}.nav-sub .nav-item{color:#c8d6e5cc;border-left:none;padding-left:42px;padding-right:12px;font-size:12px}.nav-sub .nav-item.active{color:#fff;background:#2d3e5299}#sidebar.collapsed .nav-sub{display:none}.sidebar-footer{border-top:1px solid var(--sn-sidebar-border);padding:8px 0}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}.btn-primary{color:#fff;background:#07843d;border-color:#07843d}.btn-primary:hover{background:#17a95b;border-color:#17a95b}.btn-secondary{background:var(--sn-card-bg);color:var(--text-primary);border-color:var(--sn-border)}.btn-secondary:hover{background:#0f1117;border-color:#c0c8d0}.btn-danger{color:#fff;background:#c23934}.btn-danger:hover{background:#a52e2a}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--text-primary);background:#1a1c26}.btn-sm{padding:4px 10px;font-size:12px}.btn-lg{padding:9px 20px;font-size:14px}.btn-icon{justify-content:center;width:32px;height:32px;padding:6px}.btn-icon.btn-sm{width:26px;height:26px;padding:4px}.card{background:var(--sn-card-bg);border:1px solid var(--sn-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.card-header{border-bottom:1px solid var(--sn-border-light);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.card-title{color:var(--text-primary);font-size:13px;font-weight:600}.card-body{padding:16px}.badge{white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-p1{background:var(--p1-bg);color:var(--p1-text);border:1px solid var(--p1-border)}.badge-p2{background:var(--p2-bg);color:var(--p2-text);border:1px solid var(--p2-border)}.badge-p3{background:var(--p3-bg);color:var(--p3-text);border:1px solid var(--p3-border)}.badge-p4{background:var(--p4-bg);color:var(--p4-text);border:1px solid var(--p4-border)}.badge-new{color:var(--status-new);background:#102019;border:1px solid #07843d}.badge-inprogress{color:var(--status-inprogress);background:#2d1f05;border:1px solid #78350f}.badge-onhold{color:var(--status-onhold);background:#1a1820;border:1px solid #304038}.badge-resolved{color:var(--status-resolved);background:#0d2016;border:1px solid #064e3b}.badge-closed{color:var(--status-closed);background:#181620;border:1px solid #2e2a40}.badge-cancelled{color:var(--status-cancelled);background:#2d1515;border:1px solid #7f1d1d}.badge-normal{color:#07843d;background:#102019}.badge-standard{color:#2e844a;background:#0d2016}.badge-emergency{color:#c23934;background:#2d1515}.badge-blue{color:#07843d;background:#102019}.badge-green{color:#2e844a;background:#0d2016}.badge-gray{color:var(--text-secondary);background:#1a1c26}.data-table-wrap{overflow-x:auto}.data-table{width:100%;font-size:13px}.data-table th{border-bottom:2px solid var(--sn-border);text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;background:#0f1117;padding:9px 12px;font-size:11px;font-weight:600;position:relative}.data-table th:hover{color:var(--text-primary);background:#1a1c26}.data-table th .sort-icon{opacity:.4;margin-left:4px;font-size:10px}.data-table th.sorted .sort-icon{opacity:1;color:var(--sn-accent-dark)}.data-table td{border-bottom:1px solid var(--sn-border-light);color:var(--text-primary);vertical-align:middle;padding:9px 12px}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{transition:background var(--transition-fast);cursor:pointer}.data-table tbody tr:hover{background:#1a1c26}.data-table tbody tr.selected{background:#102019}.data-table .row-actions{opacity:0;transition:opacity var(--transition-fast);gap:4px;display:flex}.data-table tbody tr:hover .row-actions{opacity:1}.inc-number{color:#17a95b;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500}.inc-number:hover{text-decoration:underline}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px;font-size:12px;font-weight:600;display:block}.form-label.required:after{content:" *";color:#c23934}.form-control{border:1px solid var(--sn-border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background:var(--sn-card-bg);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;padding:7px 10px;font-size:13px}.form-control:disabled{color:var(--text-muted);cursor:not-allowed;background:#0f1117}select.form-control{cursor:pointer}textarea.form-control{resize:vertical;min-height:80px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-row.cols-3{grid-template-columns:1fr 1fr 1fr}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px;display:flex}.page-title{color:var(--text-primary);letter-spacing:-.3px;font-size:20px;font-weight:700}.page-subtitle{color:var(--text-secondary);margin-top:2px;font-size:13px}.page-actions{align-items:center;gap:8px;display:flex}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.kpi-card{background:var(--sn-card-bg);border:1px solid var(--sn-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-fast), transform var(--transition-fast);cursor:pointer;border-left:4px solid #0000;padding:16px}.kpi-card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-1px)}.kpi-card.kpi-blue{border-left-color:#6366f1}.kpi-card.kpi-orange{border-left-color:#f59e0b}.kpi-card.kpi-red{border-left-color:#ef4444}.kpi-card.kpi-green{border-left-color:#10b981}.kpi-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary);margin-bottom:8px;font-size:11px;font-weight:600}.kpi-value{color:var(--text-primary);letter-spacing:-1px;margin-bottom:6px;font-size:32px;font-weight:700;line-height:1}.kpi-trend{color:var(--text-muted);align-items:center;gap:4px;font-size:11px;display:flex}.kpi-trend.up{color:#c23934}.kpi-trend.down{color:#2e844a}.filter-bar{background:var(--sn-card-bg);border:1px solid var(--sn-border);border-radius:var(--radius-md);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;display:flex}.filter-bar .filter-label{color:var(--text-secondary);white-space:nowrap;margin-right:4px;font-size:12px;font-weight:600}.filter-chip{border:1px solid var(--sn-border);cursor:pointer;transition:all var(--transition-fast);background:var(--sn-card-bg);color:var(--text-secondary);white-space:nowrap;border-radius:14px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;display:inline-flex}.filter-chip:hover{border-color:var(--sn-accent-dark);color:var(--sn-accent-dark)}.filter-chip.active{background:var(--sn-navy);color:#fff;border-color:var(--sn-navy)}.filter-spacer{flex:1}.tab-bar{border-bottom:2px solid #1e2130;gap:0;margin-bottom:20px;display:flex}.tab-item{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);white-space:nowrap;background:0 0;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 16px;font-size:13px;font-weight:500;position:relative}.tab-item:hover{color:var(--text-primary)}.tab-item.active{color:var(--sn-accent-dark);border-bottom-color:var(--sn-accent-dark);font-weight:600}.pagination{justify-content:flex-end;align-items:center;gap:4px;padding:12px 0;display:flex}.page-btn{border:1px solid var(--sn-border);border-radius:var(--radius-sm);cursor:pointer;width:30px;height:30px;transition:all var(--transition-fast);color:var(--text-secondary);background:var(--sn-card-bg);justify-content:center;align-items:center;font-size:12px;display:flex}.page-btn:hover{color:var(--text-primary);background:#1a1c26;border-color:#c0c8d0}.page-btn.active{background:var(--sn-navy);color:#fff;border-color:var(--sn-navy)}.page-info{color:var(--text-secondary);white-space:nowrap;padding:0 8px;font-size:12px}.page-size-sel{border:1px solid var(--sn-border);border-radius:var(--radius-sm);background:var(--sn-card-bg);cursor:pointer;color:var(--text-secondary);padding:4px 6px;font-size:12px}.modal-overlay{z-index:1000;opacity:0;pointer-events:none;transition:opacity var(--transition-med);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:all}.modal{background:var(--sn-card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);width:90%;max-width:580px;max-height:85vh;transition:transform var(--transition-med);flex-direction:column;display:flex;overflow:hidden;transform:scale(.95)}.modal-overlay.open .modal{transform:scale(1)}.modal-lg{max-width:820px}.modal-header{border-bottom:1px solid var(--sn-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{color:var(--text-primary);font-size:15px;font-weight:700}.modal-close{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.modal-close:hover{color:var(--text-primary);background:#1a1c26}.modal-body{flex:1;padding:20px;overflow-y:auto}.modal-footer{border-top:1px solid var(--sn-border);flex-shrink:0;justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}#toast-container{z-index:2000;flex-direction:column;gap:8px;display:flex;position:fixed;top:56px;right:16px}.toast{background:var(--sn-navy);color:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);opacity:0;min-width:240px;transition:transform var(--transition-med), opacity var(--transition-med);align-items:center;gap:10px;padding:10px 16px;font-size:13px;font-weight:500;display:flex;transform:translate(120%)}.toast.show{opacity:1;transform:translate(0)}.toast.success{border-left:4px solid #2e844a}.toast.error{border-left:4px solid #c23934}.toast.info{border-left:4px solid #07843d}.toast.warning{border-left:4px solid #e65100}#notif-panel{top:var(--header-height);width:340px;height:calc(100vh - var(--header-height));background:var(--sn-card-bg);border-left:1px solid var(--sn-border);box-shadow:var(--shadow-modal);z-index:500;transition:transform var(--transition-slow);flex-direction:column;display:flex;position:fixed;right:0;transform:translate(100%)}#notif-panel.open{transform:translate(0)}.notif-header{border-bottom:1px solid var(--sn-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.notif-list{flex:1;overflow-y:auto}.notif-item{border-bottom:1px solid var(--sn-border-light);cursor:pointer;transition:background var(--transition-fast);gap:10px;padding:12px 16px;display:flex}.notif-item:hover{background:#0f1117}.notif-item.unread{background:#102019}.notif-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.notif-icon.info{color:#07843d;background:#102019}.notif-icon.warn{color:#e65100;background:#2d1f05}.notif-icon.success{color:#2e844a;background:#0d2016}.notif-icon.error{color:#c23934;background:#2d1515}.notif-msg{color:var(--text-primary);font-size:12px;line-height:1.4}.notif-time{color:var(--text-muted);margin-top:3px;font-size:11px}#user-dropdown{top:calc(var(--header-height) + 4px);background:var(--sn-card-bg);border:1px solid var(--sn-border);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);z-index:600;opacity:0;pointer-events:none;min-width:200px;transition:all var(--transition-med);position:fixed;right:12px;overflow:hidden;transform:translateY(-8px)}#user-dropdown.open{opacity:1;pointer-events:all;transform:translateY(0)}.dropdown-header{border-bottom:1px solid var(--sn-border);background:#0f1117;padding:14px 16px}.dropdown-name{font-size:13px;font-weight:600}.dropdown-email{color:var(--text-muted);margin-top:2px;font-size:11px}.dropdown-item{color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:10px;padding:9px 16px;font-size:13px;display:flex}.dropdown-item:hover{background:#1a1c26}.dropdown-item svg{color:var(--text-muted)}.dropdown-divider{background:var(--sn-border);height:1px;margin:4px 0}#search-overlay{top:var(--header-height);background:var(--sn-card-bg);border:1px solid var(--sn-border);border-radius:var(--radius-lg);width:560px;box-shadow:var(--shadow-modal);z-index:700;opacity:0;pointer-events:none;transition:opacity var(--transition-med), transform var(--transition-med);position:fixed;left:50%;overflow:hidden;transform:translate(-50%)translateY(-10px)}#search-overlay.open{opacity:1;pointer-events:all;transform:translate(-50%)translateY(8px)}.search-overlay-header{border-bottom:1px solid var(--sn-border);text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);background:var(--sn-card-bg);padding:12px 16px;font-size:11px;font-weight:600}.search-result-item{cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:10px;padding:10px 16px;display:flex}.search-result-item:hover{background:#1a1c26}.search-result-type{color:var(--text-muted);text-transform:uppercase;white-space:nowrap;background:#1a1c26;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:600}.search-result-title{color:var(--text-primary);font-size:13px;font-weight:500}.search-result-desc{color:var(--text-muted);font-size:11px}.activity-item{border-bottom:1px solid var(--sn-border-light);gap:10px;padding:10px 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}.activity-content{color:var(--text-secondary);flex:1;font-size:12px;line-height:1.5}.activity-content strong{color:var(--text-primary);font-weight:600}.activity-time{color:var(--text-muted);white-space:nowrap;margin-top:2px;font-size:11px}.record-header{background:var(--sn-card-bg);border:1px solid var(--sn-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);align-items:flex-start;gap:16px;margin-bottom:16px;padding:16px 20px;display:flex}.record-number{color:var(--sn-navy);font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700}.record-desc{color:var(--text-primary);margin-top:2px;font-size:16px;font-weight:600}.record-meta{color:var(--text-muted);flex-wrap:wrap;gap:16px;margin-top:6px;font-size:11px;display:flex}.record-meta span{align-items:center;gap:4px;display:flex}.record-actions{flex-wrap:wrap;align-items:flex-start;gap:6px;display:flex}.sticky-action-bar{background:var(--sn-card-bg);border-top:1px solid var(--sn-border);z-index:50;align-items:center;gap:8px;margin:0 -20px -20px;padding:12px 20px;display:flex;position:sticky;bottom:0;box-shadow:0 -4px 12px #0000000f}.catalog-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.catalog-card{background:var(--sn-card-bg);border:1px solid var(--sn-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-card);flex-direction:column;align-items:flex-start;gap:10px;padding:20px;display:flex}.catalog-card:hover{box-shadow:var(--shadow-elevated);border-color:#07843d;transform:translateY(-2px)}.catalog-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.catalog-card-title{color:var(--text-primary);font-size:14px;font-weight:600}.catalog-card-desc{color:var(--text-secondary);font-size:12px;line-height:1.5}.catalog-item-count{color:var(--text-muted);font-size:11px}.chart-container{justify-content:center;align-items:center;display:flex;position:relative}canvas{max-width:100%}.rel-tree{padding:16px}.rel-node{border:1px solid var(--sn-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:#1a1c26;align-items:center;gap:6px;margin:4px;padding:8px 14px;font-size:12px;font-weight:500;display:inline-flex}.rel-node:hover,.rel-node.root{color:#fff;background:#07843d}.rel-children{border-left:2px solid var(--sn-border);margin:8px 0 8px 14px;padding-left:32px}.kb-article-card{background:var(--sn-card-bg);border:1px solid var(--sn-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);margin-bottom:8px;padding:14px 16px}.kb-article-card:hover{box-shadow:var(--shadow-elevated);border-color:var(--sn-accent)}.kb-article-title{color:#07843d;margin-bottom:6px;font-size:14px;font-weight:600}.kb-article-meta{color:var(--text-muted);gap:12px;font-size:11px;display:flex}.stars{gap:1px;display:inline-flex}.star{color:#ddd;font-size:13px}.star.filled{color:#f5a623}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px}.empty-state svg{opacity:.3;margin-bottom:16px}.empty-state h3{color:var(--text-secondary);margin-bottom:6px;font-size:16px;font-weight:600}.empty-state p{font-size:13px}.spinner{border:2px solid var(--sn-border);border-top-color:var(--sn-accent-dark);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progress-wrap{background:#1e2130;border-radius:4px;height:6px;overflow:hidden}.progress-bar{border-radius:4px;height:100%;transition:width .6s}.gauge-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.gauge-value{text-align:center;position:absolute}.gauge-pct{color:var(--text-primary);font-size:22px;font-weight:700;line-height:1}.gauge-label{color:var(--text-muted);margin-top:2px;font-size:10px}@media (width<=1280px){#sidebar:not(.collapsed){width:var(--sidebar-width)}}@media (width<=1024px){#sidebar{width:var(--sidebar-collapsed)}.kpi-grid,.catalog-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}}@media (width<=768px){#sidebar{top:var(--header-height)!important;height:calc(100vh - var(--header-height))!important;z-index:9000!important;width:260px!important;box-shadow:none!important;transition:transform .25s!important;position:fixed!important;left:0!important;overflow:hidden auto!important;transform:translate(-110%)!important}#sidebar.mobile-open{transform:translate(0)!important;box-shadow:6px 0 32px #00000073!important}#sidebar .nav-label,#sidebar.collapsed .nav-label{opacity:1!important;width:auto!important;overflow:visible!important}#sidebar .nav-item,#sidebar.collapsed .nav-item{border-left:3px solid #0000!important;border-right:none!important;justify-content:flex-start!important;gap:10px!important;padding:10px 14px!important}#sidebar .nav-item.active,#sidebar.collapsed .nav-item.active{border-left-color:var(--sn-accent)!important;border-right:none!important}#sidebar .sidebar-section-label,#sidebar.collapsed .sidebar-section-label{opacity:1!important;height:auto!important;padding:12px 14px 4px!important;display:block!important;overflow:visible!important}#sidebar .sidebar-header-text,#sidebar.collapsed .sidebar-header-text{opacity:1!important}#sidebar .sidebar-header,#sidebar.collapsed .sidebar-header{justify-content:flex-start!important;padding:0 12px!important}#sidebar .nav-sub,#sidebar.collapsed .nav-sub{display:block!important}#sidebar .nav-chevron,#sidebar.collapsed .nav-chevron{opacity:1!important}#sidebar .nav-icon{color:var(--sn-sidebar-icon)!important}#sidebar-backdrop{-webkit-tap-highlight-color:transparent;touch-action:none;background:#0000008c;display:none;z-index:8999!important;position:fixed!important;inset:0!important}#sidebar-backdrop.visible{display:block!important}#body-wrapper{overflow:visible}#main-content{width:100%;min-width:0}.kpi-grid,.quick-grid{grid-template-columns:1fr 1fr}.catalog-grid{grid-template-columns:1fr}#content-area{padding:12px}.page-header{flex-direction:column;align-items:flex-start}.page-actions{flex-wrap:wrap}.form-row,.form-row.cols-3,.two-col-layout{grid-template-columns:1fr!important}#notif-panel{width:100%}.record-header{flex-direction:column}#fab{bottom:16px;right:16px}.nav-username,#logo-text{display:none}.data-table{font-size:12px}.data-table td,.data-table th{padding:7px 8px}}.view-enter{animation:viewIn var(--transition-med) ease}@keyframes viewIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.divider{background:var(--sn-border);height:1px;margin:16px 0}.attach-zone{border:2px dashed var(--sn-border);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:all var(--transition-fast);color:var(--text-muted);background:var(--sn-card-bg);padding:32px;font-size:13px}.attach-zone:hover{border-color:var(--sn-accent-dark);background:#5a9d8a0a}.attach-zone.dragover{border-color:var(--sn-accent-dark);background:#5a9d8a14}.comment-item{gap:10px;margin-bottom:16px;display:flex}.comment-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.comment-bubble{border:1px solid var(--sn-border);border-radius:var(--radius-md);background:#0f1117;flex:1;padding:10px 14px}.comment-meta{color:var(--text-muted);align-items:center;gap:10px;margin-bottom:5px;font-size:11px;display:flex}.comment-author{color:var(--text-primary);font-weight:600}.comment-body{color:var(--text-secondary);font-size:13px;line-height:1.5}.comment-internal .comment-bubble{background:#1f1d07;border-color:#2d2a00}.comment-internal-badge{color:#e65100;background:#1f1d07;border:1px solid #78350f;border-radius:3px;padding:1px 6px;font-size:10px;font-weight:600}.risk-low{color:#2e844a}.risk-medium{color:#e65100}.risk-high{color:#c23934}.admin-section{margin-bottom:32px}.admin-section-title{color:var(--text-primary);border-bottom:2px solid var(--sn-border);margin-bottom:16px;padding-bottom:8px;font-size:16px;font-weight:700}.settings-row{border-bottom:1px solid var(--sn-border-light);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.settings-row:last-child{border-bottom:none}.settings-label{color:var(--text-primary);font-size:13px;font-weight:500}.settings-desc{color:var(--text-muted);font-size:12px}.toggle-switch{cursor:pointer;width:40px;height:22px;transition:background var(--transition-fast);background:#26332c;border-radius:11px;flex-shrink:0;position:relative}.toggle-switch.on{background:var(--sn-accent-dark)}.toggle-switch:after{content:"";background:var(--sn-card-bg);width:18px;height:18px;transition:transform var(--transition-fast);border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle-switch.on:after{transform:translate(18px)}.quick-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.quick-tile{background:var(--sn-card-bg);border:1px solid var(--sn-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);align-items:center;gap:10px;padding:12px;display:flex}.quick-tile:hover{box-shadow:var(--shadow-elevated);transform:translateY(-1px)}.quick-tile-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.quick-tile-label{color:var(--text-primary);font-size:12px;font-weight:600}.quick-tile-sub{color:var(--text-muted);font-size:11px}.cal-grid{background:var(--sn-border);border:1px solid var(--sn-border);border-radius:var(--radius-md);grid-template-columns:repeat(7,1fr);gap:1px;display:grid;overflow:hidden}.cal-cell{background:var(--sn-card-bg);min-height:80px;padding:8px;font-size:11px}.cal-cell.header{text-align:center;min-height:auto;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:#0f1117;padding:8px;font-size:10px;font-weight:600}.cal-cell.other-month{color:var(--text-muted);background:#0a0b0f}.cal-day{color:var(--text-primary);margin-bottom:4px;font-size:12px;font-weight:600}.cal-event{white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-radius:2px;margin-bottom:2px;padding:1px 4px;font-size:10px;overflow:hidden}.cal-event.normal{color:#07843d;background:#102019}.cal-event.emergency{color:#c23934;background:#2d1515}.cal-event.standard{color:#2e844a;background:#0d2016}.announcement{border-radius:var(--radius-md);border:1px solid;align-items:flex-start;gap:10px;margin-bottom:12px;padding:12px 16px;font-size:13px;display:flex}.announcement.info{color:#005e2d;background:#102019;border-color:#07843d}.announcement.warning{color:#663c00;background:#2d1f05;border-color:#78350f}.worklog-bar{border-bottom:1px solid var(--sn-border);align-items:center;gap:8px;padding:10px 0;display:flex}.worklog-toggle{border-radius:var(--radius-sm);background:#1a1c26;gap:2px;padding:2px;display:flex}.worklog-toggle-btn{cursor:pointer;color:var(--text-muted);transition:all var(--transition-fast);border-radius:3px;padding:4px 10px;font-size:11px;font-weight:600}.worklog-toggle-btn.active{background:var(--sn-card-bg);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}.lookup-results{background:var(--sn-card-bg);border:1px solid var(--sn-border);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);z-index:200;max-height:180px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.lookup-item{cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.lookup-item:hover{background:#1a1c26}.lookup-avatar{background:var(--sn-sidebar-bg);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:9px;font-weight:700;display:flex}.row-cb{cursor:pointer;width:16px;height:16px;accent-color:var(--sn-accent-dark)}.bulk-bar{background:var(--sn-navy);color:#fff;border-radius:var(--radius-md);align-items:center;gap:10px;margin-bottom:12px;padding:8px 16px;font-size:13px;display:none}.bulk-bar.visible{display:flex}.two-col-layout{grid-template-columns:1fr 340px;gap:20px;display:grid}@media (width<=1100px){.two-col-layout{grid-template-columns:1fr}}.report-card{background:var(--sn-card-bg);border:1px solid var(--sn-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.report-card-header{border-bottom:1px solid var(--sn-border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.report-card-title{font-size:13px;font-weight:600}.report-card-stat{color:var(--text-primary);font-size:24px;font-weight:700}.report-card-body{padding:16px}#fab{z-index:400;position:fixed;bottom:24px;right:24px}.fab-btn{color:#fff;width:48px;height:48px;box-shadow:var(--shadow-elevated);cursor:pointer;transition:all var(--transition-fast);background:#07843d;border-radius:50%;justify-content:center;align-items:center;display:flex}.fab-btn:hover{background:var(--sn-accent);transform:scale(1.05)}.fab-menu{background:var(--sn-card-bg);border:1px solid var(--sn-border);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);opacity:0;pointer-events:none;min-width:160px;transition:all var(--transition-med);position:absolute;bottom:56px;right:0;overflow:hidden;transform:translateY(8px)}.fab-menu.open{opacity:1;pointer-events:all;transform:translateY(0)}.fab-menu-item{cursor:pointer;color:var(--text-primary);transition:background var(--transition-fast);align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.fab-menu-item:hover{background:#1a1c26}.agent-card{background:var(--sn-card-bg);border:1px solid var(--sn-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-card);flex-direction:column;gap:12px;padding:20px;display:flex;position:relative;overflow:hidden}.agent-card:before{content:"";background:linear-gradient(90deg,#07843d,#17a95b,#8fd2a9);height:3px;position:absolute;top:0;left:0;right:0}.agent-card:hover{box-shadow:var(--shadow-elevated);border-color:#07843d;transform:translateY(-2px)}.agent-avatar{color:#fff;background:linear-gradient(135deg,#07843d,#17a95b);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;font-weight:700;display:flex}.agent-avatar.offline{color:var(--text-muted);background:#1e2130}.agent-name{color:var(--text-primary);font-size:14px;font-weight:700}.agent-role{color:var(--text-secondary);font-size:12px}.agent-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.agent-stat{color:var(--text-muted);align-items:center;gap:3px;font-size:11px;display:flex}.agent-pulse{background:#10b981;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite pulse-ring;box-shadow:0 0 0 2px #10b98133}.agent-pulse.offline{box-shadow:none;background:#67726c;animation:none}@keyframes pulse-ring{0%,to{box-shadow:0 0 0 2px #10b98133}50%{box-shadow:0 0 0 4px #10b9811a}}.wizard-steps{align-items:center;gap:0;margin-bottom:28px;padding:0 4px;display:flex}.wizard-step{flex:1;align-items:center;gap:8px;display:flex;position:relative}.wizard-step:not(:last-child):after{content:"";background:var(--sn-border);height:2px;transition:background var(--transition-med);flex:1;margin:0 8px}.wizard-step.done:after{background:#07843d}.wizard-step-dot{border:2px solid var(--sn-border);background:var(--sn-card-bg);width:32px;height:32px;color:var(--text-muted);transition:all var(--transition-med);cursor:default;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.wizard-step.active .wizard-step-dot{color:#fff;background:#07843d;border-color:#07843d;box-shadow:0 0 0 4px #7c3aed33}.wizard-step.done .wizard-step-dot{color:#fff;background:#10b981;border-color:#10b981}.wizard-step-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;transition:color var(--transition-med);font-size:11px;font-weight:600}.wizard-step.active .wizard-step-label{color:var(--text-primary)}.wizard-step.done .wizard-step-label{color:#10b981}.wizard-panel{background:var(--sn-card-bg);border:1px solid var(--sn-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:28px}.wizard-panel-title{color:var(--text-primary);margin-bottom:4px;font-size:17px;font-weight:700}.wizard-panel-sub{color:var(--text-secondary);margin-bottom:24px;font-size:13px}.wizard-nav{border-top:1px solid var(--sn-border);justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;display:flex}.skill-tag-grid{flex-wrap:wrap;gap:8px;display:flex}.skill-tag{border:1px solid var(--sn-border);cursor:pointer;transition:all var(--transition-fast);background:var(--sn-card-bg);color:var(--text-secondary);-webkit-user-select:none;user-select:none;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:500}.skill-tag:hover{color:#17a95b;border-color:#07843d}.skill-tag.selected{color:#8fd2a9;background:#7c3aed26;border-color:#07843d}.agent-detail-header{background:var(--sn-card-bg);border:1px solid var(--sn-border);border-radius:var(--radius-lg);align-items:flex-start;gap:20px;margin-bottom:20px;padding:24px 28px;display:flex;position:relative;overflow:hidden}.agent-detail-header:before{content:"";background:linear-gradient(90deg,#07843d,#17a95b,#8fd2a9);height:4px;position:absolute;top:0;left:0;right:0}.metric-mini{border:1px solid var(--sn-border);border-radius:var(--radius-md);text-align:center;background:#0f1117;flex:1;padding:12px 16px}[data-theme=light] .metric-mini{background:#f7f8f7}.metric-mini-value{color:var(--text-primary);font-size:22px;font-weight:700;line-height:1}.metric-mini-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:11px}.token-bar-wrap{background:#1e2130;border-radius:4px;height:8px;margin-top:6px;overflow:hidden}[data-theme=light] .token-bar-wrap{background:#d9eadd}.token-bar{background:linear-gradient(90deg,#07843d,#17a95b);border-radius:4px;height:100%;transition:width .6s}.audit-row{border-bottom:1px solid var(--sn-border-light);align-items:flex-start;gap:12px;padding:10px 0;font-size:12px;display:flex}.audit-row:last-child{border-bottom:none}.audit-confidence{border-radius:4px;flex-shrink:0;margin-left:auto;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700}.conf-high{color:#10b981;background:#0d2016}.conf-med{color:#f59e0b;background:#2d1f05}.conf-low{color:#ef4444;background:#2d1515}[data-theme=light] .conf-high{color:#059669;background:#d1fae5}[data-theme=light] .conf-med{color:#d97706;background:#fef3c7}[data-theme=light] .conf-low{color:#dc2626;background:#fee2e2}.agent-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=1024px){.agent-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.agent-grid{grid-template-columns:1fr}}.view-toggle{background:var(--sn-card-bg);border:1px solid var(--sn-border);border-radius:var(--radius-sm);gap:2px;padding:3px;display:flex}.view-toggle-btn{cursor:pointer;width:28px;height:28px;color:var(--text-muted);transition:all var(--transition-fast);border-radius:3px;justify-content:center;align-items:center;display:flex}.view-toggle-btn.active{background:var(--sn-accent-dark);color:#fff}.view-toggle-btn:hover:not(.active){background:var(--sn-border);color:var(--text-primary)}.kanban-board{align-items:flex-start;gap:14px;padding-bottom:8px;display:flex;overflow-x:auto}.kanban-col{background:var(--sn-card-bg);border:1px solid var(--sn-border);border-radius:var(--radius-lg);flex:0 0 260px;overflow:hidden}.kanban-col-header{border-bottom:1px solid var(--sn-border);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.kanban-col-title{text-transform:uppercase;letter-spacing:.6px;font-size:12px;font-weight:700}.kanban-col-count{background:var(--sn-border);color:var(--text-secondary);border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.kanban-cards{flex-direction:column;gap:8px;min-height:80px;padding:10px;display:flex}.kanban-card{background:var(--sn-content-bg);border:1px solid var(--sn-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border-left:3px solid #0000;padding:10px 12px}.kanban-card:hover{border-color:var(--sn-accent);box-shadow:var(--shadow-elevated);transform:translateY(-1px)}.kanban-card-id{color:var(--sn-accent);margin-bottom:4px;font-family:JetBrains Mono,monospace;font-size:10px}.kanban-card-title{color:var(--text-primary);margin-bottom:6px;font-size:12px;font-weight:600;line-height:1.4}.kanban-card-meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.kanban-progress{margin-top:8px}.kanban-progress-bar{background:var(--sn-border);border-radius:2px;height:3px;overflow:hidden}.kanban-progress-fill{background:var(--sn-accent-dark);border-radius:2px;height:100%;transition:width .4s}.problem-kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.root-cause-bar{align-items:center;gap:10px;margin-bottom:8px;display:flex}.root-cause-label{color:var(--text-secondary);min-width:120px;font-size:12px}.root-cause-track{background:var(--sn-border);border-radius:3px;flex:1;height:6px;overflow:hidden}.root-cause-fill{border-radius:3px;height:100%}.root-cause-pct{text-align:right;min-width:32px;color:var(--text-primary);font-size:11px;font-weight:700}.svc-agent-card{background:var(--sn-card-bg);border:1px solid var(--sn-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;gap:12px;padding:20px;display:flex}.svc-agent-card:hover{box-shadow:var(--shadow-elevated);border-color:var(--sn-accent);transform:translateY(-2px)}.svc-agent-avatar{object-fit:cover;border:2px solid var(--sn-border);border-radius:50%;width:72px;height:72px}.svc-agent-avatar-placeholder{background:linear-gradient(135deg,var(--sn-accent-dark),var(--sn-accent));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:22px;font-weight:700;display:flex}.svc-avail-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.svc-avail-dot.avail{background:#10b981;box-shadow:0 0 0 3px #10b98133}.svc-avail-dot.busy{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.svc-avail-dot.off{background:#4b5563}.svc-skill-chip{background:var(--sn-border);color:var(--text-secondary);border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600}.cmdb-tree{font-size:13px}.cmdb-tree-node{border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:8px;padding:7px 10px;display:flex}.cmdb-tree-node:hover{background:var(--sn-border)}.cmdb-tree-node.selected{color:var(--sn-accent);background:#7c3aed26}.cmdb-tree-indent{flex-shrink:0;width:16px}.cmdb-tree-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.cmdb-detail-panel{background:var(--sn-card-bg);border:1px solid var(--sn-border);border-radius:var(--radius-lg);padding:20px}.cmdb-detail-row{border-bottom:1px solid var(--sn-border-light);justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;display:flex}.cmdb-detail-row:last-child{border-bottom:none}.cmdb-detail-label{color:var(--text-muted);font-size:12px}.cmdb-detail-val{color:var(--text-primary);font-weight:500}.kb-category-card{background:var(--sn-card-bg);border:1px solid var(--sn-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:center;padding:24px}.kb-category-card:hover{box-shadow:var(--shadow-elevated);border-color:var(--sn-accent);transform:translateY(-2px)}.kb-category-icon{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 12px;font-size:22px;display:flex}.kb-category-title{color:var(--text-primary);margin-bottom:4px;font-size:15px;font-weight:700}.kb-category-sub{color:var(--text-secondary);font-size:12px}.kb-article-row{border-bottom:1px solid var(--sn-border-light);cursor:pointer;transition:background var(--transition-fast);align-items:center;gap:12px;padding:12px 0;display:flex}.kb-article-row:hover{padding-left:4px}.kb-article-row:last-child{border-bottom:none}.heatmap-cell{cursor:pointer;width:20px;height:20px;transition:transform var(--transition-fast);border-radius:3px;display:inline-block}.heatmap-cell:hover{z-index:1;position:relative;transform:scale(1.3)}.cal-cell.today .cal-day{background:var(--sn-accent-dark);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.cal-event.normal{color:#17a95b;background:#102019;border:1px solid #1e4d33}.cal-event.emergency{color:#fc8181;background:#2a1012;border:1px solid #5a1a1a}.cal-event.standard{color:#34d399;background:#081a10;border:1px solid #0f3a24}.status-pill{border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-pill.open{color:#17a95b;background:#1e1a3a;border:1px solid #1e4d33}.status-pill.progress{color:#fbbf24;background:#271a04;border:1px solid #4a3208}.status-pill.resolved{color:#34d399;background:#081a10;border:1px solid #0f3a24}.status-pill.published{color:#17a95b;background:#102019;border:1px solid #1e4d33}.status-pill.approved{color:#4ade80;background:#0f1f10;border:1px solid #1a4020}.status-pill.scheduled{color:#17a95b;background:#102019;border:1px solid #1e4d33}.status-pill.closed{color:#6b7280;background:#1a1a1a;border:1px solid #2a2a2a}:root{--brand-green:#07843d;--brand-green-dark:#005e2d;--brand-green-deep:#003d22;--brand-green-light:#17a95b;--brand-black:#050505;--brand-charcoal:#141414;--brand-dark-surface:#0b1711;--brand-white:#fff;--brand-off-white:#f7f8f7;--brand-light-gray:#ecefec;--brand-mid-gray:#a4aaa6;--brand-text-gray:#4d5550;--header-height:64px}html,body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}:focus-visible{outline:3px solid var(--brand-green-light);outline-offset:2px}:root{--sn-navy:#003d22;--sn-navy-hover:#005e2d;--sn-navy-active:#07843d;--sn-accent:#17a95b;--sn-accent-bright:#8fd2a9;--sn-accent-dark:#07843d;--sn-sidebar-bg:#0b1711;--sn-sidebar-active:#123d29;--sn-sidebar-text:#dde6e0;--sn-sidebar-icon:#8fb29d;--sn-sidebar-border:#1d2b23;--sn-content-bg:#07100b;--sn-card-bg:#0f1712;--sn-border:#1d2b23;--sn-border-light:#17231c;--text-primary:#f7f8f7;--text-secondary:#b7c2bb;--text-muted:#75837a;--text-white:#fff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--sn-navy:#003d22;--sn-navy-hover:#005e2d;--sn-navy-active:#07843d;--sn-accent:#07843d;--sn-accent-bright:#17a95b;--sn-accent-dark:#005e2d;--sn-sidebar-bg:#003d22;--sn-sidebar-active:#005e2d;--sn-sidebar-text:#f7f8f7;--sn-sidebar-icon:#b7dec6;--sn-sidebar-border:#0a5130;--sn-content-bg:#f7f8f7;--sn-card-bg:#fff;--sn-border:#ecefec;--sn-border-light:#f0f2f0;--text-primary:#050505;--text-secondary:#4d5550;--text-muted:#7b847e;--text-white:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}#global-nav{min-height:var(--header-height);border-bottom:1px solid #17a95b40;background:linear-gradient(110deg,#050505 0%,#0b1711 42%,#003d22 100%)!important}.nav-logo{gap:10px;min-width:255px;padding:0 8px 0 4px}.brand-logo-img{object-fit:contain;filter:drop-shadow(0 2px 3px #00000040);flex-shrink:0;width:48px;height:48px}.brand-wordmark{color:#fff;flex-direction:column;line-height:1.05;display:flex}.brand-wordmark strong{letter-spacing:-.2px;font-size:15px;font-weight:800}.brand-wordmark small{text-transform:uppercase;letter-spacing:.08em;color:#8fd2a9;margin-top:4px;font-size:9px;font-weight:700}.nav-avatar{background:var(--brand-green);color:#fff;border:1px solid #ffffff2e}.nav-search:focus{border-color:var(--brand-green-light);box-shadow:0 0 0 2px #17a95b2e}.nav-badge{border-color:#003d22}[data-theme=light] #global-nav{border-bottom:1px solid var(--brand-light-gray);box-shadow:0 2px 10px #0505050f;background:#fff!important}[data-theme=light] #global-nav .brand-wordmark{color:var(--brand-black)}[data-theme=light] #global-nav .brand-wordmark small{color:var(--brand-green-dark)}[data-theme=light] #global-nav .nav-toggle,[data-theme=light] #global-nav .nav-icon-btn,[data-theme=light] #global-nav .nav-user{color:var(--brand-charcoal)}[data-theme=light] #global-nav .nav-toggle:hover,[data-theme=light] #global-nav .nav-icon-btn:hover,[data-theme=light] #global-nav .nav-user:hover{background:var(--brand-off-white);color:var(--brand-green-dark)}[data-theme=light] #global-nav .nav-search{background:var(--brand-off-white);border-color:var(--brand-light-gray);color:var(--brand-black)}[data-theme=light] #global-nav .nav-search::placeholder,[data-theme=light] #global-nav .nav-search-icon{color:#7b847e}[data-theme=light] #global-nav .nav-avatar{color:#fff}[data-theme=light] #global-nav .nav-badge{border-color:#fff}#breadcrumb-bar{border-bottom:1px solid var(--sn-border)}[data-theme=light] #breadcrumb-bar{background:#fff!important}[data-theme=light] #sidebar{box-shadow:2px 0 10px #003d220f}.btn-primary{background:var(--brand-green);border-color:var(--brand-green);color:#fff;border-radius:8px;font-weight:700}.btn-primary:hover{background:var(--brand-green-dark);border-color:var(--brand-green-dark);transform:translateY(-1px)}.btn-secondary{border-radius:8px}.card,.kpi-card,.catalog-card,.agent-card,.svc-agent-card,.kb-category-card,.report-card,.wizard-panel,.agent-detail-header,.cmdb-detail-panel{border-radius:12px}.card:hover,.catalog-card:hover,.agent-card:hover,.svc-agent-card:hover,.kb-category-card:hover{border-color:#07843d73}.nav-item.active{border-left-color:var(--brand-green-light)}.nav-item:hover .nav-icon,.nav-item.active .nav-icon,.inc-number,.kb-article-title,.kanban-card-id{color:var(--brand-green-light)}[data-theme=light] .inc-number,[data-theme=light] .kb-article-title,[data-theme=light] .kanban-card-id{color:var(--brand-green-dark)!important}.tab-item.active{color:var(--brand-green);border-bottom-color:var(--brand-green)}.fab-btn{background:var(--brand-green)}.fab-btn:hover{background:var(--brand-green-dark)}.toggle-switch.on,.view-toggle-btn.active{background:var(--brand-green)}.agent-card:before,.agent-detail-header:before{background:linear-gradient(90deg,var(--brand-green-deep),var(--brand-green),var(--brand-green-light))}.agent-avatar,.svc-agent-avatar-placeholder{background:linear-gradient(135deg,var(--brand-green-deep),var(--brand-green-light))}.token-bar{background:linear-gradient(90deg,var(--brand-green-dark),var(--brand-green-light))}.page-title{letter-spacing:-.02em;font-weight:800}.form-control:focus{border-color:var(--brand-green);box-shadow:0 0 0 3px #17a95b2b}.row-cb{accent-color:var(--brand-green)}@media (width<=768px){.brand-logo-img{width:42px;height:42px}.nav-logo{min-width:0;padding-left:2px}#logo-text{display:none!important}}.form-error{color:var(--status-cancelled);margin-top:4px;font-size:12px}.lookup-wrap{position:relative}.lookup-results{z-index:20;max-height:260px;position:absolute;left:0;right:0;overflow-y:auto}.offline-banner{background:var(--status-inprogress);color:#000;text-align:center;padding:4px;font-size:12px}.auth-page{background:var(--sn-content-bg);justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.auth-card{width:100%;max-width:420px}.auth-brand{text-align:center;margin-bottom:20px}.auth-logo{object-fit:contain;border-radius:50%;width:96px;height:96px;margin-bottom:12px}.auth-links{justify-content:space-between;margin-top:12px;display:flex}.auth-footer{text-align:center;color:var(--text-muted);margin-top:16px;font-size:11px}.user-menu{position:relative}.user-avatar{cursor:pointer;background:var(--sn-accent);color:#fff;border:0;border-radius:50%;width:32px;height:32px;font-size:12px;font-weight:600}.user-menu-panel{background:var(--sn-card-bg);border:1px solid var(--sn-border);min-width:240px;box-shadow:var(--shadow-dropdown);z-index:60;border-radius:8px;padding:6px 0;position:absolute;top:40px;right:0}.user-menu-head{border-bottom:1px solid var(--sn-border);margin-bottom:4px;padding:10px 14px}.user-menu-name{font-weight:600}.user-menu-role{color:var(--text-muted);font-size:11px}.user-menu-item{text-align:left;width:100%;color:var(--text-primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 14px;text-decoration:none;display:block}.user-menu-item:hover{background:var(--sn-border-light)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#root{display:contents}