@font-face{font-family:Wanted Sans Variable;font-style:normal;font-display:swap;font-weight:400 1000;src:url(/assets/wanted-sans-variable-latin-ByeH1Pqf.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6-2C7,U+2D0-2DD,U+2000-209F,U+20A0-20CF,U+2122,U+2190-2199,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Wanted Sans Variable;font-style:normal;font-display:swap;font-weight:400 1000;src:url(/assets/wanted-sans-variable-latin-ext-B63u_9CZ.woff2)format("woff2");unicode-range:U+100-24F,U+259,U+1E??,U+2605-2606,U+2661,U+2665,U+2669-266C,U+2C7C}@font-face{font-family:Wanted Sans Variable;font-style:normal;font-display:swap;font-weight:400 1000;src:url(/assets/wanted-sans-variable-symbols-BKny7Fy3.woff2)format("woff2");unicode-range:U+2100-214F,U+2160-216B,U+2170-217B,U+219A-21FF,U+2200-2314}@font-face{font-family:Wanted Sans Variable;font-style:normal;font-display:swap;font-weight:400 1000;src:url(/assets/wanted-sans-variable-box-Cy5qyI9O.woff2)format("woff2");unicode-range:U+2500-257F,U+26A0,U+2713,U+2717}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-variable-latin-B9CIFXIH.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-variable-latin-ext-DBQx-q_a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--font-sans:"Wanted Sans Variable", "Wanted Sans", "Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--primary-green:#00a350;--primary-dark:#1b1e21;--primary:#00a350;--primary-hover:#008743;--primary-light:#059669;--primary-darker:#00823f;--primary-glow:#00a35040;--primary-subtle:#00a35014;--primary-solid:#008743;--primary-solid-hover:#00753a;--bg-base:#f4f7f6;--bg-surface:#fff;--bg-surface-1:#fff;--bg-surface-2:#fff;--bg-surface-3:#f8fafc;--bg-hover:#f1f5f9;--surface:var(--bg-surface);--surface-2:var(--bg-surface-3);--card-bg:#fff;--bg-card:#fff;--bg-card-hover:#f8fafc;--border:#cbd5e1;--border-color:#cbd5e1;--border-strong:#94a3b8;--border-subtle:#e2e8f0;--accent:#d97706;--accent-subtle:#d977061a;--success:#00a350;--success-subtle:#00a3501a;--warning:#d97706;--warning-subtle:#d977061a;--danger:#dc2626;--danger-subtle:#dc26261a;--info:#2563eb;--info-subtle:#2563eb1a;--priority-critical:#dc2626;--priority-high:#ea580c;--priority-medium:#d97706;--priority-low:#059669;--text-1:#0f172a;--text-2:#334155;--text-3:#64748b;--text-4:#1e293b;--primary-text:var(--text-1);--secondary-text:var(--text-2);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001a;--shadow-glow:0 0 24px #00a35033;--sidebar-width:240px;--sidebar-collapsed-width:64px;--topbar-height:60px;--bg-topbar:#fff;--sidebar-label:#8493a8;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.3s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--primary-text);letter-spacing:.1px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;letter-spacing:inherit;background:0 0;border:none;font-family:inherit}input,select,textarea{letter-spacing:inherit;font-family:inherit}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--bg-surface-3);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}code,kbd,samp,pre,.font-mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace!important}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#cbd5e1}h1{font-size:2rem;font-weight:700;line-height:1.2}h2{font-size:1.5rem;font-weight:700;line-height:1.3}h3{font-size:1.25rem;font-weight:600;line-height:1.4}h4{font-size:1rem;font-weight:600;line-height:1.4}h5{font-size:.875rem;font-weight:600;line-height:1.4}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-mono{font-family:var(--font-mono)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-muted{color:var(--text-2)}.text-faint{color:var(--text-3)}.text-primary{color:var(--primary-light)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.app-layout{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));max-width:calc(100% - var(--sidebar-width));box-sizing:border-box;min-height:100vh;transition:margin-left var(--transition-slow), width var(--transition-slow), max-width var(--transition-slow);flex-direction:column;flex:1;display:flex}.main-content.sidebar-collapsed{margin-left:var(--sidebar-collapsed-width);width:calc(100% - var(--sidebar-collapsed-width));max-width:calc(100% - var(--sidebar-collapsed-width))}.page-body{padding:1rem var(--space-6);box-sizing:border-box;flex:1;width:100%;min-width:0;overflow-x:hidden;padding-top:calc(var(--topbar-height) + 1rem)!important}.sidebar{width:var(--sidebar-width);-webkit-backdrop-filter:blur(24px);z-index:100;height:100vh;transition:width var(--transition-slow);background:#0f172af2;border-right:1px solid #1e293bcc;flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.sidebar.collapsed{width:var(--sidebar-collapsed-width);overflow:visible}.sidebar.collapsed .sidebar-expanded-logo{display:none!important}.sidebar.collapsed .sidebar-logo{justify-content:center!important;align-items:center!important;width:100%!important;padding:0!important}.sidebar.collapsed .sidebar-collapsed-icon{margin:0 auto!important;display:flex!important}.sidebar:not(.collapsed) .sidebar-collapsed-icon{display:none!important}.sidebar-logo{align-items:center;gap:var(--space-3);padding:0 var(--space-4);-webkit-backdrop-filter:blur(12px);background:#02061766;border-bottom:1px solid #1e293bcc;flex-shrink:0;height:80px;display:flex}.sidebar-logo-icon{background-color:#0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .3s;display:flex;position:relative}.sidebar-logo-icon:hover{background-color:#00a350e6}.sidebar-logo-icon .logo-primary-icon{color:#fff;font-size:1.15rem;transition:all .3s}.sidebar-logo-icon .logo-hover-icon{opacity:0;background:var(--primary-green);color:#fff;justify-content:center;align-items:center;font-size:1.15rem;transition:all .3s;display:flex;position:absolute;inset:0;transform:scale(0)}.sidebar-logo-icon:hover .logo-primary-icon{opacity:0;transform:scale(0)}.sidebar-logo-icon:hover .logo-hover-icon{opacity:1;transform:scale(1)}.sidebar-logo-text{white-space:nowrap;flex-direction:column;gap:1px;transition:opacity .3s;display:flex;overflow:hidden}.logo-brand{letter-spacing:-.02em;align-items:center;gap:6px;font-size:1.15rem;font-weight:900;line-height:1.1;display:flex}.logo-hcl{color:#00a350;letter-spacing:-.02em;text-transform:uppercase;font-size:1.15rem;font-weight:900}.logo-guvi{color:#fff;letter-spacing:-.02em;text-transform:uppercase;font-size:1.15rem;font-weight:900}.logo-sub{color:#475569;letter-spacing:.06em;text-transform:uppercase;margin-top:1px;font-size:.6rem;font-weight:500;display:block}.sidebar.collapsed .sidebar-logo-text{opacity:0;pointer-events:none}.notif-bell{position:relative}.notif-bell:hover{background:var(--bg-hover)}.sidebar-nav{scrollbar-width:thin;scrollbar-color:#00a35040 transparent;flex:1;overflow-y:auto;padding:12px 0 28px!important}.sidebar-nav::-webkit-scrollbar{width:8px;height:8px}.sidebar-nav::-webkit-scrollbar-button{width:0!important;height:0!important;display:none!important}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#00a35040 padding-box padding-box;border:2px solid #0000;border-radius:99px;transition:background .2s,width .2s}.sidebar-nav:hover::-webkit-scrollbar-thumb{background-color:#00a35073}.sidebar-nav::-webkit-scrollbar-thumb:hover{background-color:#00a350d9!important}.sidebar-section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--sidebar-label);padding:var(--space-4) var(--space-4) var(--space-2);white-space:nowrap;opacity:1;max-height:40px;font-size:.65rem;font-weight:600;transition:opacity .3s ease-in-out,max-height .3s ease-in-out,padding .3s ease-in-out;overflow:hidden;pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}.sidebar.collapsed .sidebar-section-label{opacity:0!important;pointer-events:none!important;max-height:0!important;padding:0!important}.nav-item{-webkit-user-select:none;user-select:none;color:#94a3b8;border-radius:16px;align-items:center;gap:12px;margin:6px 16px;padding:12px 14px;font-size:.75rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-item:hover{color:#cbd5e1;background:#1e293b99}.nav-item.active{color:#fff;background:#1e293be6;border:1px solid #00a3504d;font-weight:900;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.nav-item.active:before{content:"";background:#00a350;border-top-right-radius:8px;border-bottom-right-radius:8px;width:6px;height:32px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;position:absolute;top:50%;left:0;transform:translateY(-50%);box-shadow:0 0 12px #00a350e6}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:1rem;transition:transform .2s;display:flex}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-label{white-space:nowrap;text-overflow:ellipsis;opacity:1;flex:1;max-width:200px;transition:max-width .3s ease-in-out,opacity .3s ease-in-out;overflow:hidden}.sidebar-collapse-btn{border-radius:var(--radius-md);color:#94a3b8;cursor:pointer;width:28px;height:28px;transition:all var(--transition-fast);background:#ffffff08;border:1px solid #ffffff14;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:0;display:flex}.sidebar-collapse-btn:hover{background:var(--primary-green);border-color:var(--primary-green);color:#fff;box-shadow:0 0 8px #00a35066}.sidebar:not(.collapsed) .sidebar-logo-icon .logo-hover-icon{opacity:0!important;display:none!important;transform:scale(0)!important}.sidebar:not(.collapsed) .sidebar-logo-icon:hover .logo-primary-icon{opacity:1!important;transform:scale(1)!important}.sidebar.collapsed .sidebar-logo-left{justify-content:center;align-items:center;width:100%;display:flex}.sidebar.collapsed .sidebar-collapse-btn{display:none!important}.sidebar.collapsed .sidebar-logo{justify-content:center;align-items:center;width:100%;padding:0;display:flex}.sidebar.collapsed .sidebar-logo-icon{margin:0 auto}.sidebar.collapsed .sidebar-logo-text{display:none!important}.sidebar.collapsed .nav-item{border-radius:10px;justify-content:center;align-items:center;gap:0;width:40px;height:40px;margin:6px 12px;padding:0;display:flex}.sidebar.collapsed .nav-icon{justify-content:center;align-items:center;width:100%;height:100%;margin:0 auto;display:flex}.sidebar.collapsed .nav-label{opacity:0!important;pointer-events:none!important;max-width:0!important}.sidebar.collapsed .sidebar-nav{scrollbar-width:thin!important;scrollbar-color:#00a35059 transparent!important;flex:1!important;padding:12px 0 28px!important;overflow:hidden auto!important}.sidebar.collapsed .sidebar-nav::-webkit-scrollbar{width:4px!important;height:4px!important;display:block!important}.sidebar.collapsed .sidebar-nav::-webkit-scrollbar-track{background:0 0!important}.sidebar.collapsed .sidebar-nav::-webkit-scrollbar-thumb{background:#00a35059!important;border-radius:99px!important;transition:background .2s!important}.sidebar.collapsed .sidebar-nav:hover::-webkit-scrollbar-thumb{background:#00a350a6!important}.sidebar.collapsed .sidebar-nav::-webkit-scrollbar-thumb:hover{background:#00a350f2!important}.sidebar:not(.collapsed) .nav-item:after{content:none!important;opacity:0!important;visibility:hidden!important;display:none!important}.sidebar.collapsed .nav-item:after{content:attr(data-nav-tooltip);z-index:100000;color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;background:#0f172a;border:1px solid #334155e6;border-radius:7px;padding:7px 10px;font-size:.75rem;font-weight:700;line-height:1;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)translate(-4px);box-shadow:0 8px 20px #0000003d}.sidebar.collapsed .nav-item:hover:after,.sidebar.collapsed .nav-item:focus-visible:after{opacity:1;visibility:visible;transform:translateY(-50%)translate(0)}.sidebar.collapsed .nav-item.active:before{content:"";z-index:10;background:#00a350;border-radius:0 4px 4px 0;width:4px;height:22px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;position:absolute;top:50%;left:-12px;transform:translateY(-50%);box-shadow:0 0 12px #00a350e6;display:block!important}.sidebar.collapsed .nav-badge{display:none!important}.sidebar.collapsed .sidebar-footer{padding:var(--space-4) 0;justify-content:center;align-items:center;width:100%;display:flex}.sidebar.collapsed .sidebar-user{justify-content:center;width:100%;margin:0 auto}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--border);flex-shrink:0}.profile-popup-menu{box-sizing:border-box;-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);opacity:0;visibility:hidden;pointer-events:none;z-index:1000;background:#0f172a;border:1px solid #334155e6;width:auto;padding:12px;transition:opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),visibility 0s linear .2s;position:absolute;bottom:82px;left:10px;right:10px;transform:translateY(8px);box-shadow:0 20px 40px -10px #000c,0 0 0 1px #ffffff1a}.profile-popup-menu:before{content:"";background:0 0;height:25px;position:absolute;bottom:-20px;left:0;right:0}.profile-popup-menu:after{content:"";background:#0f172a;border-bottom:1px solid #334155e6;border-right:1px solid #334155e6;width:10px;height:10px;position:absolute;bottom:-6px;left:24px;transform:rotate(45deg)}.profile-popup-menu.active,.sidebar .sidebar-footer:hover .profile-popup-menu{opacity:1;visibility:visible;pointer-events:all;transition-delay:0s;transform:translateY(0)}.sidebar.collapsed .profile-popup-menu{width:240px;position:fixed;bottom:16px;left:76px;right:auto;z-index:99999!important}.sidebar.collapsed .profile-popup-menu:before{width:25px;height:100%;top:0;bottom:0;left:-20px}.sidebar.collapsed .profile-popup-menu.active{opacity:1!important;pointer-events:all!important;transform:translateY(0)!important}.sidebar.collapsed .profile-popup-menu:after{border-bottom:1px solid #334155e6;border-left:1px solid #334155e6;border-right:none;bottom:20px;left:-6px}.popup-user-header{align-items:center;gap:10px;padding:4px 4px 8px;display:flex}.popup-avatar-container{flex-shrink:0;position:relative}.popup-user-header .avatar{background:var(--primary-solid);color:#fff;border:1px solid #ffffff26;width:38px;height:38px;font-size:.85rem;font-weight:800}.online-indicator-dot{background:#00a350;border:2px solid #0f172a;border-radius:50%;width:10px;height:10px;position:absolute;bottom:1px;right:1px;box-shadow:0 0 6px #00a350cc}.online-indicator-dot-sm{background:#00a350;border:1.5px solid #0f172a;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-1px;right:-1px}.popup-user-details{flex:1;min-width:0;overflow:hidden}.popup-user-name{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:800;overflow:hidden;color:#fff!important}.popup-user-email{white-space:nowrap;text-overflow:ellipsis;max-width:145px;margin-top:1px;font-size:.7rem;overflow:hidden;color:#94a3b8!important}.popup-user-badges{align-items:center;gap:6px;margin-top:5px;display:flex}.badge-role-tag{color:#00a350;text-transform:uppercase;letter-spacing:.03em;background:#00a3501f;border:1px solid #00a35040;border-radius:999px;padding:2px 7px;font-size:.65rem;font-weight:700}.badge-status-tag{color:#64748b;background:#64748b1f;border-radius:999px;padding:2px 6px;font-size:.65rem;font-weight:500}.popup-divider{background:#33415580;height:1px;margin:8px 0}.popup-menu-item{color:#cbd5e1;cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;font-size:.825rem;font-weight:600;transition:background .18s,color .18s,transform .18s;display:flex}.popup-menu-item:hover{color:#fff;background:#33415599;transform:translate(3px)}.popup-menu-item:hover .popup-icon{color:#00a350;transform:scale(1.1)}.popup-menu-item.logout-item{color:#94a3b8}.popup-menu-item.logout-item:hover{color:#ef4444;background:#dc26261f}.popup-menu-item.logout-item:hover .popup-icon{color:#ef4444}.popup-icon{color:#94a3b8;justify-content:center;align-items:center;width:20px;font-size:.95rem;transition:transform .18s,color .18s;display:flex}.user-options-chevron{color:#94a3b8;margin-left:auto;font-size:.7rem;transition:transform .2s}.sidebar-user{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:12px;padding:8px 10px;transition:all .2s;display:flex}.sidebar-user:hover{background:#00a35024;border-color:#00a35059;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.sidebar-user:hover .user-avatar-wrap .avatar{transform:scale(1.06);box-shadow:0 0 10px #00a35080}.sidebar-user:focus-visible,.popup-menu-item:focus-visible{outline-offset:-2px;outline:2px solid #00a350}.popup-menu-item:focus-visible{color:#fff;background:#33415599}.user-avatar-wrap{border-radius:var(--radius-full);flex-shrink:0;width:36px;height:36px;position:relative}.user-avatar-wrap .avatar{border-radius:var(--radius-full);background-color:var(--primary-solid);color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:.8rem;font-weight:800;display:flex;box-shadow:0 0 10px #00a3504d}.user-info{flex:1;min-width:0;overflow:hidden}.user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.825rem;font-weight:700;overflow:hidden}.user-role{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:.725rem;overflow:hidden}.sidebar.collapsed .user-info{display:none!important}.topbar{top:0;right:0;left:var(--sidebar-width);height:var(--topbar-height);background:var(--bg-topbar);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 var(--space-6);z-index:99;justify-content:space-between;align-items:center;gap:var(--space-4);transition:left var(--transition-slow);display:flex;position:fixed}.topbar.sidebar-collapsed{left:var(--sidebar-collapsed-width)}.topbar-left{align-items:center;gap:var(--space-3);flex:0 auto;min-width:0;max-width:340px;display:flex}.topbar-right{align-items:center;gap:var(--space-3);flex-shrink:0;margin-left:auto;display:flex}.topbar-title{color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.topbar-breadcrumb{align-items:center;gap:var(--space-2);color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:.8rem;display:flex;overflow:hidden}.topbar-breadcrumb a{color:var(--text-3);text-decoration:none}.topbar-breadcrumb a:hover{color:var(--text-1)}.topbar-breadcrumb .separator{color:var(--text-3)}.topbar-breadcrumb .current{color:var(--text-3);font-weight:500}.topbar-search{width:100%;min-width:140px;max-width:min(420px,100% - 460px);margin:0;transition:max-width .2s;position:absolute;left:50%;transform:translate(-50%)}.search-input-wrap{background:var(--bg-base);border:1.5px solid var(--border);box-sizing:border-box;border-radius:10px;align-items:center;gap:8px;width:100%;height:38px;padding:0 10px 0 12px;transition:border-color .18s,box-shadow .18s;display:flex}.search-input-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-subtle,#22c55e1f)}.search-icon{color:var(--text-3);flex-shrink:0}.global-search-input{color:var(--text-1);font-size:.875rem;font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1;min-width:0}.global-search-input::placeholder{color:var(--text-3)}.search-right-area{flex-shrink:0;align-items:center;gap:8px;display:flex}.search-divider{background:var(--border);width:1px;height:16px;display:block}.search-kbd{color:var(--text-3);background:var(--bg-surface);border:1px solid var(--border);letter-spacing:.03em;white-space:nowrap;border-radius:5px;padding:2px 6px;font-size:.63rem;font-weight:600;line-height:1.6}.search-input-wrap:focus-within .search-right-area{display:none}.global-search-results{background:var(--bg-surface);border:1px solid var(--border);z-index:9999;opacity:0;border-radius:12px;max-height:480px;padding:6px;transition:opacity .18s,transform .18s;display:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;transform:translateY(-6px);box-shadow:0 20px 60px #00000024,0 4px 16px #0000000f}.global-search-results.is-open{opacity:1;display:block;transform:translateY(0)}.global-search-results::-webkit-scrollbar{width:4px}.global-search-results::-webkit-scrollbar-track{background:0 0}.global-search-results::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.search-section-header{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);align-items:center;gap:6px;margin-top:2px;padding:8px 10px 4px;font-size:.68rem;font-weight:700;display:flex}.search-section-header:first-child{margin-top:0}.search-result-item{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;text-decoration:none;transition:background .12s;display:flex;position:relative}.search-result-item:hover,.search-result-item.is-active{background:var(--bg-hover,#0000000a)}.search-result-icon{background:var(--bg-base);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.search-result-avatar{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.65rem;font-weight:700;display:flex}.search-result-body{flex-direction:column;flex:1;min-width:0;display:flex}.search-result-label{color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:500;line-height:1.3;overflow:hidden}.search-result-sub{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.71rem;overflow:hidden}.search-view-all{color:var(--primary);letter-spacing:.01em;margin-bottom:2px;padding:6px 10px 8px;font-size:.75rem;font-weight:600;text-decoration:none;transition:opacity .12s;display:block}.search-view-all:hover{opacity:.75}.search-clear-recent{opacity:0;color:var(--text-3);cursor:pointer;border-radius:4px;margin-left:auto;padding:2px 4px;font-size:1rem;line-height:1;transition:opacity .15s,color .12s}.search-result-item:hover .search-clear-recent{opacity:1}.search-clear-recent:hover{color:var(--text-1)}.search-footer{border-top:1px solid var(--border);margin-top:4px;padding:6px 10px 4px}.search-clear-all{color:var(--text-3);cursor:pointer;font-size:.75rem;font-family:var(--font-sans);background:0 0;border:none;padding:0;transition:color .12s}.search-clear-all:hover{color:var(--text-1)}.search-empty{text-align:center;color:var(--text-3);flex-direction:column;align-items:center;gap:6px;padding:28px 16px;display:flex}.search-empty p{color:var(--text-2);margin:0;font-size:.88rem}.search-empty p strong{color:var(--text-1)}.search-empty span{font-size:.75rem}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-header-left h1{color:var(--text-1);font-size:1.5rem;font-weight:700;line-height:1.3}.page-header-left p{color:var(--text-2);margin-top:var(--space-1);font-size:.875rem}.page-header-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}@media (width<=1200px){.grid-cols-4{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.grid-cols-3{grid-template-columns:repeat(2,1fr)}.main-content,.main-content.sidebar-collapsed{width:100%!important;max-width:100%!important;margin-left:0!important}.sidebar{transform:translate(-100%)!important}.sidebar.mobile-open{background:#0f172a;transform:translate(0)!important}.topbar,.topbar.sidebar-collapsed{width:100%!important;left:0!important}.sidebar-toggle{display:flex!important}}@media (width<=600px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.page-body{padding:var(--space-4);padding-top:calc(var(--topbar-height) + var(--space-4))}}@media (width<=1024px){.ticket-detail-grid,.change-grid,.problem-grid,.ci-detail-grid,.notifications-layout,.asset-layout,.form-cards-grid,.portal-split,.release-detail-grid,.lifecycle-layout,.sub-detail-grid,.vendor-case-grid{grid-template-columns:minmax(0,1fr)!important}.ticket-detail-grid>*,.change-grid>*,.problem-grid>*,.ci-detail-grid>*,.notifications-layout>*,.asset-layout>*,.form-cards-grid>*,.portal-split>*,.release-detail-grid>*,.lifecycle-layout>*,.sub-detail-grid>*,.vendor-case-grid>*{min-width:0}}@media (width<=640px){.form-grid-2col,.lc-form-grid,.spec-grid,.ci-field-grid{grid-template-columns:minmax(0,1fr)!important}}@media (width<=600px){.form-cards-grid .form-card{padding:16px!important}}.hidden{display:none!important}.sr-only{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.relative{position:relative}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.w-full{width:100%}.opacity-50{opacity:.5}.rounded-full{border-radius:var(--radius-full)}.sidebar-toggle{border-radius:var(--radius-md);width:44px;height:44px;color:var(--text-2);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:none}.sidebar-toggle:hover{background:var(--primary-subtle);color:var(--text-1)}.sidebar-toggle:focus-visible{outline:2px solid var(--primary-solid,#008743);outline-offset:2px}:is(.table-wrap:has(+.pagination-bar),.card:has(+.pagination-bar)){border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.pagination-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:0 0 var(--radius-lg) var(--radius-lg);color:var(--text-2);box-sizing:border-box;border-top:none;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:.615rem 1.25rem;font-size:.85rem;display:flex}.card>.table-wrap,.card .table-wrap{background:0 0!important;border:none!important;border-radius:0!important}:is(.card:has(>.table-wrap),.card:has(.table-wrap)){padding:0!important;overflow:hidden!important}.card.table-wrap,.table-wrap.card,.table-wrap{-webkit-overflow-scrolling:touch;padding:0!important;overflow:auto hidden!important}.card-header-flex,.card-header-title,.table-card-header{padding:1.25rem 1.5rem 1rem}.card:has(>.table-wrap)>.card-header-flex{padding:1.25rem 1.5rem 1rem}.card:has(>.table-wrap)>.card-header-title{padding:1.25rem 1.5rem 1rem}.card:has(>.table-wrap)>.table-card-header{padding:1.25rem 1.5rem 1rem}.card:has(>.table-wrap)>.card-header{padding:1.25rem 1.5rem 1rem}.card>.pagination-bar{border:none!important;border-top:1px solid var(--border)!important;background:var(--bg-surface)!important;border-radius:0!important;margin:0!important}.pagination-info,.page-info{color:var(--text-3);align-items:center;gap:3px;font-size:.82rem;font-weight:500;display:inline-flex}.pagination-info strong,.page-info strong{color:var(--text-1);font-weight:700}.pagination-controls,.page-controls,.pagination-bar .btn-group{align-items:center;gap:6px;display:inline-flex}.pagination-controls .btn,.page-controls .btn,.pagination-bar .btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);min-width:32px;height:32px;color:var(--text-1);justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.pagination-controls .btn:hover:not(:disabled),.page-controls .btn:hover:not(:disabled),.pagination-bar .btn:hover:not(:disabled){background:var(--bg-card);border-color:var(--primary);color:var(--primary)}.pagination-controls .btn-primary,.page-controls .btn-primary,.pagination-bar .btn-primary,.pagination-controls .btn.active,.page-controls .btn.active,.pagination-bar .btn.active{box-shadow:0 2px 6px #00a35040;background:var(--primary-solid)!important;color:#fff!important;border-color:var(--primary-solid)!important}.pagination-controls .btn:disabled,.page-controls .btn:disabled,.pagination-bar .btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none;background:var(--bg-surface);border-color:var(--border);color:var(--text-3)}.pagination-ellipsis,.page-ellipsis{min-width:32px;height:32px;color:var(--text-3);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:0;font-size:.8rem;font-weight:700;display:inline-flex}.pagination-right{align-items:center;gap:14px;display:inline-flex}.pagination-size-wrap{color:var(--text-3);align-items:center;gap:6px;font-size:.82rem;font-weight:500;display:inline-flex}.pagination-size-select{border-radius:var(--radius-sm,6px);border:1px solid var(--border);background:var(--bg-surface);min-width:58px;height:30px;color:var(--text-1);cursor:pointer;outline:none;padding:0 8px;font-size:.8rem;font-weight:600;line-height:1;transition:border-color .15s,box-shadow .15s}.pagination-size-select:hover,.pagination-size-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #3b82f626}@media (width<=680px){.pagination-bar{flex-direction:column;align-items:stretch;padding:.75rem .9rem}.pagination-info{flex-wrap:wrap;justify-content:flex-start;width:100%}.pagination-right{flex-wrap:wrap;justify-content:space-between;gap:.75rem;width:100%}.pagination-controls{flex-wrap:wrap;justify-content:space-between;width:100%}}.pulse-dot{background:#f59e0b;border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block}@keyframes jcPulse{0%{box-shadow:0 0 0 0 rgba(var(--pulse-rgb), .7)}70%{box-shadow:0 0 0 6px rgba(var(--pulse-rgb), 0)}to{box-shadow:0 0 0 0 rgba(var(--pulse-rgb), 0)}}.jc-dot-live{--pulse-rgb:16, 185, 129;animation:1.6s ease-out infinite jcPulse}.jc-dot-demo{--pulse-rgb:245, 158, 11;animation:2.4s ease-out infinite jcPulse}.jc-dot-error{--pulse-rgb:239, 68, 68;animation:1s ease-out infinite jcPulse}[data-theme=dark]{--bg-base:#0b0f19;--bg-surface:#111827;--bg-surface-1:#111827;--bg-surface-2:#1f2937;--bg-surface-3:#1f2937;--bg-hover:#374151;--surface:var(--bg-surface);--surface-2:var(--bg-surface-2);--card-bg:#111827;--bg-card:#111827;--bg-card-hover:#1f2937;--bg-topbar:#111827;--border:#374151;--border-color:#374151;--border-strong:#4b5563;--border-subtle:#1f2937;--text-1:#f8fafc;--text-2:#cbd5e1;--text-3:#94a3b8;--text-4:#f1f5f9;--priority-critical:#ef4444;--priority-high:#f97316;--priority-medium:#f59e0b;--priority-low:#10b981;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-glow:0 0 24px #00a35066}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:0 var(--space-4);border-radius:var(--radius-md);height:38px;font-size:.875rem;font-weight:500;font-family:var(--font-sans);box-sizing:border-box;transition:all var(--transition-fast);white-space:nowrap;cursor:pointer;border:1px solid #0000;outline:none;line-height:1.2;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";transition:background var(--transition-fast);background:#fff0;position:absolute;inset:0}.btn:hover:after{background:#ffffff0d}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary-solid);color:#fff;border-color:var(--primary-dark);box-shadow:none}.btn-primary:hover{background:var(--primary-solid-hover);box-shadow:none}.btn-secondary{background:var(--bg-surface-3);color:var(--text-1);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--primary)}.btn-ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--primary-subtle);color:var(--text-1)}.btn-danger{background:var(--danger,#dc2626);border-color:#b91c1c;box-shadow:0 1px 2px #dc262633;color:#fff!important}.btn-danger:hover{background:#b91c1c;border-color:#991b1b;color:#fff!important}.btn-danger-outline,.btn-outline-danger{color:#b91c1c;background:#ef444412;border-color:#ef444466}.btn-danger-outline:hover,.btn-outline-danger:hover{color:#b91c1c;background:#ef444426;border-color:#ef444499}[data-theme=dark] .btn-danger-outline,[data-theme=dark] .btn-outline-danger,[data-theme=dark] .btn-danger-outline:hover,[data-theme=dark] .btn-outline-danger:hover{color:#f87171}.btn-success{color:var(--success,#00a350);background:#10b98112;border-color:#10b98166}.btn-success:hover{color:var(--success,#00a350);background:#10b98126;border-color:#10b98199}.btn-sm{height:34px;padding:0 var(--space-3);box-sizing:border-box;border-radius:6px;font-size:.82rem}.btn-lg{height:46px;padding:0 var(--space-6);font-size:.95rem}.btn-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1rem;display:flex}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn-outline{color:#334155;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1}.btn-outline:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8}[data-theme=dark] .btn-outline{background:var(--bg-surface);color:var(--text-2);border-color:var(--border)}[data-theme=dark] .btn-outline:hover{background:var(--bg-hover);border-color:var(--border-strong);color:var(--text-1)}.btn-xs{box-sizing:border-box;border-radius:6px;height:28px;padding:0 10px;font-size:.75rem;font-weight:600}.page-info{color:#64748b;font-size:.8rem;font-weight:500}.page-controls{align-items:center;gap:4px;display:inline-flex}.page-ellipsis{color:#94a3b8;padding:0 4px;font-size:.8rem}.single-data-control{display:inline-block;position:relative}.single-btn-trigger{border-radius:var(--radius-md,8px);cursor:pointer;align-items:center;gap:8px;height:38px;padding:0 14px;font-size:.85rem;font-weight:600;transition:all .15s;display:inline-flex;background:var(--surface,#fff)!important;border:1px solid var(--border,#cbd5e1)!important;color:var(--text-1,#0f172a)!important;box-shadow:none!important;outline:none!important}.single-btn-trigger:hover,.single-btn-trigger:focus,.single-btn-trigger:active{background:var(--surface-2,#f8fafc)!important;box-shadow:none!important;border-color:#94a3b8!important;outline:none!important}.single-data-menu{background:var(--bg-surface);border:1px solid var(--border);z-index:1000;border-radius:8px;flex-direction:column;gap:2px;width:100%;min-width:150px;margin-top:4px;padding:4px;display:flex;position:absolute;top:100%;right:0;box-shadow:0 10px 25px -5px #0f172a26}.single-data-menu.hidden{display:none!important}.single-menu-item{color:#1e293b;cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.single-menu-item:hover{color:#00a350;background:#f1f5f9}.single-menu-item svg{color:#64748b;flex-shrink:0}.single-menu-item:hover svg{color:#00a350}.enterprise-card{background-color:var(--bg-card);border:1px solid var(--border-light,var(--border));padding:var(--space-6);border-radius:12px;box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a}.btn-guvi{background-color:var(--primary-solid);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:10px 20px;font-weight:700;text-decoration:none;transition:all .2s ease-in-out;display:inline-flex;color:#fff!important}.btn-guvi:hover{background-color:var(--primary-solid-hover);box-shadow:0 4px 12px #00a35033}.card{background:var(--bg-surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-normal)}.card-hover:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg), var(--shadow-glow);transform:translateY(-2px)}.card-glass{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);background:#111827b3}.card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.card-title{color:var(--text-1);font-size:.9rem;font-weight:600}.card-subtitle{color:var(--text-2);margin-top:2px;font-size:.8rem}.stats-grid,.stats-row,.kpi-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:1.5rem;display:grid}.stat-card,.kpi-card{background:var(--bg-surface,#fff);border:1px solid var(--border);border-radius:var(--radius-lg,12px);align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000008}.stat-card:before,.kpi-card:before{content:"";background:var(--card-accent,var(--kpi-color,#3b82f6));border-radius:12px 12px 0 0;height:3px;transition:height .2s;position:absolute;top:0;left:0;right:0}.stat-card:hover,.kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 20px -4px #00000014}.stat-card:hover:before,.kpi-card:hover:before{height:4px}.stat-card.active{border-color:var(--card-accent,var(--primary))!important;box-shadow:0 0 0 2px var(--stat-icon-bg,#00a3501f)!important}.stat-icon,.kpi-icon{background:var(--stat-icon-bg,#3b82f61a);width:44px;height:44px;color:var(--stat-icon-color,#3b82f6);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-label,.stat-title,.kpi-label{color:var(--text-3);text-transform:capitalize;margin-bottom:4px;font-size:.8125rem;font-weight:600}.stat-value,.kpi-value{color:var(--text-1);letter-spacing:-.02em;font-size:1.6rem;font-weight:800;line-height:1.1}.stat-blue,.kpi-blue{--card-accent:#3b82f6;--kpi-color:#3b82f6;--stat-icon-bg:#3b82f61a;--stat-icon-color:#3b82f6}.stat-amber,.kpi-amber{--card-accent:#f59e0b;--kpi-color:#f59e0b;--stat-icon-bg:#f59e0b1a;--stat-icon-color:#f59e0b}.stat-green,.kpi-green{--card-accent:#10b981;--kpi-color:#10b981;--stat-icon-bg:#10b9811a;--stat-icon-color:#10b981}.stat-red,.kpi-red{--card-accent:#ef4444;--kpi-color:#ef4444;--stat-icon-bg:#ef44441a;--stat-icon-color:#ef4444}.stat-purple,.kpi-purple{--card-accent:#8b5cf6;--kpi-color:#8b5cf6;--stat-icon-bg:#8b5cf61a;--stat-icon-color:#8b5cf6}.stat-indigo,.kpi-indigo{--card-accent:#6366f1;--kpi-color:#6366f1;--stat-icon-bg:#6366f11a;--stat-icon-color:#6366f1}.stat-cyan,.kpi-cyan{--card-accent:#06b6d4;--kpi-color:#06b6d4;--stat-icon-bg:#06b6d41a;--stat-icon-color:#06b6d4}.kpi-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.kpi-icon{border-radius:var(--radius-lg);background:var(--kpi-bg,var(--primary-subtle));flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.kpi-body{flex:1;min-width:0}.kpi-value{color:var(--text-1);letter-spacing:-.02em;font-size:1.75rem;font-weight:800;line-height:1}.kpi-label{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:.8rem;overflow:hidden}.kpi-delta{border-radius:var(--radius-full);padding:2px 8px;font-size:.75rem;font-weight:600}.kpi-delta.up{background:var(--success-subtle);color:var(--success)}.kpi-delta.down{background:var(--danger-subtle);color:var(--danger)}.badge{border-radius:var(--radius-full);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:5px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-primary{color:var(--primary,#00a350);background:#00a3501f;border:1px solid #00a35040}.badge-success{background:var(--success-subtle);color:var(--success);border:1px solid #10b98140}.badge-warning{background:var(--warning-subtle);color:var(--warning);border:1px solid #f59e0b40}.badge-danger,.badge-error{background:var(--danger-subtle);color:var(--danger);border:1px solid #ef444440}.badge-info{background:var(--info-subtle);color:var(--info);border:1px solid #0ea5e940}.badge-outline{background:var(--bg-surface-2,#f1f5f999);color:var(--text-2,#475569);border:1px solid var(--border,#cbd5e1);font-weight:600}.badge-neutral,.badge-secondary{background:var(--bg-surface-2,#f1f5f999);color:var(--text-2,#475569);border:1px solid var(--border,#cbd5e1)}.badge-primary,.badge-success{color:var(--primary-solid-hover)}.badge-warning{color:#92400e}.badge-info{color:#1d4ed8}.badge-danger,.badge-error{color:#b91c1c}[data-theme=dark] .badge-primary,[data-theme=dark] .badge-success{color:var(--primary)}[data-theme=dark] .badge-warning{color:#fbbf24}[data-theme=dark] .badge-info{color:#60a5fa}[data-theme=dark] .badge-danger,[data-theme=dark] .badge-error{color:#f87171}.badge-dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge-open{background:var(--info-subtle);color:var(--info)}.badge-in-progress{background:var(--primary-subtle);color:var(--primary-light)}.badge-waiting{background:var(--warning-subtle);color:var(--warning)}.badge-resolved{background:var(--success-subtle);color:var(--success)}.badge-closed{color:var(--text-3);background:#47556926}.badge-reopened{background:var(--danger-subtle);color:var(--danger)}.badge-critical{color:var(--priority-critical);background:#ff3b5c1f}.badge-high{color:var(--priority-high);background:#f973161f}.badge-medium{color:var(--priority-medium);background:#f59e0b1f}.badge-low{color:var(--priority-low);background:#10b9811f}.badge-available,.badge-in-stock{background:var(--success-subtle);color:var(--success)}.badge-assigned{background:var(--primary-subtle);color:var(--primary-light)}.badge-in-repair{background:var(--warning-subtle);color:var(--warning)}.badge-in-transit{background:var(--info-subtle);color:var(--info)}.badge-retired{color:var(--text-3);background:#47556926}.badge-disposed{background:var(--danger-subtle);color:var(--danger)}.badge-active{background:var(--success-subtle);color:var(--success)}.badge-inactive{color:var(--text-3);background:#47556926}.badge-role{background:var(--accent-subtle);color:var(--accent);font-size:.7rem}.ticket-id,.ticket-link,.mono-tag{font-family:var(--font-mono,"JetBrains Mono", monospace);color:var(--primary);text-overflow:ellipsis;vertical-align:middle;white-space:nowrap;box-sizing:border-box;background:#00a35014;border-radius:6px;max-width:100%;padding:3px 8px;font-size:.82rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block;overflow:hidden}.ticket-id:hover,.ticket-link:hover,.mono-tag:hover{color:var(--primary);background:#00a3502e;text-decoration:none}.sla-bar{border-radius:var(--radius-full);background:var(--bg-surface-3);height:4px;margin-top:var(--space-2);overflow:hidden}.sla-fill{border-radius:var(--radius-full);height:100%;transition:width 1s linear,background-color .5s}.sla-fill.green{background:var(--success)}.sla-fill.yellow{background:var(--warning)}.sla-fill.red{background:var(--danger);box-shadow:0 0 8px #ef444480}.sla-timer{font-family:var(--font-mono);font-size:.75rem;font-weight:500}.sla-timer.green{color:var(--success)}.sla-timer.yellow{color:var(--warning)}.sla-timer.red{color:var(--danger)}.info-list{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.info-item{margin-bottom:.5rem}.info-label{text-transform:uppercase;color:var(--text-3);letter-spacing:.5px;font-size:.75rem;font-weight:700}.info-value{color:var(--text-1);margin-top:2px;font-size:.95rem;font-weight:600}.table-wrap{border-radius:var(--radius-lg);border:1px solid var(--border);min-height:auto;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.875rem}.table thead tr,.data-table thead tr{background:var(--bg-surface);border-bottom:1px solid var(--border);height:44px}.table th,.data-table th{text-align:left;vertical-align:middle;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px 12px;font-size:.75rem;font-weight:700}.table th:first-child,.table td:first-child,.data-table th:first-child,.data-table td:first-child{padding-left:16px}.table th:last-child,.table td:last-child,.data-table th:last-child,.data-table td:last-child{padding-right:16px}.table th:hover,.data-table th:hover{color:var(--text-1)}.table tbody tr,.data-table tbody tr{border-bottom:1px solid var(--border);transition:background var(--transition-fast);height:52px}.table tbody tr:last-child,.data-table tbody tr:last-child{border-bottom:none}.table tbody tr:hover,.data-table tbody tr:hover{background:var(--bg-surface-3)}.table td,.data-table td{color:var(--text-1);vertical-align:middle;padding:10px 12px}.table tbody{background:var(--bg-surface-2)}.table tbody tr:nth-child(2n){background:var(--bg-surface)}.table-checkbox{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}:is(.table th:has(input[type=checkbox]),.table td:has(input[type=checkbox])){text-align:center;text-overflow:clip!important;overflow:visible!important}.sort-icon{color:var(--text-3);margin-left:4px;font-size:.7rem}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.form-label .required{color:var(--danger);margin-left:3px}.form-input,.form-select,.form-control{background-color:var(--bg-surface,#fff);border:1px solid var(--border,#cbd5e1);border-radius:var(--radius-md,6px);height:40px;min-height:40px;color:var(--text-1,#0f172a);box-sizing:border-box;outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:.875rem;line-height:normal;transition:border-color .15s,box-shadow .15s;display:block}.form-select,select.form-control,select.form-select{cursor:pointer;appearance:none;height:40px;min-height:40px;line-height:normal;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-position:right 10px center!important;background-repeat:no-repeat!important;background-size:14px!important;padding:8px 32px 8px 12px!important}.form-textarea,textarea.form-control{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md,6px);color:var(--text-1);font-size:.85rem;font-family:var(--font-sans,inherit);box-sizing:border-box;resize:vertical;outline:none;width:100%;height:auto;min-height:80px;padding:10px 12px;line-height:1.4;display:block}.form-input:focus,.form-select:focus,.form-textarea:focus,.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 2px #2563eb26}.form-input::placeholder,.form-textarea::placeholder,.form-control::placeholder{color:var(--text-3)}.form-select option{background:var(--bg-surface-2);color:var(--text-1)}.form-hint{color:var(--text-3);font-size:.78rem}.form-error{color:var(--danger);font-size:.78rem}.form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.back-link,.back-nav-link{color:var(--text-2);transition:color var(--transition-fast), opacity var(--transition-fast), transform var(--transition-fast);cursor:pointer;align-items:center;gap:6px;margin-bottom:1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.back-link:hover,.back-nav-link:hover{color:var(--primary);opacity:1;text-decoration:none}.back-link svg,.back-nav-link svg{stroke:var(--text-2);transition:stroke var(--transition-fast), transform var(--transition-fast);flex-shrink:0}.back-link:hover svg,.back-nav-link:hover svg{stroke:var(--primary);transform:translate(-3px)}.search-wrap{background:var(--bg-base,var(--bg-surface));border:1px solid var(--border);border-radius:var(--radius-md);box-sizing:border-box;width:100%;min-width:160px;max-width:100%;transition:border-color var(--transition-fast);flex:none;align-items:center;gap:10px;padding:.45rem .85rem;display:flex}.search-wrap:focus-within{border-color:var(--text-3)}.search-wrap svg{color:var(--text-3);flex-shrink:0}.search-wrap .search-icon{color:var(--text-3);pointer-events:none;font-size:.9rem;position:relative;left:0}.search-input,.search-input:focus,.search-input:active,.search-input:hover{width:100%;color:var(--text-1);font-size:.875rem;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;margin:0!important;padding:0!important}.search-input::placeholder{color:var(--text-3);opacity:1}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:0;margin-bottom:1rem;display:flex}.header-titles,.page-title,.page-header>div:first-child{flex:1;min-width:200px}.page-header h1,.header-titles h1,.page-title h1,.page-header .page-title{letter-spacing:-.02em;color:var(--text-1)!important;margin:0 0 4px!important;font-size:1.6rem!important;font-weight:800!important;line-height:1.2!important}.page-header p,.header-titles p,.page-title p,.subtitle,.page-subtitle{color:var(--text-3)!important;margin:0!important;font-size:.875rem!important;font-weight:400!important;line-height:1.4!important}.header-actions,.page-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-card{border-radius:var(--radius-lg);background:var(--bg-surface);border:1px solid var(--border);margin-bottom:1.25rem;padding:12px 16px}.filter-main-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.filter-actions-group{align-items:center;gap:.75rem;display:flex}.active-filter-badge{background:var(--primary-solid);color:#fff;border-radius:999px;margin-left:4px;padding:1px 6px;font-size:.72rem;font-weight:800}.inline-filter-drawer{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem;animation:.2s fadeIn}.inline-filter-drawer.hidden{display:none!important}.drawer-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.drawer-field{flex-direction:column;gap:4px;display:flex}.drawer-field label{color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:9999;opacity:0;box-sizing:border-box;background:#0f172aa6;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .25s;display:none;position:fixed;inset:0;overflow-y:auto}.modal-overlay.active,.modal-overlay.open{justify-content:center;align-items:center;opacity:1!important;pointer-events:all!important;display:flex!important}.modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:9999;opacity:0;background:#0f172aa6;justify-content:center;align-items:center;transition:opacity .25s;display:none;position:fixed;inset:0}.modal-backdrop.active,.modal-backdrop.open{opacity:1!important;pointer-events:all!important;display:flex!important}.modal{z-index:10000;pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(4px);background:#0f172aa6;justify-content:center;align-items:center;padding:1.5rem;transition:opacity .2s;display:none;position:fixed;inset:0}.modal.active,.modal.open{opacity:1!important;pointer-events:auto!important;z-index:10000!important;justify-content:center!important;align-items:center!important;padding:1.5rem!important;display:flex!important;position:fixed!important;inset:0!important}.modal-overlay.active .modal,.modal-overlay.open .modal{opacity:1!important;pointer-events:auto!important;z-index:auto!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;padding:0!important;display:flex!important;position:relative!important;inset:auto!important}.modal-content,.modal-card,.modal-dialog,.modal-overlay .modal{border:1px solid var(--border,#e2e8f0);border-radius:var(--radius-xl,16px);flex-direction:column;width:100%;max-width:580px;max-height:88vh;margin:auto;transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;transform:scale(.95)translateY(10px);box-shadow:0 25px 50px -12px #00000059,0 0 0 1px #00000014;background:var(--bg-surface,#fff)!important}.modal.active .modal-card,.modal.open .modal-card,.modal.active .modal-dialog,.modal.open .modal-dialog,.modal-overlay.active .modal-card,.modal-overlay.open .modal-card,.modal.active .modal-content,.modal.open .modal-content,.modal-overlay.active .modal-content,.modal-overlay.open .modal-content,.modal-overlay.active .modal,.modal-overlay.open .modal{transform:scale(1)translateY(0)}:root{--modal-sm:460px;--modal-md:620px;--modal-lg:780px;--modal-xl:980px}.modal-sm .modal-card,.modal-sm.modal-card,.modal-sm .modal-dialog,.modal-sm{max-width:var(--modal-sm);width:92vw}.modal-md .modal-card,.modal-md.modal-card,.modal-md .modal-dialog,.modal-md{max-width:var(--modal-md);width:92vw}.modal-lg .modal-card,.modal-lg.modal-card,.modal-lg .modal-dialog,.modal-lg{max-width:var(--modal-lg);width:92vw}.modal-xl .modal-card,.modal-xl.modal-card,.modal-xl .modal-dialog,.modal-xl{max-width:var(--modal-xl);width:95vw}#itsmGlobalConfirmModal,#itsmGlobalPromptModal{z-index:100000!important}.modal-header{border-bottom:1px solid var(--border);background:var(--bg-surface,#fff);flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header h2,.modal-title{color:var(--text-1);margin:0;font-size:1.2rem;font-weight:700;line-height:1.3}.modal-close,.btn-close{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-2);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.modal-close:hover,.btn-close:hover{color:#ef4444;background:#ef44441a}.modal-body{background:var(--bg-surface,#fff);gap:var(--space-4);scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;max-height:calc(88vh - 130px);padding:1.5rem;display:flex;overflow-y:auto}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);border-top:1px solid var(--border);background:var(--bg-surface-3,#f8fafc);border-bottom-left-radius:var(--radius-xl,16px);border-bottom-right-radius:var(--radius-xl,16px);flex-shrink:0;padding:1rem 1.5rem;display:flex}*{scrollbar-width:thin;scrollbar-color:var(--text-muted,#94a3b880) transparent}.modal-body::-webkit-scrollbar{width:6px;height:6px}#incidentsChecklist::-webkit-scrollbar{width:6px;height:6px}#editDepsChecklist::-webkit-scrollbar{width:6px;height:6px}#depsChecklist::-webkit-scrollbar{width:6px;height:6px}#linkedTicketsList::-webkit-scrollbar{width:6px;height:6px}#assignSearchResultsDropdown::-webkit-scrollbar{width:6px;height:6px}#assignSelectedListContainer::-webkit-scrollbar{width:6px;height:6px}#exportColumnsContainer::-webkit-scrollbar{width:6px;height:6px}#diagModalBody::-webkit-scrollbar{width:6px;height:6px}#modalArticleContent::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar{width:6px;height:6px}.modal-body::-webkit-scrollbar-track{background:0 0;border-radius:999px}#incidentsChecklist::-webkit-scrollbar-track{background:0 0;border-radius:999px}#editDepsChecklist::-webkit-scrollbar-track{background:0 0;border-radius:999px}#depsChecklist::-webkit-scrollbar-track{background:0 0;border-radius:999px}#linkedTicketsList::-webkit-scrollbar-track{background:0 0;border-radius:999px}#assignSearchResultsDropdown::-webkit-scrollbar-track{background:0 0;border-radius:999px}#assignSelectedListContainer::-webkit-scrollbar-track{background:0 0;border-radius:999px}#exportColumnsContainer::-webkit-scrollbar-track{background:0 0;border-radius:999px}#diagModalBody::-webkit-scrollbar-track{background:0 0;border-radius:999px}#modalArticleContent::-webkit-scrollbar-track{background:0 0;border-radius:999px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0;border-radius:999px}::-webkit-scrollbar-track{background:0 0;border-radius:999px}.modal-body::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:999px}#incidentsChecklist::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:999px}#editDepsChecklist::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:999px}#depsChecklist::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:999px}#linkedTicketsList::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:999px}#assignSearchResultsDropdown::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:999px}#assignSelectedListContainer::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:999px}#exportColumnsContainer::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:999px}#diagModalBody::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:999px}#modalArticleContent::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:999px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:999px}::-webkit-scrollbar-thumb{background:#94a3b866;border-radius:999px}.modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}#incidentsChecklist::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}#editDepsChecklist::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}#depsChecklist::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}#linkedTicketsList::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}#assignSearchResultsDropdown::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}#assignSelectedListContainer::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}#exportColumnsContainer::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}#diagModalBody::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}#modalArticleContent::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}::-webkit-scrollbar-thumb:hover{background:#94a3b8b3}.slideover-backdrop{-webkit-backdrop-filter:blur(4px);z-index:10000;background:#00000073;position:fixed;inset:0}.slideover{background:var(--bg-surface);border-left:1px solid var(--border);z-index:10001;flex-direction:column;width:560px;max-width:100vw;transition:transform .25s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-8px 0 40px #00000080}.slideover.active,.slideover.open,.slideover.show{transform:translate(0)!important}.slideover-lg{width:720px}.slideover-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border);min-height:var(--topbar-height);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.slideover-body{padding:var(--space-6);gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.slideover-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);gap:var(--space-3);flex-shrink:0;justify-content:flex-end;display:flex}.tabs{border-bottom:1px solid var(--border);gap:var(--space-1);margin-bottom:var(--space-5);display:flex}.tab-btn{padding:var(--space-2) var(--space-4);color:var(--text-2);transition:all var(--transition-fast);cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-1px;font-size:.875rem;font-weight:500}.tab-btn:hover{color:var(--text-1)}.tab-btn.active{color:var(--primary-light);border-bottom-color:var(--primary)}.tab-panel{display:none}.tab-panel.active{display:block}.empty-state{padding:var(--space-12) var(--space-6);text-align:center;justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.empty-state-icon{opacity:.3;font-size:3rem}.empty-state-title{color:var(--text-2);font-size:1rem;font-weight:600}.empty-state-desc{color:var(--text-3);max-width:300px;font-size:.875rem}.avatar,.user-avatar{border-radius:var(--radius-full);color:#fff;background:var(--primary-solid);flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex;box-shadow:0 1px 3px #00a35033}.timeline{flex-direction:column;gap:0;display:flex;position:relative}.timeline-item{gap:var(--space-3);display:flex;position:relative}.timeline-item:not(:last-child):after{content:"";background:var(--border-strong);z-index:0;width:2px;position:absolute;top:34px;bottom:0;left:16px}.timeline-icon{border-radius:var(--radius-full);background:var(--bg-surface);border:2px solid var(--border-strong);z-index:2;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.8rem;display:flex;position:relative}.timeline-content{padding-bottom:var(--space-5);flex:1;min-height:52px}.timeline-item:last-child .timeline-content{min-height:unset;padding-bottom:0}.timeline-header{justify-content:space-between;align-items:baseline;gap:var(--space-3);flex-wrap:wrap;display:flex}.timeline-title{color:var(--text-1);font-size:.875rem;font-weight:500}.timeline-time{color:var(--text-3);white-space:nowrap;font-size:.75rem}.timeline-body{color:var(--text-2);margin-top:var(--space-2);font-size:.875rem;line-height:1.6}.kanban-board{gap:var(--space-4);padding-bottom:var(--space-4);display:flex;overflow-x:auto}.kanban-col{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;min-width:280px;display:flex}.kanban-col-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.kanban-col-title{align-items:center;gap:var(--space-2);color:var(--text-2);font-size:.8rem;font-weight:600;display:flex}.kanban-count{background:var(--bg-surface-3);color:var(--text-2);border-radius:var(--radius-full);padding:1px 6px;font-size:.7rem;font-weight:700}.kanban-cards{padding:var(--space-3);gap:var(--space-3);flex-direction:column;flex:1;min-height:100px;display:flex}.kanban-card{background:var(--bg-surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3);cursor:pointer;transition:all var(--transition-fast)}.kanban-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.notif-item{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);transition:background var(--transition-fast);cursor:pointer;border-left:3px solid #0000;display:flex}.notif-item.unread{background:var(--primary-subtle);border-left-color:var(--primary)}.notif-item:hover{background:var(--bg-surface-3)}.notif-icon{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.95rem;display:flex}.notif-content{flex:1;min-width:0}.notif-title{color:var(--text-1);font-size:.875rem;font-weight:500}.notif-body{color:var(--text-2);margin-top:2px;font-size:.8rem}.notif-time{color:var(--text-3);margin-top:4px;font-size:.75rem}[data-tooltip]{position:relative}[data-tooltip]:hover:after{content:attr(data-tooltip);color:#f1f5f9;white-space:nowrap;z-index:200;pointer-events:none;letter-spacing:.02em;background:#1e293b;border-radius:6px;padding:4px 10px;font-size:.72rem;font-weight:500;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.divider{background:var(--border);height:1px;margin:var(--space-4) 0;border:none}.skeleton{background:linear-gradient(90deg, var(--bg-surface-2) 25%, var(--bg-surface-3) 50%, var(--bg-surface-2) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-pulse}.progress{background:var(--bg-surface-3);border-radius:var(--radius-full);height:6px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);background:var(--primary);height:100%;transition:width .5s}.stat-row{padding:var(--space-3) 0;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.stat-row:last-child{border-bottom:none}.stat-label{color:var(--text-2)}.stat-value{color:var(--text-1);font-weight:500}.chart-wrap{width:100%;position:relative}.toggle-group{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-md);gap:3px;padding:3px;display:flex}.toggle-btn{border-radius:calc(var(--radius-md) - 3px);color:var(--text-2);transition:all var(--transition-fast);cursor:pointer;align-items:center;gap:6px;padding:5px 12px;font-size:.8rem;font-weight:500;display:flex}.toggle-btn.active{background:var(--primary-solid);color:#fff}.toggle-btn:not(.active):hover{color:var(--text-1)}.breadcrumb{align-items:center;gap:var(--space-2);color:var(--text-3);margin-bottom:var(--space-2);font-size:.8rem;display:flex}.breadcrumb a{color:var(--primary-light)}.breadcrumb a:hover{text-decoration:underline}.breadcrumb .sep{color:var(--text-4)}.tag{align-items:center;gap:var(--space-1);border-radius:var(--radius-full);background:var(--bg-surface-3);border:1px solid var(--border);color:var(--text-2);padding:2px 10px;font-size:.72rem;font-weight:500;display:inline-flex}.stats-grid{grid-template-columns:repeat(4,1fr)!important;gap:1.25rem!important;margin-bottom:1.5rem!important;display:grid!important}.stat-card{background:var(--bg-surface,#fff)!important;border:1px solid var(--border,#e2e8f0)!important;border-radius:var(--radius-lg,12px)!important;box-sizing:border-box!important;align-items:center!important;gap:.85rem!important;min-height:68px!important;padding:.75rem 1rem!important;transition:transform .2s,box-shadow .2s!important;display:flex!important;overflow:hidden!important}.stat-card:hover{transform:translateY(-2px)!important;box-shadow:0 4px 12px #0000000d!important}.stat-card .stat-icon{border-radius:var(--radius-md,8px)!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;display:flex!important}.stat-card .stat-icon svg{width:18px!important;height:18px!important}.stat-card .stat-title,.stat-card .stat-label{color:var(--text-2,#64748b)!important;white-space:normal!important;text-transform:capitalize!important;letter-spacing:normal!important;margin:0!important;font-size:.75rem!important;font-weight:600!important;line-height:1.15!important}.stat-card>:last-child{min-width:0}.stat-card .stat-value{color:var(--text-1,#0f172a)!important;margin-top:2px!important;font-size:1.35rem!important;font-weight:800!important;line-height:1.15!important}@media (width<=900px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=640px){.stats-grid{gap:.75rem!important}}.stats-grid-text .stat-value{overflow-wrap:anywhere}@media (width<=1439px){.stats-grid.stats-grid-text{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=640px){.stats-grid.stats-grid-text{grid-template-columns:minmax(0,1fr)!important}}@media (width<=768px){.filter-tabs,.tab-container,.tabs-header,.tabs,.pill-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:1px;overflow-x:auto;flex-wrap:nowrap!important}.filter-tabs::-webkit-scrollbar{display:none}.tab-container::-webkit-scrollbar{display:none}.tabs-header::-webkit-scrollbar{display:none}.tabs::-webkit-scrollbar{display:none}.pill-tabs::-webkit-scrollbar{display:none}.filter-tabs>*,.tab-container>*,.tabs-header>*,.tabs>*,.pill-tabs>*{flex:none}}.jc-sync-modal{background:var(--bg-surface,#fff);border:1px solid var(--border);border-radius:16px;transition:max-width .45s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 25px 50px -12px #0c234040;width:95%!important;max-width:900px!important;padding:0!important}.jc-sync-modal-compact{max-width:520px!important}.jc-sync-header{background:var(--bg-surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.jc-sync-body{max-height:72vh;padding:1.5rem;overflow-y:auto}.jc-progress-wrap{background:var(--bg-surface-3,#e2e8f0);border-radius:999px;width:100%;height:6px;margin:1.25rem 0 .75rem;position:relative;overflow:hidden}.jc-progress-bar{background:linear-gradient(90deg,#10b981 0%,#059669 100%);border-radius:999px;width:0%;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.jc-sync-kpi-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:1.25rem;display:grid}.jc-sync-kpi-card{background:var(--bg-surface-2,#f8fafc);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.jc-sync-kpi-card .kpi-num{color:var(--text-1);font-size:1.4rem;font-weight:800}.jc-sync-kpi-card .kpi-lbl{color:var(--text-3);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}.jc-items-table{border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:10px;width:100%;font-size:.82rem;overflow:hidden}.jc-items-table th{text-align:left;color:var(--text-2);border-bottom:1px solid var(--border);background:#f8fafc;padding:10px 12px;font-weight:700}.jc-items-table td{color:var(--text-1);border-bottom:1px solid #f1f5f9;padding:10px 12px}.jc-items-table tr:last-child td{border-bottom:none}.data-actions-dropdown{display:inline-block;position:relative}.data-actions-trigger{box-sizing:border-box;background:var(--bg-surface,#fff);border-radius:var(--radius-md,8px);height:38px;color:var(--text-1,#0f172a);cursor:pointer;border:1px solid #cbd5e1;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:.875rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 2px #0000000a}.data-actions-trigger:hover{background:var(--bg-surface-2,#f8fafc);border-color:#94a3b8;box-shadow:0 2px 5px #0000000f}.data-actions-trigger .chevron{color:var(--text-3,#64748b);transition:transform .2s}.data-actions-dropdown.open .data-actions-trigger .chevron{transform:rotate(180deg)}.data-actions-menu{background:var(--bg-surface,#fff);border:1px solid var(--border,#e2e8f0);z-index:1050;border-radius:12px;flex-direction:column;gap:2px;min-width:230px;padding:6px;animation:.15s ease-out forwards dropdownFadeIn;display:none;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 12px 30px -4px #0f172a26,0 4px 10px #0000000a}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.data-actions-dropdown.open .data-actions-menu{display:flex}.data-actions-item{color:var(--text-1,#1e293b);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:.84rem;font-weight:600;transition:all .15s;display:flex}.data-actions-item:hover{color:var(--primary,#00a350);background:#f1f5f9}.data-actions-item .item-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.data-actions-divider{background:var(--border,#f1f5f9);height:1px;margin:4px 6px}.alert-banner{border:1px solid #0000;border-radius:8px;align-items:center;width:100%;margin-bottom:20px;padding:12px 16px;font-size:.85rem;font-weight:500;line-height:1.5;display:flex;position:relative}.alert-banner.warning{color:#b45309;background-color:#fffbeb;border-color:#fde68a}.alert-banner.warning svg{color:#d97706;flex-shrink:0;margin-right:8px}.alert-banner.warning strong{color:#92400e}.alert-banner.danger{color:#b91c1c;background-color:#fef2f2;border-color:#fecaca}.alert-banner.success{color:#047857;background-color:#ecfdf5;border-color:#a7f3d0}[data-theme=dark] .alert-banner.danger{color:#fca5a5;background-color:#ef44441f;border-color:#ef444459}[data-theme=dark] .alert-banner.success{color:#6ee7b7;background-color:#10b9811f;border-color:#10b98159}.action-dropdown-container{display:inline-block;position:relative}.btn-action-trigger{width:30px;height:30px;color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0 auto;transition:all .15s;display:flex}.btn-action-trigger:hover{background:var(--bg-surface-3);color:var(--text-1)}.action-dropdown-menu{background:var(--bg-surface);border:1px solid var(--border);z-index:1000;border-radius:10px;flex-direction:column;min-width:140px;padding:6px;animation:.2s cubic-bezier(.16,1,.3,1) slideUpIn;display:none;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a}.action-dropdown-menu.drop-up{animation:.2s cubic-bezier(.16,1,.3,1) slideDownIn;top:auto;bottom:calc(100% + 4px)}.action-dropdown-menu.active{display:flex}.action-menu-item{width:100%;color:var(--text-1);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:.8rem;font-weight:600;transition:all .12s;display:flex;height:auto!important;min-height:unset!important;margin:0!important;line-height:normal!important}.action-menu-item:hover{background:var(--bg-surface-3);color:var(--primary)}.action-menu-item svg{color:var(--text-3);transition:color .12s}.action-menu-item:hover svg{color:var(--text-1)}.action-menu-item.text-danger{color:var(--danger)!important}.action-menu-item.text-danger:hover{color:#dc2626!important;background:#dc26261a!important}.action-menu-item.text-danger svg{color:var(--danger)!important}.action-menu-divider{background:var(--border);height:1px;margin:4px 0}@keyframes slideUpIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sortable-table-header{vertical-align:stretch;box-sizing:border-box;position:relative;overflow:hidden;padding:0!important}.table-sort-button{align-items:center;justify-content:inherit;width:100%;max-width:100%;height:100%;min-height:44px;color:inherit;font:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;text-align:inherit;cursor:pointer;box-sizing:border-box;background:0 0;border:0;border-radius:0;gap:6px;padding:10px 12px;transition:background-color .15s,color .15s,box-shadow .15s;display:inline-flex;overflow:hidden}.table-sort-button>span:first-child{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;overflow:hidden}.table-sort-button:hover,.table-sort-button:focus-visible{color:var(--primary);background:color-mix(in srgb, var(--primary) 5%, transparent)}.table-sort-button.is-active,.table-sort-button.active{color:var(--primary);box-shadow:none;background:0 0;font-weight:750}.table-sort-button:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.table-sort-icon{opacity:.35;flex:0 0 14px;width:14px;height:14px;display:inline-flex}.table-sort-icon.is-active{opacity:1;color:var(--primary)}.table-sort-icon svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.truncate-text{white-space:nowrap;text-overflow:ellipsis;max-width:100%;display:block;overflow:hidden}.th-resizable{position:relative}.col-resizer{cursor:col-resize;z-index:10;-webkit-user-select:none;user-select:none;background:0 0;justify-content:center;width:8px;height:100%;display:flex;position:absolute;top:0;right:-4px}.col-resizer:after{content:"";background:0 0;width:2px;height:100%;transition:background .15s;display:block}.col-resizer:hover:after,.col-resizer.is-resizing:after{background:var(--primary)}.stepper{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding:1.75rem 1rem;display:flex;position:relative}.stepper-line{background:var(--border);z-index:1;border-radius:4px;width:80%;height:4px;position:absolute;top:46px;left:10%;transform:translateY(-50%)}.stepper-line-progress{background:linear-gradient(90deg, var(--primary) 0%, #10b981 100%);border-radius:4px;width:0%;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.step-item{z-index:2;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.step-circle{background:var(--bg-surface);border:2.5px solid var(--border);width:36px;height:36px;color:var(--text-3);z-index:2;box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.step-item.active .step-circle{border-color:var(--primary);background:var(--primary-solid);color:#fff;transform:scale(1.1);box-shadow:0 0 0 6px #00a35026,0 4px 12px #00a3504d}.step-item.completed .step-circle{color:#fff;background:#10b981;border-color:#10b981;box-shadow:0 2px 8px #10b98133}.step-label{color:var(--text-3);text-align:center;white-space:nowrap;margin-top:.6rem;font-size:.78rem;font-weight:600;transition:color .3s}.step-item.active .step-label{color:var(--primary);font-weight:700}.step-item.completed .step-label{color:var(--text-1)}.toast-container{z-index:10000!important;pointer-events:none!important;flex-direction:column!important;gap:10px!important;display:flex!important;position:fixed!important;top:auto!important;bottom:24px!important;right:24px!important}.toast{pointer-events:auto!important;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a!important}.dropzone-focusable:focus-visible{outline:2px solid var(--primary-solid,#008743);outline-offset:2px}.dropzone-focus-within:has(input:focus-visible){outline:2px solid var(--primary-solid,#008743);outline-offset:2px}.access-state{min-height:50vh;padding:var(--space-12) var(--space-6)}.access-state--inline{min-height:0;padding:var(--space-10) var(--space-6)}.access-state-icon{border-radius:var(--radius-full);background:var(--bg-hover);width:48px;height:48px;color:var(--text-3);justify-content:center;align-items:center;display:inline-flex}.access-state--forbidden .access-state-icon{background:var(--warning-subtle);color:var(--warning)}.access-state--error .access-state-icon{background:var(--danger-subtle);color:var(--danger)}.access-state-title{color:var(--text-1);margin:0;font-size:1.125rem}.access-state .access-state-desc{max-width:46ch;margin:0;line-height:1.5}.access-state-actions{justify-content:center;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.access-state-loading{justify-content:center;align-items:center;gap:var(--space-3);min-height:50vh;color:var(--text-3);font-size:.875rem;display:flex}
