@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-layer-0:#0b0f0d;--bg-layer-1:#111613;--bg-layer-2:#151a17;--bg-layer-3:#1b211e;--border-standard:#27312b;--border-subtle:#27312b99;--border-focus:#22c55e;--color-primary:#22c55e;--color-primary-light:#4be277;--color-primary-dim:#4be2771a;--color-secondary:#7bd0ff;--color-secondary-dim:#7bd0ff1a;--color-warning:#f59e0b;--color-warning-dim:#f59e0b1a;--color-danger:#ef4444;--color-danger-dim:#ef44441a;--text-white:#f8fafc;--text-body:#d6e5ea;--text-muted:#94a3a8;--text-dim:#869585}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-layer-0);color:var(--text-body);-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;overflow-x:hidden}#root{background-color:var(--bg-layer-0);justify-content:flex-start;align-items:stretch;width:100vw;min-height:100vh;display:flex}input,select,textarea{background-color:var(--bg-layer-2);border:1px solid var(--border-standard);color:var(--text-white);font-family:inherit}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 8px #22c55e33}.btn-primary{color:#0b0f0d;cursor:pointer;background-color:#22c55e;border:none;border-radius:.375rem;font-weight:700;transition:all .2s}.btn-primary:hover{background-color:#4ade80;box-shadow:0 0 16px #4ade8059}.btn-secondary{border:1px solid var(--border-standard);color:var(--text-white);cursor:pointer;background-color:#0000;border-radius:.375rem;transition:all .2s}.btn-secondary:hover{background-color:var(--bg-layer-3);border-color:#27312b}.input-glow:focus-within{box-shadow:0 0 0 1px var(--color-primary), 0 0 16px 0 #22c55e33}.btn-glow:hover{box-shadow:0 0 20px #22c55e59}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;-webkit-user-select:none;user-select:none}.login-card{background-color:var(--color-surface-container);border:1px solid var(--color-outline-variant);z-index:10;border-radius:.75rem;width:100%;max-width:420px;padding:2rem;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.top-accent{background-color:var(--color-primary-container);opacity:.75;width:100%;height:2px;position:absolute;top:0;left:0}.card-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:2.5rem;display:flex}.logo-badge{background-color:var(--color-surface-container-highest);border:1px solid var(--color-outline-variant);border-radius:.5rem;justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:1.5rem;display:flex}.logo-icon{color:var(--color-primary-container);font-size:28px}.brand-title{letter-spacing:-.01em;color:var(--color-on-surface);margin-bottom:.5rem;font-size:28px;font-weight:600;line-height:36px}.portal-title{color:var(--color-on-surface-variant);margin-bottom:.25rem;font-size:18px;font-weight:600;line-height:24px}.portal-subtitle{color:var(--color-outline);font-size:14px;line-height:20px}.login-form{flex-direction:column;gap:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{letter-spacing:.05em;color:var(--color-on-surface-variant);text-transform:uppercase;font-size:12px;font-weight:600;line-height:16px;display:block}.input-wrapper{border-radius:.5rem;align-items:center;transition:box-shadow .2s,border-color .2s;display:flex;position:relative}.form-input{background-color:var(--color-surface-container-high);border:1px solid var(--color-outline-variant);width:100%;height:3rem;color:var(--color-on-surface);border-radius:.5rem;outline:none;padding-left:3rem;padding-right:1rem;font-family:inherit;font-size:14px;line-height:20px;transition:border-color .2s,background-color .2s}.form-input::placeholder{color:#86958580}.form-input:focus{border-color:var(--color-primary-container)}.password-input{padding-right:3rem}.toggle-password-btn{color:var(--color-outline);cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;transition:color .2s;display:flex;position:absolute;right:1rem}.toggle-password-btn:hover{color:var(--color-on-surface)}.form-controls{justify-content:space-between;align-items:center;padding-top:.5rem;display:flex}.remember-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;display:flex}.checkbox-wrapper{justify-content:center;align-items:center;width:1.25rem;height:1.25rem;display:flex;position:relative}.checkbox-input{appearance:none;border:1px solid var(--color-outline-variant);background-color:var(--color-surface-container-high);cursor:pointer;border-radius:.25rem;width:1.25rem;height:1.25rem;transition:background-color .15s,border-color .15s}.checkbox-input:checked{background-color:var(--color-primary-container);border-color:var(--color-primary-container)}.checkbox-check-icon{color:var(--color-on-primary-container);pointer-events:none;font-size:16px;position:absolute}.remember-text{color:var(--color-on-surface-variant);font-size:14px;line-height:20px;transition:color .2s}.remember-label:hover .remember-text{color:var(--color-on-surface)}.forgot-link{letter-spacing:.05em;color:var(--color-primary-container);font-size:12px;font-weight:600;line-height:16px;text-decoration:none;transition:color .2s}.forgot-link:hover{color:var(--color-primary-fixed)}.submit-wrapper{padding-top:.75rem}.submit-btn{background-color:var(--color-primary-container);width:100%;height:3rem;color:var(--color-on-primary-container);cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;font-size:16px;font-weight:600;line-height:24px;transition:background-color .2s,transform .1s,box-shadow .2s;display:flex}.submit-btn:hover{background-color:var(--color-surface-tint)}.submit-btn:active{transform:scale(.98)}.submit-arrow-icon{font-size:20px}.security-tag{position:absolute;bottom:.5rem;right:.75rem}.security-tag span{letter-spacing:.03em;color:var(--color-outline-variant);font-size:11px;font-weight:500;line-height:14px}.app-sidebar{z-index:50;-webkit-user-select:none;user-select:none;background-color:#111613;border-right:1px solid #27312b;flex-direction:column;width:260px;height:100vh;padding:1.5rem 0;display:flex;position:fixed;top:0;left:0}.sidebar-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:0 1.5rem;display:flex}.sidebar-brand-icon{color:#4be277;background-color:#151a17;border:1px solid #27312b;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.brand-motorcycle-icon{color:#4be277;font-size:24px}.brand-text-title{color:#4be277;letter-spacing:-.01em;font-size:22px;font-weight:700;line-height:28px}.brand-text-role{letter-spacing:.08em;color:#bccbb9;text-transform:uppercase;font-size:11px;font-weight:600}.sidebar-cta-btn-wrap{padding:0 1.25rem 1.25rem}.btn-new-ticket:hover{background-color:#4ade80;box-shadow:0 0 16px #4ade8059}.sidebar-nav-section{flex-direction:column;flex:1;gap:.25rem;padding:0 .75rem;display:flex;overflow-y:auto}.nav-link-btn{color:#bccbb9;cursor:pointer;text-align:left;background:0 0;border:none;border-left:3px solid #0000;border-radius:0 .5rem .5rem 0;align-items:center;gap:.875rem;width:100%;padding:.65rem .875rem;font-size:13px;font-weight:500;transition:all .2s;display:flex}.nav-link-btn:hover{color:#d6e5ea;background-color:#1b211e}.nav-link-btn.active{color:#d6e5ea;background-color:#4be2771a;border-left-color:#4be277;font-weight:700}.nav-link-btn.active .nav-icon{color:#4be277}.sidebar-footer-section{border-top:1px solid #27312b;flex-direction:column;gap:.25rem;padding:1rem .75rem 0;display:flex}.nav-link-btn.logout-btn{color:#ffb4ab;margin-top:.5rem}.nav-link-btn.logout-btn:hover{color:#ffdad6;background-color:#ef44441a}.dashboard-container{color:#d6e5ea;background-color:#0b0f0d;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0;overflow:hidden}.sidebar{z-index:50;background-color:#111613;border-right:1px solid #27312b;flex-direction:column;width:260px;height:100vh;display:flex;position:fixed;top:0;left:0}.brand-logo{color:#4be277;letter-spacing:-.01em;font-size:28px;font-weight:700;line-height:36px}.brand-subtitle{letter-spacing:.05em;color:#bccbb9;margin-top:.25rem;font-size:12px;font-weight:600;line-height:16px}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;padding:.5rem 1rem;display:flex;overflow-y:auto}.sidebar-link{color:#bccbb9;letter-spacing:.05em;cursor:pointer;text-align:left;background:0 0;border:none;border-left:3px solid #0000;border-radius:0 .5rem .5rem 0;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:12px;font-weight:600;transition:all .2s;display:flex}.sidebar-link:hover{color:#d6e5ea;background-color:#1b211e}.sidebar-link.active{color:#d6e5ea;background-color:#4be2771a;border-left-color:#4be277}.sidebar-link.active .nav-icon{color:#4be277}.nav-icon{color:inherit;font-size:20px}.sidebar-footer{border-top:1px solid #27312b;padding:1rem}.btn-new-ticket{color:#003915;letter-spacing:.05em;cursor:pointer;background-color:#4be277;border:none;border-radius:.375rem;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-bottom:1rem;padding:.625rem 1rem;font-size:12px;font-weight:700;transition:background-color .2s;display:flex}.footer-links{flex-direction:column;gap:.25rem;display:flex}.sidebar-sublink{color:#bccbb9;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.75rem;width:100%;padding:.5rem 1rem;font-size:12px;font-weight:600;transition:background-color .2s,color .2s;display:flex}.sidebar-sublink:hover{color:#d6e5ea;background-color:#1b211e}.sidebar-sublink.logout-btn{color:#ffb4ab;margin-top:.5rem}.sidebar-sublink.logout-btn:hover{background-color:#ffb4ab1a}.sublink-icon{font-size:20px}.main-wrapper{flex-direction:column;flex:1;height:100vh;margin-left:260px;display:flex;overflow:hidden}.top-header{z-index:40;background-color:#0b0f0d;border-bottom:1px solid #27312b;justify-content:space-between;align-items:center;height:72px;padding:0 2rem;display:flex;position:fixed;top:0;left:260px;right:0}.header-left{align-items:center;gap:2rem;display:flex}.search-box{width:280px;position:relative}.search-icon{color:#bccbb9;pointer-events:none;font-size:20px;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-input{color:#d6e5ea;background-color:#151a17;border:1px solid #27312b;border-radius:.375rem;outline:none;width:100%;height:2.5rem;padding-left:2.5rem;padding-right:1rem;font-size:14px;transition:border-color .2s,box-shadow .2s}.search-input:focus{border-color:#4be277;box-shadow:0 0 0 1px #4be27766}.search-input::placeholder{color:#bccbb9}.header-tabs{align-items:center;gap:1.5rem;display:flex}.header-right{align-items:center;gap:1rem;display:flex}.system-pill{color:#4be277;letter-spacing:.05em;background-color:#4be2771a;border:1px solid #4be27733;border-radius:9999px;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:11px;font-weight:600;display:flex;box-shadow:0 0 8px #22c55e26}.live-dot{background-color:#4be277;border-radius:50%;width:8px;height:8px}.live-dot.pulse{animation:2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}.icon-btn{color:#bccbb9;cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:.5rem;transition:color .2s;display:flex;position:relative}.badge-dot{background-color:#ffb4ab;border-radius:50%;width:8px;height:8px;position:absolute;top:.375rem;right:.375rem}.user-avatar,.user-profile-avatar-h{color:#4be277;-webkit-user-select:none;user-select:none;background-color:#151a17;border:1px solid #4be27766;border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:15px;font-weight:700;transition:all .2s;display:flex;overflow:hidden}.user-profile-avatar-h:hover{background-color:#1b211e;border-color:#4be277;box-shadow:0 0 10px #4ade8059}.user-avatar img{object-fit:cover;width:100%;height:100%}.dashboard-content{background-color:#0b0f0d;flex:1;margin-top:72px;padding:2rem;overflow-y:auto}.content-container{flex-direction:column;gap:1.75rem;max-width:1280px;margin:0 auto;display:flex}.page-header{justify-content:space-between;align-items:flex-end;display:flex}.page-title{letter-spacing:-.02em;color:#d6e5ea;font-size:36px;font-weight:700;line-height:44px}.page-subtitle{color:#bccbb9;margin-top:.25rem;font-size:14px;line-height:20px}.btn-export{color:#d6e5ea;cursor:pointer;background:0 0;border:1px solid #27312b;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:12px;font-weight:700;transition:background-color .2s;display:flex}.btn-export:hover{background-color:#1b211e}.glass-card{-webkit-backdrop-filter:blur(12px);background:#151a1799;border:1px solid #27312b;border-radius:.5rem;position:relative;overflow:hidden}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.kpi-card{padding:1.5rem;transition:transform .2s,border-color .2s}.kpi-card:hover{border-color:#27312b;transform:translateY(-2px)}.glow-orb{filter:blur(2rem);pointer-events:none;border-radius:50%;width:8rem;height:8rem;margin-top:-4rem;margin-right:-4rem;position:absolute;top:0;right:0}.orb-primary{background:#4be2771a}.orb-secondary{background:#7bd0ff1a}.orb-tertiary{background:#ffba611a}.orb-error{background:#ffb4ab1a}.kpi-top{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.kpi-label{letter-spacing:.05em;color:#bccbb9;text-transform:uppercase;font-size:12px;font-weight:600}.kpi-icon-box{border-radius:.375rem;justify-content:center;align-items:center;padding:.5rem;display:flex}.kpi-icon-box.bg-primary{color:#4be277;background:#4be2771a}.kpi-icon-box.bg-secondary{color:#7bd0ff;background:#7bd0ff1a}.kpi-icon-box.bg-tertiary{color:#ffba61;background:#ffba611a}.kpi-icon-box.bg-error{color:#ffb4ab;background:#ffb4ab1a}.kpi-value{letter-spacing:-.02em;color:#d6e5ea;font-size:36px;font-weight:700;line-height:44px}.kpi-trend{align-items:center;gap:.25rem;margin-top:.5rem;font-size:11px;font-weight:500;display:flex}.trend-primary{color:#4be277}.trend-secondary{color:#7bd0ff}.trend-tertiary{color:#ffba61}.trend-error{color:#ffb4ab}.trend-icon{font-size:14px}.bento-grid{grid-template-columns:1fr 2fr;gap:1.5rem;display:grid}.bento-col-side,.bento-col-main{flex-direction:column;gap:1.5rem;display:flex}.panel-card{padding:1.5rem}.panel-title{color:#d6e5ea;border-bottom:1px solid #27312b;margin-bottom:1.25rem;padding-bottom:.75rem;font-size:18px;font-weight:600}.flex-title{border-bottom:none;align-items:center;gap:.5rem;margin-bottom:0;padding-bottom:0;display:flex}.panel-header-with-badge{border-bottom:1px solid #27312b;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.admin-badge{text-transform:uppercase;letter-spacing:.1em;color:#4be277;background-color:#4be2771a;border:1px solid #4be27733;border-radius:.25rem;padding:.125rem .5rem;font-size:10px}.status-list{flex-direction:column;gap:1rem;display:flex}.status-row{justify-content:space-between;align-items:center;display:flex}.status-label-group{align-items:center;gap:.75rem;display:flex}.dot-primary{background-color:#4be277}.dot-secondary{background-color:#7bd0ff}.dot-neutral{background-color:#bccbb9}.dot-tertiary{background-color:#ffba61}.dot-error{background-color:#ffb4ab}.glow-online{box-shadow:0 0 8px #22c55e66}.glow-warning{box-shadow:0 0 8px #ffba6166}.glow-error{box-shadow:0 0 8px #ffb4ab66}.status-text{color:#d6e5ea;font-size:14px}.status-count{color:#bccbb9;font-family:ui-monospace,monospace;font-size:14px}.infra-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.infra-box{background-color:#111613;border:1px solid #27312b;border-radius:.375rem;padding:.75rem}.infra-label{color:#bccbb9;margin-bottom:.25rem;font-size:11px;font-weight:500}.infra-status{align-items:center;gap:.5rem;display:flex}.infra-dot{background-color:#4be277;border-radius:50%;width:6px;height:6px}.infra-value{color:#d6e5ea;font-family:ui-monospace,monospace;font-size:14px}.table-panel{flex-direction:column;display:flex}.table-header{background-color:#11161380;border-bottom:1px solid #27312b;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;display:flex}.table-header .panel-title{border-bottom:none;margin-bottom:0;padding-bottom:0}.link-action{color:#4be277;cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;font-size:12px;font-weight:600;transition:color .2s;display:flex}.link-action:hover{color:#6bff8f}.link-icon{font-size:16px}.table-responsive{overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%}.custom-table th{color:#bccbb9;letter-spacing:.05em;background-color:#111613;border-bottom:1px solid #27312b;padding:.75rem 1.5rem;font-size:12px;font-weight:600}.custom-table td{color:#d6e5ea;border-bottom:1px solid #27312b;padding:.875rem 1.5rem;font-size:14px;transition:background-color .15s}.custom-table tr:hover td{background-color:#1b211e}.pill-badge{letter-spacing:.02em;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:11px;font-weight:600;display:inline-flex}.badge-dot-indicator{border-radius:50%;width:6px;height:6px}.badge-paired{color:#4be277;background-color:#4be2771a;border:1px solid #4be27733}.badge-paired .badge-dot-indicator{background-color:#4be277}.badge-pending{color:#ffba61;background-color:#ffba611a;border:1px solid #ffba6133}.badge-pending .badge-dot-indicator{background-color:#ffba61}.badge-failed{color:#ffb4ab;background-color:#ffb4ab1a;border:1px solid #ffb4ab33}.badge-failed .badge-dot-indicator{background-color:#ffb4ab}.row-action-btn{color:#bccbb9;cursor:pointer;background:0 0;border:none;transition:color .2s}.row-action-btn:hover{color:#4be277}.timeline-panel{padding:1.5rem}.timeline-header{margin-bottom:1.5rem}.timeline-container{flex-direction:column;gap:1.25rem;display:flex;position:relative}.timeline-line{background:linear-gradient(#0000,#27312b 20% 80%,#0000);width:2px;position:absolute;top:0;bottom:0;left:1.25rem}.timeline-item{z-index:2;align-items:flex-start;gap:1.25rem;display:flex;position:relative}.timeline-icon-box{background-color:#111613;border:1px solid #27312b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex;box-shadow:0 4px 6px -1px #0000001a}.timeline-icon-box span{font-size:18px}.box-primary{color:#4be277}.box-secondary{color:#7bd0ff}.box-tertiary{color:#ffba61}.timeline-card{background-color:#111613;border:1px solid #27312b;border-radius:.5rem;flex:1;padding:1rem;transition:border-color .2s}.timeline-card:hover{border-color:#27312b}.timeline-card-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.timeline-card-title{color:#d6e5ea;font-size:12px;font-weight:700}.timeline-time{color:#bccbb9;font-family:ui-monospace,monospace;font-size:12px}.timeline-desc{color:#bccbb9;font-size:14px;line-height:20px}@media (width<=1024px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.bento-grid{grid-template-columns:1fr}}.users-management-container{color:#d6e5ea;background-color:#0b0f0d;width:100vw;min-height:100vh;display:flex;position:absolute;top:0;left:0;overflow-x:hidden}.users-sidebar{z-index:50;background-color:#111613;border-right:1px solid #27312b;flex-direction:column;width:260px;height:100vh;display:flex;position:fixed;top:0;left:0}.users-main-wrapper{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;display:flex}.users-topbar{z-index:40;background-color:#0b0f0d;border-bottom:1px solid #27312b;justify-content:space-between;align-items:center;height:72px;padding:0 2rem;display:flex;position:fixed;top:0;left:260px;right:0}.topbar-tabs{align-items:center;gap:1.5rem;height:100%;display:flex}.topbar-tab{color:#bccbb9;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding-bottom:.25rem;font-size:12px;font-weight:600;transition:all .2s}.topbar-right{align-items:center;gap:1.5rem;display:flex}.users-canvas-content{background-color:#0b0f0d;flex:1;margin-top:72px;padding:2rem}.page-heading{letter-spacing:-.02em;color:#d6e5ea;font-size:36px;font-weight:700;line-height:44px}.page-subheading{color:#bccbb9;margin-top:.25rem;font-size:14px;line-height:20px}.btn-add-user{color:#004b1e;cursor:pointer;background-color:#22c55e;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 0 15px #22c55e33}.btn-add-user:hover{background-color:#4ade80}.users-summary-bento{grid-template-columns:repeat(12,1fr);gap:1.5rem;display:grid}.summary-card{background-color:#151a17;border:1px solid #27312b;border-radius:.75rem;flex-direction:column;justify-content:space-between;padding:1.25rem;display:flex;position:relative;overflow:hidden}.total-users-card{grid-column:span 3}.stat-status-card{grid-column:span 2;transition:background-color .2s}.stat-status-card:hover{background-color:#1b211e}.with-device-card{background:linear-gradient(135deg,#151a17,#0b0f0d);border-color:#22c55e4d;grid-column:span 3}.bg-watermark{opacity:.08;pointer-events:none;position:absolute;top:-1rem;right:-1rem}.watermark-icon{font-size:100px}.card-label{letter-spacing:.05em;color:#bccbb9;text-transform:uppercase;font-size:12px;font-weight:600}.total-val-row{align-items:baseline;gap:.5rem;margin-top:1rem;display:flex}.total-number{letter-spacing:-.02em;color:#d6e5ea;font-size:36px;font-weight:700;line-height:44px}.trend-up{color:#4be277;font-size:11px;font-weight:600}.status-icon-circle{border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;margin-bottom:1rem;display:flex}.status-icon-circle.green{color:#4ade80;background-color:#4ade801a}.status-icon-circle.amber{color:#f59e0b;background-color:#f59e0b1a}.status-icon-circle.red{color:#ef4444;background-color:#ef44441a}.status-count{color:#d6e5ea;margin-top:.25rem;font-size:28px;font-weight:600;line-height:36px}.device-val-row{justify-content:space-between;align-items:flex-end;margin-top:1rem;display:flex}.adoption-rate{color:#bccbb9;align-items:center;gap:.25rem;margin-bottom:.5rem;font-size:11px;display:flex}.users-toolbar-card{background-color:#111613;border:1px solid #27312b;border-radius:.75rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.users-search-input{color:#d6e5ea;background-color:#151a17;border:1px solid #27312b;border-radius:.5rem;outline:none;width:100%;padding:.625rem 1rem .625rem 2.5rem;font-size:14px;transition:all .2s}.users-search-input:focus{border-color:#4be277;box-shadow:0 0 0 1px #4be27766}.filters-right-group{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.toolbar-select{color:#d6e5ea;letter-spacing:.05em;cursor:pointer;background-color:#151a17;border:1px solid #27312b;border-radius:.5rem;outline:none;padding:.625rem 2rem .625rem 1rem;font-size:12px;font-weight:600}.toolbar-select:focus{border-color:#4be277}.checkbox-filter-label{letter-spacing:.05em;color:#d6e5ea;cursor:pointer;background-color:#151a17;border:1px solid #27312b;border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:12px;font-weight:600;transition:background-color .2s;display:flex}.checkbox-filter-label:hover{background-color:#1b211e}.custom-checkbox{accent-color:#22c55e;cursor:pointer;width:1rem;height:1rem}.btn-export-icon{color:#bccbb9;cursor:pointer;background:0 0;border:1px solid #27312b;border-radius:.5rem;justify-content:center;align-items:center;padding:.625rem;transition:all .2s;display:flex}.btn-export-icon:hover{color:#d6e5ea;background-color:#1b211e}.users-table-card{background-color:#111613;border:1px solid #27312b;border-radius:.75rem;overflow:hidden}.users-table{border-collapse:collapse;text-align:left;width:100%}.users-table th{color:#bccbb9;letter-spacing:.05em;background-color:#111613;border-bottom:1px solid #27312b;padding:1rem 1.5rem;font-size:12px;font-weight:600}.user-tr{border-bottom:1px solid #27312b;transition:background-color .2s}.user-tr:hover{background-color:#1b211e}.user-tr td{padding:1rem 1.5rem;font-size:14px}.tr-suspended td{opacity:.7}.user-profile-cell{align-items:center;gap:.75rem;display:flex}.user-avatar-wrap{background-color:#1b211e;border:1px solid #27312b;border-radius:50%;flex-shrink:0;width:2.5rem;height:2.5rem;overflow:hidden}.user-avatar-wrap.border-primary{border:2px solid #4be277}.user-avatar-wrap img{object-fit:cover;width:100%;height:100%}.user-name-title{color:#d6e5ea;align-items:center;gap:.25rem;font-size:14px;font-weight:600;display:flex}.verified-glyph{color:#4be277;font-size:14px}.user-id-sub{color:#bccbb9;margin-top:.125rem;font-size:11px}.user-email-text{color:#d6e5ea}.user-phone-sub{color:#bccbb9;margin-top:.125rem;font-size:11px}.role-badge{letter-spacing:.05em;border-radius:.25rem;padding:.25rem .5rem;font-size:11px;font-weight:700;display:inline-block}.role-user{color:#d6e5ea;background-color:#253337}.role-admin{color:#4be277;background-color:#22c55e1a;border:1px solid #22c55e4d}.active-pill{color:#4ade80;background-color:#4ade801a;border:1px solid #4ade8033}.suspended-pill{color:#f59e0b;background-color:#f59e0b1a;border:1px solid #f59e0b33}.status-dot{border-radius:50%;width:6px;height:6px}.status-dot.green{background-color:#4ade80}.status-dot.amber{background-color:#f59e0b}.device-id-cell{color:#d6e5ea;align-items:center;gap:.5rem;display:flex}.unpaired-text{color:#bccbb9;font-style:italic}.online-now-badge{color:#4ade80;align-items:center;gap:.25rem;font-weight:600;display:flex}.created-date-sub{color:#bccbb9;margin-top:.125rem;font-size:11px}.table-actions-group{opacity:0;justify-content:flex-end;gap:.5rem;transition:opacity .2s;display:flex}.user-tr:hover .table-actions-group{opacity:1}.row-action-btn{color:#bccbb9;cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.35rem;transition:all .2s;display:flex}.row-action-btn:hover{color:#d6e5ea;background-color:#1b211e}.hover-amber:hover{color:#f59e0b;background-color:#f59e0b1a}.hover-green:hover{color:#4ade80;background-color:#4ade801a}.table-pagination-footer{background-color:#111613;border-top:1px solid #27312b;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.showing-entries-text{color:#bccbb9;font-size:12px}.pagination-buttons{align-items:center;gap:.5rem;display:flex}.p-nav-btn{color:#bccbb9;cursor:pointer;background:0 0;border:1px solid #27312b;border-radius:.375rem;padding:.375rem .75rem;font-size:12px;transition:all .2s}.p-nav-btn:hover:not(:disabled){color:#d6e5ea;background-color:#1b211e}.p-nav-btn:disabled{opacity:.5;cursor:not-allowed}.p-num-btn{color:#bccbb9;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.375rem;width:2rem;height:2rem;font-size:12px;font-weight:500;transition:all .2s}.p-num-btn:hover{color:#d6e5ea;background-color:#1b211e}.p-num-btn.active{color:#4be277;background-color:#4be2771a;border-color:#4be2774d;font-weight:700}.ellipsis-span{color:#bccbb9;padding:0 .25rem}@media (width<=1024px){.users-summary-bento{grid-template-columns:repeat(2,1fr)}.total-users-card,.with-device-card,.stat-status-card{grid-column:span 1}}.app-topbar{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0b0f0d;border-bottom:1px solid #27312b;justify-content:space-between;align-items:center;height:72px;padding:0 2rem;display:flex;position:fixed;top:0;left:260px;right:0}.topbar-left-cluster{align-items:center;gap:1.5rem;display:flex}.topbar-title{color:#d6e5ea;font-size:20px;font-weight:700;line-height:28px}.topbar-role-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:.25rem;padding:.25rem .625rem;font-size:11px;font-weight:700}.badge-admin-tag{color:#4be277;background-color:#4be2771a;border:1px solid #4be2774d}.badge-staff-tag{color:#7bd0ff;background-color:#7bd0ff1a;border:1px solid #7bd0ff4d}.topbar-tab-btn{color:#bccbb9;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding-bottom:.25rem;font-size:12px;font-weight:600;transition:all .2s}.topbar-tab-btn:hover{color:#d6e5ea}.topbar-tab-btn.active{color:#4be277;border-bottom-color:#4be277;font-weight:700}.topbar-right-cluster{align-items:center;gap:1.5rem;display:flex}.role-switcher-wrap{background-color:#151a17;border:1px solid #27312b;border-radius:.375rem;align-items:center;padding:.125rem;display:flex}.role-switch-btn{color:#bccbb9;cursor:pointer;background:0 0;border:none;border-radius:.25rem;padding:.25rem .625rem;font-size:11px;font-weight:600;transition:all .2s}.role-switch-btn.active{color:#0b0f0d;background-color:#22c55e}.topbar-icon-btn{color:#bccbb9;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:color .2s;display:flex}.user-avatar-circle{cursor:pointer;background-color:#151a17;border:1px solid #27312b;border-radius:50%;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex;overflow:hidden}.user-avatar-h{color:#4be277;-webkit-user-select:none;user-select:none;border-color:#4be27766;font-size:15px;font-weight:700}.user-avatar-circle img{object-fit:cover;width:100%;height:100%}.custom-datatable-card{background-color:#111613;border:1px solid #27312b;border-radius:.5rem;flex-direction:column;display:flex;overflow:hidden}.custom-datatable{border-collapse:collapse;text-align:left;width:100%}.custom-datatable th{color:#94a3a8;letter-spacing:.05em;background-color:#111613;border-bottom:1px solid #27312b;padding:.75rem 1rem;font-size:12px;font-weight:600}.table-data-row{cursor:pointer;border-bottom:1px solid #27312b;transition:background-color .15s}.table-data-row:hover{background-color:#1b211e}.table-data-row td{padding:.85rem 1rem;font-size:14px}.no-data-cell{text-align:center;color:#94a3a8;padding:3rem 1rem}.table-pagination-bar{background-color:#111613;border-top:1px solid #27312b;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.text-highlight{color:#d6e5ea;font-weight:600}.pagination-btn-group{align-items:center;gap:.35rem;display:flex}.page-btn{color:#94a3a8;cursor:pointer;background-color:#151a17;border:1px solid #27312b;border-radius:.25rem;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:12px;font-weight:600;transition:all .2s;display:flex}.page-btn:hover:not(:disabled){color:#d6e5ea;border-color:#4be277}.page-btn.active{color:#4be277;background-color:#4be2771a;border-color:#4be277}.text-right{text-align:right}.text-center{text-align:center}.interested-users{min-width:0;max-width:1440px;margin:auto}.interested-users__header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.interested-users h1{color:var(--text-white);margin-bottom:8px;font-size:32px}.interested-users__header p,.interested-users__pagination{color:var(--text-muted);font-size:14px}.interested-users button{background:var(--bg-layer-2);color:var(--text-body);border:1px solid var(--border-standard);cursor:pointer;font:inherit;border-radius:8px;padding:10px 16px}.interested-users button:hover:not(:disabled){border-color:var(--color-primary)}.interested-users button:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.interested-users button:disabled{opacity:.5;cursor:default}.interested-users__count{color:var(--color-primary-light);margin-bottom:20px}.interested-users__error{color:var(--color-danger);border:1px solid var(--border-standard);border-radius:8px;padding:24px}.interested-users__notes{white-space:pre-wrap;overflow-wrap:anywhere;min-width:170px;max-width:340px;display:block}.interested-users .table-data-row{cursor:default}.interested-users__pagination{justify-content:flex-end;align-items:center;gap:12px;margin-top:20px;display:flex}.interested-users__pagination>span{margin-right:auto}@media (width<=700px){.interested-users__header{flex-direction:column;align-items:flex-start}.interested-users h1{font-size:26px}}.provision-staff-page{color:#d6e5ea;background-color:#0b0f0d;width:100vw;min-height:100vh;display:flex;position:absolute;top:0;left:0;overflow-x:hidden}.provision-sidebar{z-index:50;background-color:#111613;border-right:1px solid #27312b;flex-direction:column;width:260px;height:100vh;padding:1.5rem 0;display:flex;position:fixed;top:0;left:0}.sidebar-brand-header{padding:0 1.5rem 1.5rem}.brand-sub{letter-spacing:.05em;color:#bccbb9;text-transform:uppercase;margin-top:.25rem;font-size:12px;font-weight:600;line-height:16px}.provision-main-wrapper{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;display:flex}.provision-topbar{z-index:40;background-color:#0b0f0d;border-bottom:1px solid #27312b;justify-content:space-between;align-items:center;height:72px;padding:0 2rem;display:flex;position:fixed;top:0;left:260px;right:0}.topbar-nav-tabs{align-items:center;gap:1.5rem;display:flex}.topbar-tab{color:#bccbb9;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding-bottom:.25rem;font-size:14px;transition:color .2s}.topbar-tab.active{color:#d6e5ea;font-weight:600}.topbar-right-controls{align-items:center;gap:1rem;display:flex}.system-status-pill{color:#4ade80;background-color:#4ade801a;border-radius:9999px;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:11px;font-weight:500;display:flex}.live-pulse-dot{background-color:#4ade80;border-radius:50%;width:8px;height:8px}.icon-btn{color:#bccbb9;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:flex}.provision-canvas-content{background-color:#0b0f0d;flex:1;margin-top:72px;padding:2rem}.canvas-max-wrap{flex-direction:column;max-width:1200px;margin:0 auto;display:flex}.page-header-row{margin-bottom:2rem}.page-main-heading{letter-spacing:-.02em;color:#d6e5ea;margin-bottom:.5rem;font-size:36px;font-weight:700;line-height:44px}.page-sub-heading{color:#bccbb9;font-size:16px}.provision-bento-grid{grid-template-columns:8fr 4fr;gap:1.5rem;display:grid}.form-left-col{flex-direction:column;gap:1.5rem;display:flex}.form-card-section{background-color:#151a17;border:1px solid #27312b;border-radius:.5rem;padding:1.5rem}.section-header-row{border-bottom:1px solid #27312b;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.section-title{color:#d6e5ea;font-size:18px;font-weight:600;line-height:24px}.fields-grid-2x2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.employee-id-banner{background-color:#151a17;border:1px solid #27312b;border-radius:.375rem;grid-column:span 2;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:1rem;display:flex}.field-label-sm{letter-spacing:.03em;color:#bccbb9;margin-bottom:.25rem;font-size:11px;font-weight:500;display:block}.emp-id-val{color:#d6e5ea;font-size:16px}.btn-refresh-id{color:#4be277;cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.5rem;transition:transform .2s;display:flex}.btn-refresh-id:hover{transform:rotate(90deg)}.field-group{flex-direction:column;display:flex}.field-label{letter-spacing:.05em;color:#bccbb9;margin-bottom:.35rem;font-size:12px;font-weight:600}.custom-form-input{color:#f8fafc;background-color:#151a17;border:1px solid #27312b;border-radius:.375rem;outline:none;width:100%;padding:.625rem .75rem;font-size:14px;transition:all .2s}.custom-form-input:focus{border-color:#22c55e;box-shadow:0 0 8px #22c55e26}.appearance-none{cursor:pointer}.fields-grid-3{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.security-form-stack{flex-direction:column;gap:1rem;max-width:420px;display:flex}.password-input-wrap{position:relative}.btn-toggle-pw{color:#bccbb9;cursor:pointer;background:0 0;border:none;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.password-strength-bar{align-items:center;gap:.75rem;display:flex}.strength-track{background-color:#151a17;border-radius:9999px;flex:1;height:6px;overflow:hidden}.strength-fill{background-color:#4be277;width:66%;height:100%}.strength-caption{color:#4be277;font-size:11px;font-weight:500}.checkbox-toggle-label{color:#bccbb9;cursor:pointer;align-items:center;gap:.75rem;margin-top:.5rem;font-size:14px;display:flex}.custom-checkbox{accent-color:#22c55e;border-radius:.25rem;width:1.15rem;height:1.15rem}.preview-right-col{position:relative}.sticky-preview-wrapper{position:sticky;top:1.5rem}.preview-heading{color:#d6e5ea;margin-bottom:1rem;font-size:18px;font-weight:600;line-height:24px}.profile-preview-card{background-color:#151a17;border:1px solid #27312b;border-radius:.75rem;overflow:hidden}.preview-banner-bg{background-color:#1b211e;height:6rem;position:relative;overflow:hidden}.banner-diagonal-pattern{opacity:.2;background-image:repeating-linear-gradient(45deg,#22c55e 0 1px,#0000 1px 10px);position:absolute;inset:0}.preview-card-body{padding:0 1.5rem 1.5rem;position:relative}.preview-avatar-circle{background-color:#151a17;border:4px solid #151a17;border-radius:50%;justify-content:center;align-items:center;width:5rem;height:5rem;margin:-2.5rem auto 1rem;display:flex;position:relative}.default-user-icon{color:#bccbb9;font-size:36px}.preview-name-center{text-align:center;margin-bottom:1.5rem}.preview-full-name{color:#d6e5ea;font-size:20px;font-weight:600;line-height:28px}.preview-role-dept{color:#bccbb9;margin-top:.25rem;font-size:14px}.preview-status-pill{border-radius:9999px;margin-top:.5rem;padding:.125rem .625rem;font-size:11px;font-weight:600;display:inline-block}.pill-leave{color:#f59e0b;background-color:#f59e0b1a;border:1px solid #f59e0b33}.preview-meta-rows{border-top:1px solid #27312b;flex-direction:column;gap:.75rem;padding-top:1rem;display:flex}.meta-row{color:#bccbb9;align-items:center;gap:.75rem;font-size:12px;display:flex}.provision-action-bar{border-top:1px solid #27312b;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;padding-bottom:3rem;display:flex}.btn-cancel-action{color:#f8fafc;cursor:pointer;background:0 0;border:1px solid #27312b;border-radius:.375rem;padding:.625rem 1.5rem;font-size:12px;font-weight:600;transition:background-color .2s}.btn-cancel-action:hover{background-color:#1b211e}.btn-create-action{color:#0b0f0d;cursor:pointer;background-color:#22c55e;border:none;border-radius:.375rem;padding:.625rem 1.5rem;font-size:12px;font-weight:700;transition:background-color .2s;box-shadow:0 0 15px #22c55e33}.btn-create-action:hover{background-color:#4ade80}@media (width<=1024px){.provision-bento-grid{grid-template-columns:1fr}}.user-detail-container{color:#d6e5ea;background-color:#0b0f0d;width:100vw;min-height:100vh;display:flex;position:absolute;top:0;left:0;overflow-x:hidden}.user-sidebar{z-index:50;background-color:#111613;border-right:1px solid #27312b;flex-direction:column;width:260px;height:100vh;display:flex;position:fixed;top:0;left:0}.brand-sub-txt{letter-spacing:.05em;color:#bccbb9;margin-top:.25rem;font-size:12px;font-weight:600;line-height:16px}.sidebar-cta-box{padding:0 1rem 1rem}.btn-sidebar-ticket{color:#004b1e;letter-spacing:.05em;cursor:pointer;background-color:#22c55e;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:12px;font-weight:700;transition:background-color .2s;display:flex}.sidebar-menu-btn{color:#bccbb9;letter-spacing:.05em;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:12px;font-weight:600;transition:all .2s;display:flex}.sidebar-menu-btn.active{color:#d6e5ea;background-color:#4be2771a;border-left:3px solid #4be277;border-top-left-radius:0;border-bottom-left-radius:0;font-weight:700}.sidebar-footer-menu{border-top:1px solid #27312b;flex-direction:column;gap:.25rem;padding:.5rem;display:flex}.sidebar-menu-btn.logout{color:#ffb4ab}.user-main-wrapper{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;display:flex}.user-topbar{z-index:40;background-color:#0b0f0d;border-bottom:1px solid #27312b;justify-content:space-between;align-items:center;height:72px;padding:0 2rem;display:flex;position:fixed;top:0;left:260px;right:0}.topbar-page-title{color:#d6e5ea;font-size:20px;font-weight:700;line-height:28px}.topbar-nav-links{align-items:center;gap:1.5rem;display:flex}.tab-link{color:#bccbb9;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding-bottom:.25rem;font-size:12px;font-weight:600;transition:all .2s}.tab-link:hover{color:#d6e5ea}.tab-link.active{color:#4be277;border-bottom-color:#4be277;font-weight:700}.topbar-actions{color:#bccbb9;align-items:center;gap:1rem;display:flex}.staff-avatar-circle{border:1px solid #27312b;border-radius:50%;width:2rem;height:2rem;overflow:hidden}.staff-avatar-circle img{object-fit:cover;width:100%;height:100%}.user-content-canvas{background-color:#111613;flex:1;margin-top:72px;padding:2rem}.user-header-row{justify-content:space-between;align-items:flex-end;display:flex}.tag-badges-row{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.id-tag{color:#bccbb9;background-color:#151a17;border-radius:.25rem;padding:.25rem .5rem;font-size:11px;font-weight:600}.status-pill{border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .75rem;font-size:11px;font-weight:600;display:inline-flex}.status-suspended{color:#f59e0b;background-color:#f59e0b1a;border:1px solid #f59e0b33}.user-main-title{letter-spacing:-.02em;color:#d6e5ea;font-size:36px;font-weight:700;line-height:44px}.user-header-actions{gap:.75rem;display:flex}.btn-neutral-action{color:#d6e5ea;cursor:pointer;background-color:#151a17;border:1px solid #27312b;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:12px;font-weight:600;transition:background-color .2s;display:flex}.btn-neutral-action:hover{background-color:#151a17}.btn-primary-action{color:#004b1e;cursor:pointer;background-color:#22c55e;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:12px;font-weight:700;transition:background-color .2s;display:flex}.user-bento-grid{grid-template-columns:4fr 8fr;gap:1.5rem;display:grid}.card-heading{color:#d6e5ea;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:18px;font-weight:600;display:flex}.icon-primary{color:#4be277}.identity-card{flex-direction:column;display:flex}.identity-avatar-row{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.identity-avatar-ring{border:2px solid #4be2774d;border-radius:50%;width:5rem;height:5rem;padding:.25rem;overflow:hidden}.identity-avatar-ring img{object-fit:cover;border-radius:50%;width:100%;height:100%}.identity-name{color:#d6e5ea;font-size:20px;font-weight:600;line-height:28px}.identity-role{color:#bccbb9;font-size:14px;line-height:20px}.identity-details-list{flex-direction:column;flex:1;display:flex}.detail-row{border-bottom:1px solid #3d4a3d80;justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.detail-row.no-border{border-bottom:none}.detail-key{color:#bccbb9;font-size:12px;font-weight:600}.detail-val{color:#d6e5ea;font-size:14px}.right-column-stack{flex-direction:column;gap:1.5rem;display:flex}.paired-device-card{position:relative}.ambient-glow{filter:blur(48px);pointer-events:none;background-color:#4be2770d;border-radius:50%;width:16rem;height:16rem;margin-top:-5rem;margin-right:-5rem;position:absolute;top:0;right:0}.device-content-flex{align-items:center;gap:2rem;display:flex}.device-photo-wrap{background-color:#151a17;border:1px solid #27312b;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:12rem;height:8rem;padding:1rem;display:flex;overflow:hidden}.device-photo-wrap img{object-fit:cover;border-radius:.375rem;width:100%;height:100%}.device-info-grid{flex:1;grid-template-columns:1fr 1fr;gap:1rem 2rem;display:grid}.info-cell{flex-direction:column;display:flex}.cell-label{color:#bccbb9;margin-bottom:.25rem;font-size:11px;font-weight:500}.cell-value-lg{color:#d6e5ea;font-size:16px;font-weight:600}.cell-value{color:#d6e5ea;font-size:14px}.inline-status-pill{color:#4ade80;background-color:#4ade801a;border:1px solid #4ade8033;border-radius:9999px;align-items:center;gap:.35rem;width:fit-content;padding:.25rem .5rem;font-size:11px;font-weight:500;display:inline-flex}.bottom-subgrid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.locations-list{flex-direction:column;gap:.75rem;display:flex}.location-item-box{background-color:#1b211e;border:1px solid #27312b;border-radius:.5rem;align-items:center;gap:1rem;padding:.75rem;transition:background-color .2s;display:flex}.location-item-box:hover{background-color:#151a17}.location-icon-box{color:#bccbb9;background-color:#151a17;border-radius:.25rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.location-label{color:#d6e5ea;font-size:12px;font-weight:600}.location-address{color:#bccbb9;font-size:11px}.admin-actions-card{border-color:#ffb4ab4d;flex-direction:column;display:flex}.admin-desc{color:#bccbb9;margin-bottom:1rem;font-size:12px}.admin-buttons-stack{flex-direction:column;gap:.75rem;margin-top:auto;display:flex}.admin-btn{cursor:pointer;background-color:#1b211e;border:1px solid #27312b;border-radius:.25rem;justify-content:space-between;align-items:center;width:100%;padding:.5rem 1rem;font-size:12px;font-weight:600;transition:all .2s;display:flex}.admin-btn.neutral{color:#d6e5ea}.admin-btn.neutral:hover{background-color:#151a17}.admin-btn.warning{color:#f59e0b;border-color:#f59e0b4d}.admin-btn.warning:hover{background-color:#f59e0b1a}@media (width<=1024px){.user-bento-grid,.bottom-subgrid{grid-template-columns:1fr}}.user-activity-page{color:#d6e5ea;background-color:#0b0f0d;width:100vw;min-height:100vh;display:flex;position:absolute;top:0;left:0;overflow-x:hidden}.activity-sidebar{z-index:50;background-color:#111613;border-right:1px solid #27312b;flex-direction:column;width:260px;height:100vh;padding:2rem 0 1.5rem;display:flex;position:fixed;top:0;left:0}.sidebar-brand-wrap{margin-bottom:2rem;padding:0 1.5rem}.brand-title-lg{color:#4be277;letter-spacing:-.02em;font-size:32px;font-weight:700;line-height:40px}.brand-sub-cap{letter-spacing:.05em;color:#bccbb9;text-transform:uppercase;margin-top:.25rem;font-size:12px;font-weight:600;line-height:16px}.status-live-pill{color:#d6e5ea;background-color:#1b211e;border:1px solid #27312b;border-radius:.25rem;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:12px;font-weight:600;display:flex}.sidebar-nav-item{color:#869585;letter-spacing:.05em;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.25rem;align-items:center;gap:1rem;width:100%;padding:.75rem 1rem;font-size:12px;font-weight:600;transition:all .2s;display:flex}.sidebar-bottom-list{border-top:1px solid #27312b;flex-direction:column;gap:.25rem;padding:1rem 1rem 0;display:flex}.sidebar-nav-item.logout{color:#ffb4ab}.activity-main-wrapper{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;display:flex}.activity-topbar{z-index:40;background-color:#0b0f0d;border-bottom:1px solid #27312b;justify-content:space-between;align-items:center;height:72px;padding:0 2rem;display:flex;position:fixed;top:0;left:260px;right:0}.topbar-title-flex{align-items:center;display:flex}.mobile-menu-btn{color:#bccbb9;cursor:pointer;background:0 0;border:none;margin-right:1rem;display:none}.topbar-heading{color:#d6e5ea;letter-spacing:-.01em;font-size:20px;font-weight:700;line-height:28px}.topbar-avatar-circle{background-color:#1b211e;border:1px solid #27312b;border-radius:50%;width:2rem;height:2rem;overflow:hidden}.topbar-avatar-circle img{object-fit:cover;width:100%;height:100%}.activity-canvas-content{background-color:#0b0f0d;flex:1;margin-top:72px;padding:2rem}.activity-header-section{border-bottom:1px solid #27312b;justify-content:space-between;align-items:flex-end;padding-bottom:1rem;display:flex}.back-breadcrumb-btn{color:#869585;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:12px;font-weight:600;transition:color .2s;display:flex}.back-breadcrumb-btn:hover{color:#4be277}.user-title-heading{letter-spacing:-.02em;color:#d6e5ea;font-size:36px;font-weight:700;line-height:44px}.user-meta-tags{align-items:center;gap:1rem;margin-top:.5rem;display:flex}.id-sub-tag{letter-spacing:.05em;color:#bccbb9;text-transform:uppercase;font-size:12px;font-weight:600}.status-pill-green{color:#4be277;background-color:#4be2771a;border:1px solid #4be27733;border-radius:.25rem;align-items:center;gap:.35rem;padding:.25rem .5rem;font-size:11px;font-weight:500;display:inline-flex}.dot-green{background-color:#4be277;border-radius:50%;width:6px;height:6px}.btn-export-log{color:#d6e5ea;letter-spacing:.05em;cursor:pointer;background:0 0;border:1px solid #27312b;border-radius:.25rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:12px;font-weight:600;transition:background-color .2s;display:flex}.btn-export-log:hover{background-color:#1b211e}.timeline-container-card{background-color:#111613;border:1px solid #27312b;border-radius:.5rem;padding:2rem}.timeline-card-header{border-bottom:1px solid #27312b;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.5rem;display:flex}.timeline-title{color:#d6e5ea;font-size:18px;font-weight:600;line-height:24px}.timeline-filter-group{align-items:center;gap:.5rem;display:flex}.filter-label{letter-spacing:.05em;color:#869585;font-size:11px;font-weight:600}.timeline-select{color:#d6e5ea;letter-spacing:.05em;cursor:pointer;background-color:#151a17;border:1px solid #27312b;border-radius:.25rem;outline:none;padding:.375rem .75rem;font-size:12px;font-weight:600;transition:all .2s}.timeline-select:focus{border-color:#4be277;box-shadow:0 0 8px #22c55e26}.timeline-feed-wrap{padding-left:.5rem;position:relative}.timeline-day-group{margin-bottom:2rem}.timeline-date-marker{z-index:10;margin-bottom:1.5rem;position:relative}.date-badge-text{letter-spacing:.05em;color:#869585;text-transform:uppercase;background-color:#111613;padding-right:.5rem;font-size:11px;font-weight:600}.timeline-items-list{flex-direction:column;gap:1.5rem;display:flex}.timeline-event-item{padding-left:3rem;position:relative}.timeline-vertical-line{background-color:#27312b;width:2px;position:absolute;top:32px;bottom:-24px;left:19px}.timeline-event-item:last-child .timeline-vertical-line{display:none}.timeline-icon-node{z-index:10;background-color:#151a17;border:1px solid #27312b;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;transition:all .2s;display:flex;position:absolute;top:0;left:0}.timeline-event-item:hover .timeline-icon-node{border-color:#4be277;box-shadow:0 0 8px #22c55e26}.event-glyph{color:#869585;font-size:20px;transition:color .2s}.timeline-event-item:hover .event-glyph{color:#4be277}.event-detail-card{background-color:#151a17;border:1px solid #27312b;border-radius:.25rem;padding:1rem;transition:background-color .2s}.timeline-event-item:hover .event-detail-card{background-color:#1b211e}.event-top-line{justify-content:space-between;align-items:flex-start;margin-bottom:.25rem;display:flex}.event-heading{color:#d6e5ea;font-size:18px;font-weight:600;line-height:24px}.event-time-stamp{color:#869585;font-size:12px}.event-desc-text{color:#bccbb9;margin-bottom:.5rem;font-size:14px;line-height:20px}.event-badges-row{align-items:center;gap:.75rem;margin-top:.75rem;display:flex}.event-inline-badge{color:#869585;background-color:#0b0f0d;border:1px solid #27312b;border-radius:.25rem;align-items:center;padding:.25rem .5rem;font-size:11px;font-weight:500;display:inline-flex}.timeline-card-footer{border-top:1px solid #27312b;justify-content:center;margin-top:1.5rem;padding-top:1rem;display:flex}.btn-load-more{color:#869585;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;font-size:12px;font-weight:600;transition:color .2s;display:flex}.btn-load-more:hover{color:#4be277}@media (width<=768px){.activity-sidebar{display:none}.activity-main-wrapper{margin-left:0}.activity-topbar{left:0}.mobile-menu-btn{display:block}}.staff-mgmt-container{color:#f8fafc;background-color:#0b0f0d;width:100vw;min-height:100vh;display:flex;position:absolute;top:0;left:0;overflow-x:hidden}.staff-sidebar{z-index:50;background-color:#111613;border-right:1px solid #27312b;flex-direction:column;width:260px;height:100vh;display:flex;position:fixed;top:0;left:0}.brand-logo-badge{background-color:#1b211e;border:1px solid #27312b;border-radius:.5rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.brand-glyph{color:#4be277;font-size:22px}.brand-sub-text{color:#bccbb9;font-size:12px;line-height:16px}.sidebar-nav-list{flex-direction:column;flex:1;gap:.25rem;padding:1.5rem .75rem;display:flex;overflow-y:auto}.sidebar-nav-item{color:#bccbb9;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.25rem;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:14px;font-weight:500;transition:all .2s;display:flex}.sidebar-nav-item:hover{color:#f8fafc;background-color:#1b211e}.sidebar-nav-item.active{color:#f8fafc;background-color:#4be2771a;border-left:3px solid #4be277;border-top-left-radius:0;border-bottom-left-radius:0;font-weight:700}.sidebar-footer-nav{border-top:1px solid #3d4a3d4d;flex-direction:column;gap:.25rem;padding:1rem .75rem;display:flex}.sidebar-footer-item{color:#bccbb9;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.25rem;align-items:center;gap:.75rem;width:100%;padding:.5rem 1rem;font-size:12px;font-weight:600;transition:all .2s;display:flex}.sidebar-footer-item:hover{color:#f8fafc;background-color:#1b211e}.sidebar-footer-item.active{color:#4be277;background-color:#1b211e;font-weight:700}.sidebar-footer-item.active .footer-icon{color:#4be277}.logout-link{color:#ffb4ab}.footer-icon{font-size:20px}.staff-main-area{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;display:flex}.staff-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:40;background-color:#0b0f0d;border-bottom:1px solid #3d4a3d80;justify-content:space-between;align-items:center;height:72px;padding:0 2rem;display:flex;position:fixed;top:0;left:260px;right:0}.topbar-left-group{align-items:center;gap:1rem;display:flex}.admin-badge-tag{letter-spacing:.05em;color:#ffb4ab;background-color:#1b211e;border:1px solid #ffb4ab33;border-radius:.25rem;padding:.25rem .5rem;font-size:11px;font-weight:700}.topbar-right-group{align-items:center;gap:1.5rem;display:flex}.staff-avatar-thumb{background-color:#1b211e;border:1px solid #27312b;border-radius:50%;width:2.25rem;height:2.25rem;overflow:hidden}.staff-canvas-body{background-color:#0b0f0d;flex:1;margin-top:72px;padding:2rem}.staff-top-section{justify-content:space-between;align-items:flex-end;gap:1.5rem;display:flex}.stats-row-grid{flex:1;grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.stat-card{background-color:#151a17;border:1px solid #27312b;border-radius:.5rem;flex-direction:column;justify-content:space-between;min-height:110px;padding:1.25rem;display:flex}.stat-header{justify-content:space-between;align-items:flex-start;display:flex}.stat-label{letter-spacing:.05em;color:#bccbb9;text-transform:uppercase;font-size:12px;font-weight:600}.stat-value{letter-spacing:-.02em;color:#f8fafc;font-size:36px;font-weight:700;line-height:44px}.stat-trend{margin-top:.25rem;font-size:11px;font-weight:500}.btn-add-helper{color:#0b0f0d;cursor:pointer;white-space:nowrap;background-color:#22c55e;border:none;border-radius:.25rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:18px;font-weight:700;transition:background-color .2s;display:flex}.btn-add-helper:hover{background-color:#4ade80}.staff-table-card{background-color:#151a17;border:1px solid #27312b;border-radius:.5rem;flex-direction:column;display:flex;overflow:hidden}.table-toolbar{background-color:#111613;border-bottom:1px solid #27312b;justify-content:space-between;align-items:center;padding:1rem;display:flex}.search-wrap{width:280px;position:relative}.staff-search-input{color:#f8fafc;background-color:#151a17;border:1px solid #27312b;border-radius:.25rem;outline:none;width:100%;padding:.5rem 1rem .5rem 2.5rem;font-size:14px;transition:all .2s}.staff-search-input:focus{border-color:#22c55e;box-shadow:0 0 0 1px #22c55e}.btn-filter{color:#f8fafc;cursor:pointer;background:0 0;border:1px solid #27312b;border-radius:.25rem;align-items:center;gap:.25rem;padding:.375rem .75rem;font-size:12px;font-weight:600;transition:background-color .2s;display:flex}.btn-filter:hover{background-color:#1b211e}.table-scroll-wrap{overflow-x:auto}.staff-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}.staff-table th{color:#94a3a8;letter-spacing:.05em;background-color:#111613;border-bottom:1px solid #27312b;padding:.75rem 1.5rem;font-size:12px;font-weight:600}.staff-tr{transition:background-color .15s}.staff-tr td{border-bottom:1px solid #27312b;padding:1rem 1.5rem;font-size:14px}.staff-tr:hover td{background-color:#1b211e}.tr-terminated{opacity:.6;background-color:#151a17}.staff-name-cell{align-items:center;gap:.75rem;display:flex}.avatar-circle-wrap{background-color:#27312b;border-radius:50%;flex-shrink:0;width:2rem;height:2rem;overflow:hidden}.avatar-circle-wrap img{object-fit:cover;width:100%;height:100%}.avatar-initials-box{color:#94a3a8;background-color:#1b211e;justify-content:center;align-items:center;width:100%;height:100%;font-size:11px;font-weight:700;display:flex}.grayscale{filter:grayscale()}.staff-name-title{color:#f8fafc;font-weight:500}.staff-email-sub{color:#94a3a8;font-size:11px}.status-badge{border-radius:9999px;align-items:center;padding:.125rem .625rem;font-size:11px;font-weight:600;display:inline-flex}.badge-active{color:#4ade80;background-color:#4ade801a;border:1px solid #4be27733}.badge-leave{color:#f59e0b;background-color:#f59e0b1a;border:1px solid #f59e0b33}.badge-terminated{color:#ef4444;background-color:#ef44441a;border:1px solid #ef444433}.action-btn{color:#94a3a8;cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.35rem;transition:all .2s;display:flex}.action-btn:hover{color:#f8fafc;background-color:#27312b}.hover-red:hover{color:#ffb4ab;background-color:#ef44441a}.table-footer-bar{background-color:#111613;border-top:1px solid #27312b;justify-content:space-between;align-items:center;padding:1rem;display:flex}.footer-count-text{color:#94a3a8;font-size:12px}.pagination-arrows{gap:.25rem;display:flex}.arrow-btn{color:#94a3a8;cursor:pointer;background:0 0;border:1px solid #27312b;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.arrow-btn:hover:not(:disabled),.arrow-btn.active{color:#f8fafc;background-color:#1b211e}.arrow-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=1024px){.staff-top-section{flex-direction:column;align-items:stretch}.stats-row-grid{grid-template-columns:repeat(2,1fr)}}.helper-detail-container{color:#d6e5ea;background-color:#0b0f0d;width:100vw;min-height:100vh;display:flex;position:absolute;top:0;left:0;overflow-x:hidden}.helper-sidebar{z-index:50;background-color:#151a17;border-right:1px solid #27312b;flex-direction:column;width:260px;height:100vh;padding:1.5rem 0;display:flex;position:fixed;top:0;left:0}.sidebar-brand-row{align-items:center;gap:1rem;margin-bottom:2rem;padding:0 1.5rem;display:flex}.brand-badge-box{background-color:#151a17;border:1px solid #27312b;border-radius:.5rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.brand-main-title{color:#4be277;letter-spacing:-.01em;font-size:20px;font-weight:700;line-height:28px}.brand-sub-cap{letter-spacing:.08em;color:#bccbb9;text-transform:uppercase;margin-top:.125rem;font-size:11px;font-weight:600}.sidebar-links-stack{flex-direction:column;flex:1;gap:.25rem;padding:0 1rem;display:flex}.sidebar-admin-section{flex-direction:column;gap:.25rem;margin-top:auto;padding:0 1rem;display:flex}.admin-heading-label{letter-spacing:.05em;color:#bccbb9;text-transform:uppercase;margin-bottom:.5rem;padding:0 .75rem;font-size:11px;font-weight:600}.logout-btn{color:#ffb4ab}.helper-main-wrapper{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;display:flex}.helper-topbar{z-index:40;background-color:#0b0f0d;border-bottom:1px solid #27312b;justify-content:space-between;align-items:center;height:72px;padding:0 2rem;display:flex;position:fixed;top:0;left:260px;right:0}.topbar-breadcrumbs{align-items:center;gap:.5rem;display:flex}.breadcrumb-root-btn{color:#bccbb9;cursor:pointer;background:0 0;border:none;font-size:14px;transition:color .2s}.breadcrumb-root-btn:hover{color:#d6e5ea}.breadcrumb-sep{color:#bccbb9;font-size:16px}.breadcrumb-current{color:#4be277;letter-spacing:-.01em;font-size:18px;font-weight:700}.status-pill{letter-spacing:.05em;border-radius:9999px;align-items:center;gap:.35rem;margin-left:1rem;padding:.25rem .625rem;font-size:11px;font-weight:600;display:inline-flex}.pill-active{color:#4ade80;background-color:#4ade801a;border:1px solid #4ade8033}.pill-suspended{color:#f59e0b;background-color:#f59e0b1a;border:1px solid #f59e0b33}.pill-terminated{color:#ef4444;background-color:#ef44441a;border:1px solid #ef444433}.topbar-actions-row{align-items:center;gap:1rem;display:flex}.topbar-icon-btn{color:#bccbb9;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex}.topbar-icon-btn:hover{color:#d6e5ea}.topbar-avatar-thumb{background-color:#151a17;border:1px solid #27312b;border-radius:50%;width:2rem;height:2rem;margin-left:.5rem;overflow:hidden}.topbar-avatar-thumb img{object-fit:cover;width:100%;height:100%}.helper-canvas-content{background-color:#0b0f0d;flex:1;margin-top:72px;padding:2rem}.canvas-constrained-wrap{flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;display:flex}.helper-header-row{justify-content:space-between;align-items:flex-end;display:flex}.helper-main-name{letter-spacing:-.02em;color:#d6e5ea;margin-bottom:.5rem;font-size:36px;font-weight:700;line-height:44px}.helper-meta-sub{color:#bccbb9;align-items:center;gap:.75rem;font-size:16px;display:flex}.emp-badge{color:#94a3a8;background-color:#151a17;border:1px solid #27312b;border-radius:.25rem;padding:.125rem .5rem;font-family:ui-monospace,monospace;font-size:13px}.bullet-dot{color:#27312b}.helper-top-cta-group{align-items:center;gap:.75rem;display:flex}.btn-neutral-outline{color:#bccbb9;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #27312b;border-radius:.25rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:12px;font-weight:600;transition:background-color .2s;display:flex}.btn-neutral-outline:hover{color:#d6e5ea;background-color:#1b211e}.btn-primary-action{color:#0b0f0d;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background-color:#22c55e;border:none;border-radius:.25rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:12px;font-weight:700;transition:background-color .2s;display:flex}.btn-primary-action:hover{background-color:#4ade80}.helper-bento-grid{grid-template-columns:4fr 8fr;gap:1.5rem;display:grid}.bento-card{background-color:#151a17;border:1px solid #27312b;border-radius:.75rem;padding:1.5rem;position:relative;overflow:hidden}.card-title{color:#d6e5ea;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:20px;font-weight:600;line-height:28px;display:flex}.identity-profile-card{flex-direction:column;display:flex}.ambient-radial-glow{filter:blur(24px);pointer-events:none;background-color:#22c55e0d;border-radius:50%;width:8rem;height:8rem;margin-top:-2.5rem;margin-right:-2.5rem;position:absolute;top:0;right:0}.profile-fields-list{flex-direction:column;flex:1;gap:1.25rem;display:flex}.field-block{flex-direction:column;display:flex}.field-label{letter-spacing:.05em;color:#94a3a8;text-transform:uppercase;margin-bottom:.25rem;font-size:11px;font-weight:600}.field-val{color:#d6e5ea;font-size:16px;line-height:24px}.profile-footer-stats{border-top:1px solid #27312b;grid-template-columns:1fr 1fr;gap:1rem;margin-top:auto;padding-top:1rem;display:grid}.field-val-sub{color:#bccbb9;font-size:14px}.live-activity{align-items:center;gap:.35rem;display:flex}.workload-right-column{flex-direction:column;gap:1.5rem;display:flex}.metrics-triad-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.stat-metric-box{padding:1.25rem;transition:background-color .2s}.stat-metric-box:hover{background-color:#1b211e}.positive-gradient{background:linear-gradient(135deg,#22c55e0d,#151a17)}.metric-header-line{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.metric-caption{letter-spacing:.05em;color:#94a3a8;text-transform:uppercase;font-size:12px;font-weight:600}.metric-val-flex{align-items:flex-end;gap:.75rem;display:flex}.metric-huge-num{color:#d6e5ea;font-size:36px;font-weight:700;line-height:1}.trend-down-pill{color:#4ade80;background-color:#4ade801a;border-radius:.25rem;align-items:center;margin-bottom:.25rem;padding:.125rem .375rem;font-size:11px;font-weight:500;display:inline-flex}.metric-status-sub{color:#bccbb9;margin-bottom:.25rem;font-size:11px}.rate-badge{color:#4ade80;background-color:#4ade801a;border-radius:.25rem;margin-bottom:.25rem;padding:.125rem .375rem;font-size:11px;font-weight:500}.admin-controls-card{flex-direction:column;display:flex}.admin-explainer-text{color:#94a3a8;margin-bottom:1.5rem;font-size:14px}.action-buttons-pair{grid-template-columns:1fr 1fr;gap:1rem;margin-top:auto;display:grid}.control-action-btn{cursor:pointer;text-align:left;border-radius:.5rem;justify-content:space-between;align-items:center;padding:1rem;transition:all .2s;display:flex}.suspend-btn{background-color:#111613;border:1px solid #27312b}.suspend-btn:hover{background-color:#1b211e}.terminate-btn{background-color:#ef44440d;border:1px solid #ef44444d}.terminate-btn:hover{background-color:#ef44441a}.control-btn-title{letter-spacing:.05em;text-transform:uppercase;color:#d6e5ea;margin-bottom:.25rem;font-size:12px;font-weight:600;display:block}.control-btn-sub{color:#94a3a8;font-size:12px;display:block}.text-red-muted{color:#ef4444b3}@media (width<=1024px){.helper-bento-grid,.metrics-triad-grid,.action-buttons-pair{grid-template-columns:1fr}}.devices-page-container{color:#d6e5ea;background-color:#0b0f0d;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0;overflow:hidden}.devices-sidebar{z-index:50;box-sizing:border-box;background-color:#111613;border-right:1px solid #27312b;flex-direction:column;width:260px;height:100vh;padding:1.5rem 0;display:flex;position:fixed;top:0;left:0}.sidebar-brand{padding:0 1.5rem 1.5rem}.brand-subtitle{letter-spacing:.08em;color:#869585;text-transform:uppercase;margin-top:.25rem;font-size:11px;font-weight:600}.sidebar-nav-group{flex-direction:column;flex:1;gap:.25rem;padding:0 1rem;display:flex}.sidebar-link-btn{color:#869585;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:13px;font-weight:500;transition:all .2s;display:flex}.sidebar-link-btn:hover{color:#bccbb9;background-color:#1b211e}.sidebar-link-btn.active{color:#4be277;background-color:#4be2771a;border-left:3px solid #4be277;font-weight:600}.status-badge-inner{background-color:#111613;border:1px solid #27312b;border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.status-label{color:#d6e5ea;font-size:12px;font-weight:600}.sidebar-bottom-group{flex-direction:column;gap:.25rem;padding:0 1rem;display:flex}.devices-topbar{z-index:40;background-color:#0b0f0d;border-bottom:1px solid #27312b;justify-content:space-between;align-items:center;height:72px;padding:0 2rem;display:flex;position:fixed;top:0;left:260px;right:0}.topbar-heading{color:#d6e5ea;font-size:20px;font-weight:700;line-height:28px}.profile-thumb{background-color:#1b211e;border:1px solid #27312b;border-radius:50%;width:2rem;height:2rem;overflow:hidden}.profile-thumb img{object-fit:cover;width:100%;height:100%}.devices-main-content{box-sizing:border-box;background-color:#0b0f0d;height:calc(100vh - 72px);margin-top:72px;margin-left:260px;padding:1.5rem;overflow-y:auto}.stats-bento-grid{grid-template-columns:1fr 2fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}.stat-card{background-color:#151a17;border:1px solid #27312b;border-radius:.75rem;padding:1.5rem;position:relative;overflow:hidden}.total-card{flex-direction:column;justify-content:center;display:flex}.hover-glow{opacity:0;background:radial-gradient(circle at 100% 0,#4be27714,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.total-card:hover .hover-glow{opacity:1}.card-caption{letter-spacing:.05em;color:#94a3a8;text-transform:uppercase;margin-bottom:.5rem;font-size:12px;font-weight:600}.total-val-row{align-items:flex-end;gap:.75rem;display:flex}.card-big-number{letter-spacing:-.02em;color:#d6e5ea;font-size:36px;font-weight:700;line-height:44px}.trend-badge-up{color:#4be277;align-items:center;gap:.25rem;margin-bottom:.35rem;font-size:11px;font-weight:600;display:flex}.breakdown-grid-card{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.breakdown-col{flex-direction:column;justify-content:center;display:flex}.divider-left{border-left:1px solid #27312b;padding-left:1.5rem}.breakdown-number{color:#d6e5ea;font-size:24px;font-weight:600}.progress-track{background-color:#111613;border-radius:9999px;width:100%;height:6px;margin-top:.5rem;overflow:hidden}.progress-fill{border-radius:9999px;height:100%}.bar-paired{background-color:#4be277}.bar-available{background-color:#7bd0ff}.bar-offline{background-color:#ffba61}.bar-blocked{background-color:#ffb4ab}.table-controls-bar{background-color:#151a17;border:1px solid #27312b;border-top-left-radius:.75rem;border-top-right-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.search-wrap{flex:1;max-width:440px;position:relative}.devices-search-input{color:#d6e5ea;background-color:#111613;border:1px solid #27312b;border-radius:.5rem;outline:none;width:100%;padding:.5rem 1rem .5rem 2.5rem;font-size:14px;transition:all .2s}.devices-search-input:focus{border-color:#4be277;box-shadow:0 0 8px #22c55e26}.devices-search-input::placeholder{color:#94a3a8}.controls-right{align-items:center;gap:.75rem;display:flex}.select-container{position:relative}.custom-select{appearance:none;color:#d6e5ea;cursor:pointer;background-color:#111613;border:1px solid #27312b;border-radius:.5rem;outline:none;padding:.5rem 2.25rem .5rem 1rem;font-size:12px;font-weight:600;transition:background-color .2s}.custom-select:hover{background-color:#1b211e}.chevron-icon{color:#94a3a8;pointer-events:none;font-size:20px;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.btn-provision{color:#0b0f0d;letter-spacing:.05em;cursor:pointer;background-color:#22c55e;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:12px;font-weight:700;transition:background-color .2s;display:flex;box-shadow:0 0 8px #22c55e26}.btn-provision:hover{background-color:#4ade80}.devices-table-wrap{background-color:#151a17;border-bottom:1px solid #27312b;border-left:1px solid #27312b;border-right:1px solid #27312b;border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem;overflow-x:auto}.devices-table{border-collapse:collapse;text-align:left;width:100%}.devices-table th{letter-spacing:.05em;color:#94a3a8;background-color:#111613;border-bottom:1px solid #27312b;padding:.75rem 1rem;font-size:12px;font-weight:600}.device-table-row{border-bottom:1px solid #27312b;transition:background-color .2s}.device-table-row:hover{background-color:#1b211e}.device-table-row td{padding:.875rem 1rem;font-size:14px}.serial-subtext{color:#94a3a8;margin-top:.125rem;font-size:12px}.owner-badge-wrap{align-items:center;gap:.5rem;display:flex}.owner-initials{color:#4be277;background-color:#111613;border:1px solid #27312b;border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:10px;font-weight:700;display:flex}.unassigned-text{color:#94a3a8;font-style:italic}.status-pill-active{color:#4ade80;background-color:#4ade801a;border:1px solid #4ade8033;border-radius:9999px;align-items:center;gap:.35rem;padding:.2rem .5rem;font-size:11px;font-weight:600;display:inline-flex}.active-dot{background-color:#4ade80;border-radius:50%;width:6px;height:6px}.status-pill-available{color:#7bd0ff;background-color:#7bd0ff1a;border:1px solid #7bd0ff33;border-radius:9999px;align-items:center;padding:.2rem .5rem;font-size:11px;font-weight:600;display:inline-flex}.status-pill-blocked{color:#ef4444;background-color:#ef44441a;border:1px solid #ef444433;border-radius:9999px;align-items:center;padding:.2rem .5rem;font-size:11px;font-weight:600;display:inline-flex}.row-action-buttons{opacity:0;justify-content:flex-end;align-items:center;gap:.5rem;transition:opacity .2s;display:flex}.device-table-row:hover .row-action-buttons{opacity:1}.row-btn{color:#94a3a8;cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.35rem;transition:background-color .2s,color .2s;display:flex}.row-btn:hover{background-color:#27312b}.hover-white:hover{color:#d6e5ea}.hover-amber:hover{color:#ffba61}.hover-red:hover{color:#ffb4ab}.hover-green:hover{color:#4be277}.pagination-bar{background-color:#111613;border-top:1px solid #27312b;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.pagination-info{color:#94a3a8;font-size:12px}.pagination-btns{align-items:center;gap:.25rem;display:flex}.page-nav-btn{color:#94a3a8;cursor:pointer;background:0 0;border:none;border-radius:.25rem;align-items:center;padding:.25rem;transition:all .2s;display:flex}.page-nav-btn:hover:not(:disabled){color:#d6e5ea;background-color:#27312b}.page-nav-btn:disabled{opacity:.4;cursor:not-allowed}.page-num-btn{color:#94a3a8;cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:12px;font-weight:600;transition:all .2s;display:flex}.page-num-btn:hover{color:#d6e5ea;background-color:#27312b}.page-num-btn.active{color:#d6e5ea;background-color:#27312b;border:1px solid #4be2774d}.ellipsis-dots{color:#94a3a8;padding:0 .25rem;font-size:12px}@media (width<=1024px){.stats-bento-grid{grid-template-columns:1fr}}.dev-detail-page{color:#f8fafc;background-color:#0b0f0d;width:100vw;min-height:100vh;display:flex;position:absolute;top:0;left:0;overflow-x:hidden}.dev-detail-sidebar{z-index:50;box-sizing:border-box;background-color:#111613;border-right:1px solid #27312b;flex-direction:column;width:260px;height:100vh;padding:1.5rem 0;display:flex;position:fixed;top:0;left:0}.sidebar-brand-box{padding:0 1.5rem 1.5rem}.brand-logo-txt{color:#4be277;letter-spacing:-.01em;font-size:28px;font-weight:700;line-height:36px}.brand-sub-txt{letter-spacing:.08em;color:#869585;text-transform:uppercase;margin-top:.25rem;font-size:11px;font-weight:600}.sidebar-links-list{flex-direction:column;flex:1;gap:.25rem;padding:0 1rem;display:flex}.sidebar-nav-btn{color:#869585;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:13px;font-weight:500;transition:all .2s;display:flex}.sidebar-nav-btn.active{color:#f8fafc;background-color:#4be2771a;border-left:3px solid #4be277;font-weight:600}.sidebar-nav-btn.active .nav-icon{color:#4be277}.sidebar-bottom-panel{padding:0 1rem}.system-live-badge{color:#4be277;text-transform:uppercase;background-color:#4be27714;border:1px solid #4be27733;border-radius:.5rem;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.5rem .75rem;font-size:11px;font-weight:600;display:flex}.sidebar-sub-links{border-top:1px solid #27312b;flex-direction:column;gap:.25rem;padding-top:1rem;display:flex}.sub-nav-btn{color:#869585;text-transform:uppercase;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem;font-size:12px;font-weight:500;transition:all .2s;display:flex}.sub-nav-btn:hover{color:#f8fafc;background-color:#1b211e}.dev-detail-main{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;display:flex}.dev-detail-header{z-index:40;background-color:#0b0f0d;border-bottom:1px solid #27312b;justify-content:space-between;align-items:center;height:72px;padding:0 2rem;display:flex;position:fixed;top:0;left:260px;right:0}.header-breadcrumbs{text-transform:uppercase;align-items:center;gap:.5rem;font-size:12px;font-weight:600;display:flex}.breadcrumb-link{color:#869585;cursor:pointer;font-size:inherit;font-weight:inherit;background:0 0;border:none;padding:0}.breadcrumb-link:hover{color:#4be277}.breadcrumb-current{color:#4be277;font-weight:700}.header-user-actions{align-items:center;gap:1rem;display:flex}.icon-btn{color:#bccbb9;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex}.icon-btn:hover{color:#4be277}.avatar-thumb{background-color:#1b211e;border:1px solid #27312b;border-radius:50%;width:2rem;height:2rem;overflow:hidden}.avatar-thumb img{object-fit:cover;width:100%;height:100%}.dev-detail-content{background-color:#0b0f0d;flex:1;margin-top:72px;padding:2rem}.detail-canvas-inner{flex-direction:column;gap:1.5rem;max-width:1280px;margin:0 auto;display:flex}.detail-top-title-row{justify-content:space-between;align-items:center;display:flex}.device-headline{letter-spacing:-.01em;color:#f8fafc;align-items:center;gap:.75rem;font-size:28px;font-weight:600;line-height:36px;display:flex}.status-pill{letter-spacing:.05em;text-transform:uppercase;border-radius:9999px;padding:.25rem .75rem;font-size:11px;font-weight:600}.status-active{color:#4ade80;background-color:#4ade801a;border:1px solid #4be27733}.status-blocked{color:#ffb4ab;background-color:#ef44441a;border:1px solid #ef444433}.status-available{color:#7bd0ff;background-color:#7bd0ff1a;border:1px solid #7bd0ff33}.device-action-buttons{align-items:center;gap:.75rem;display:flex}.btn-action-neutral{color:#f8fafc;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background-color:#0000;border:1px solid #27312b;border-radius:.375rem;padding:.5rem 1rem;font-size:12px;font-weight:600;transition:all .2s}.btn-action-neutral:hover:not(:disabled){background-color:#1b211e}.btn-action-neutral:disabled{opacity:.4;cursor:not-allowed}.btn-action-danger{color:#ffdad6;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;background-color:#93000a;border:1px solid #ffb4ab4d;border-radius:.375rem;padding:.5rem 1rem;font-size:12px;font-weight:600;transition:background-color .2s}.btn-action-danger:hover{background-color:#ba1a1a}.device-bento-grid{grid-template-columns:1fr 2fr;gap:1.5rem;display:grid}.grid-col-left,.grid-col-right{flex-direction:column;gap:1.5rem;display:flex}.bento-box{background-color:#151a17;border:1px solid #27312b;border-radius:.75rem;padding:1.5rem;position:relative;overflow:hidden}.bento-title{color:#f8fafc;align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:18px;font-weight:600;display:flex}.bento-title-flex{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.bento-title-flex .bento-title{margin-bottom:0}.specs-hover-glow{opacity:0;background:radial-gradient(circle at 100% 0,#4be2770d,#0000 70%);transition:opacity .4s;position:absolute;inset:0}.specs-card:hover .specs-hover-glow{opacity:1}.specs-list{flex-direction:column;display:flex}.specs-row{border-bottom:1px solid #3d4a3d80;justify-content:space-between;align-items:center;padding:.75rem 0;font-size:14px;display:flex}.specs-row.no-border{border-bottom:none;padding-bottom:0}.specs-k{color:#869585}.specs-v{color:#f8fafc}.owner-profile-row{align-items:center;gap:1rem;display:flex}.owner-avatar-wrap{background-color:#1b211e;border:1px solid #27312b;border-radius:50%;width:3rem;height:3rem;overflow:hidden}.owner-avatar-wrap img{object-fit:cover;width:100%;height:100%}.owner-name-txt{color:#f8fafc;font-size:18px;font-weight:600}.owner-usr-id{color:#869585;margin-top:.15rem;font-size:12px}.telemetry-firmware-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.telemetry-card{border:1px solid #4be2774d;box-shadow:0 0 12px #22c55e14}.telemetry-timestamp{color:#869585;font-size:11px}.telemetry-metrics-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.metric-box{background-color:#1b211e;border:1px solid #27312b;border-radius:.5rem;padding:1rem}.metric-box.full-width{grid-column:span 2}.metric-box.flex-between{justify-content:space-between;align-items:center;display:flex}.metric-box-label{letter-spacing:.05em;text-transform:uppercase;color:#869585;align-items:center;gap:.25rem;margin-bottom:.25rem;font-size:11px;font-weight:600;display:flex}.metric-box-val{color:#f8fafc;font-size:32px;font-weight:700}.rssi-value{color:#f8fafc;font-size:18px;font-weight:600}.firmware-card{background:linear-gradient(#151a17,#f59e0b0a);border:1px solid #f59e0b4d;flex-direction:column;justify-content:space-between;display:flex}.firmware-versions-row{justify-content:space-between;align-items:flex-end;margin-bottom:1rem;display:flex}.version-label{text-transform:uppercase;color:#869585;margin-bottom:.25rem;font-size:11px}.version-val{color:#f8fafc;font-size:20px;font-weight:600}.version-val.target{color:#f59e0b}.update-progress-section{border-top:1px solid #3d4a3d80;margin-bottom:1rem;padding-top:.75rem}.update-status-label{text-transform:uppercase;color:#f59e0b;align-items:center;gap:.25rem;margin-bottom:.5rem;font-size:11px;display:flex}.progress-bg{background-color:#1b211e;border-radius:9999px;width:100%;height:6px;overflow:hidden}.progress-fill{background-color:#f59e0b;border-radius:9999px;height:100%;transition:width .3s}.progress-active{animation:1s infinite alternate progress-pulse}@keyframes progress-pulse{0%{opacity:.6}to{opacity:1}}.btn-push-update{color:#f59e0b;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:1px solid #f59e0b80;border-radius:.375rem;width:100%;padding:.5rem;font-size:12px;font-weight:600;transition:all .2s}.btn-push-update:hover:not(:disabled){background-color:#f59e0b1a}.btn-push-update:disabled{opacity:.5;cursor:not-allowed}.filter-log-btn{color:#869585;cursor:pointer;background:0 0;border:none}.filter-log-btn:hover{color:#4be277}.pairing-log-table-wrap{overflow-x:auto}.pairing-log-table{border-collapse:collapse;text-align:left;width:100%}.pairing-log-table th{letter-spacing:.05em;color:#869585;text-transform:uppercase;background-color:#111613;border-bottom:1px solid #27312b;padding:.75rem 1rem;font-size:12px;font-weight:600}.log-row{border-bottom:1px solid #27312b;transition:background-color .2s}.log-row:hover{background-color:#1b211e}.log-row td{padding:.75rem 1rem;font-size:14px}.log-status-badge{align-items:center;gap:.35rem;font-size:13px;font-weight:500;display:inline-flex}.log-status-badge .status-dot{border-radius:50%;width:6px;height:6px}.status-success{color:#4ade80}.status-success .status-dot{background-color:#4ade80}.status-warning{color:#f59e0b}.status-warning .status-dot{background-color:#f59e0b}.status-error{color:#ffb4ab}.status-error .status-dot{background-color:#ffb4ab}@media (width<=1024px){.device-bento-grid,.telemetry-firmware-row{grid-template-columns:1fr}}.register-device-page{color:#d6e5ea;background-color:#0b0f0d;width:100vw;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;overflow-x:hidden}.register-device-main{box-sizing:border-box;background:radial-gradient(circle at 80% 10%,#4be27708 0%,#0000 60%);flex-direction:column;flex:1;min-width:0;min-height:100vh;margin-left:260px;display:flex}.register-device-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:30;background-color:#0f161299;border-bottom:1px solid #1a231e;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex;position:sticky;top:0}.topbar-title-wrap{align-items:center;gap:1.25rem;display:flex}.topbar-right-controls .system-pill{color:#4be277;letter-spacing:.05em;text-transform:uppercase;background-color:#4be27714;border:1px solid #4be27733;border-radius:20px;align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:flex}.register-device-content{flex:1;justify-content:center;align-items:flex-start;padding:2.5rem 2rem;display:flex}.register-device-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#121a15bf;border:1px solid #233228;border-radius:16px;width:100%;max-width:780px;padding:2.25rem;box-shadow:0 20px 40px -15px #00000080}.card-header{border-bottom:1px solid #1f2b23;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.header-icon-box{color:#4be277;background:#4be2771f;border:1px solid #4be27740;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.card-title{color:#fff;margin:0 0 .25rem;font-size:1.25rem;font-weight:700}.card-subtitle{color:#8c9fa4;margin:0;font-size:.85rem;line-height:1.4}.alert-box{border-radius:10px;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:.85rem 1.15rem;font-size:.88rem;display:flex}.alert-box.error{color:#ff7e75;background:#ff54491a;border:1px solid #ff54494d}.alert-box.success{color:#4be277;background:#4be2771a;border:1px solid #4be2774d}.device-form .form-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.form-group.full-width{grid-column:1/-1}.form-group label{color:#c4d7dc;letter-spacing:.01em;margin-bottom:.5rem;font-size:.82rem;font-weight:600;display:block}.label-row{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.label-row label{margin-bottom:0}.btn-inline-action{color:#4be277;cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;padding:0;font-size:.75rem;font-weight:600;transition:opacity .2s;display:inline-flex}.btn-inline-action:hover{opacity:.8;text-decoration:underline}.input-wrap{align-items:center;display:flex;position:relative}.input-icon{color:#5c7278;pointer-events:none;font-size:20px;position:absolute;left:.85rem}.input-wrap input{color:#fff;background-color:#0e1511;border:1px solid #223027;border-radius:10px;outline:none;width:100%;padding:.75rem 1rem .75rem 2.6rem;font-size:.9rem;transition:all .2s}.input-wrap input:focus{background-color:#121b15;border-color:#4be277;box-shadow:0 0 0 3px #4be27726}.field-hint{color:#6a8288;margin-top:.35rem;font-size:.75rem;display:block}.form-actions{border-top:1px solid #1f2b23;justify-content:flex-end;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}.btn-cancel{color:#8fa2a7;cursor:pointer;background-color:#141c17;border:1px solid #233228;border-radius:10px;padding:.75rem 1.5rem;font-size:.88rem;font-weight:600;transition:all .2s}.btn-cancel:hover{color:#fff;background-color:#1b2620}.btn-submit{color:#051d0d;cursor:pointer;background:linear-gradient(135deg,#4be277 0%,#2ec45b 100%);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.88rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #4be2774d}.btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #4be27766}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.spin-icon{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=640px){.device-form .form-grid{grid-template-columns:1fr}}.firmware-page-container{color:#d6e5ea;background-color:#0b0f0d;width:100vw;min-height:100vh;display:flex;position:absolute;top:0;left:0;overflow-x:hidden}.firmware-sidebar{z-index:50;background-color:#111613;border-right:1px solid #27312b;flex-direction:column;width:260px;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-brand-header{border-bottom:1px solid #3d4a3d80;padding:2rem 1.5rem}.brand-title{color:#4be277;letter-spacing:-.01em;font-size:28px;font-weight:700;line-height:36px}.brand-sub{letter-spacing:.08em;color:#bccbb9;text-transform:uppercase;margin-top:.25rem;font-size:11px;font-weight:600}.sidebar-menu-btn{color:#bccbb9;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.75rem 1.5rem;font-size:14px;font-weight:500;transition:all .2s;display:flex}.menu-icon{font-size:20px}.sidebar-cta-wrap{border-top:1px solid #3d4a3d80;padding:1rem}.btn-sidebar-ticket{color:#d6e5ea;cursor:pointer;background:0 0;border:1px solid #27312b;border-radius:.25rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.625rem 1rem;font-size:12px;font-weight:600;transition:background-color .2s;display:flex}.btn-sidebar-ticket:hover{background-color:#1b211e}.footer-link-btn{color:#bccbb9;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.5rem 1.5rem;font-size:12px;font-weight:500;transition:all .2s;display:flex}.firmware-main-wrapper{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;display:flex}.firmware-topbar{z-index:40;background-color:#0b0f0d;border-bottom:1px solid #27312b;justify-content:space-between;align-items:center;height:72px;padding:0 2rem;display:flex;position:fixed;top:0;left:260px;right:0}.topbar-nav-tabs{align-items:center;gap:2rem;height:100%;display:flex}.topbar-tab{color:#bccbb9;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;height:100%;font-size:14px;font-weight:500;transition:color .2s;display:flex}.topbar-tab.active{color:#4be277;border-bottom-color:#4be277;padding-top:3px;font-weight:700}.topbar-actions{align-items:center;gap:1.5rem;display:flex}.system-status-pill{color:#4ade80;background-color:#4ade801a;border:1px solid #4ade8033;border-radius:9999px;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:12px;font-weight:500;display:flex}.status-live-dot{background-color:#4ade80;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #4ade8099}.topbar-icon-actions{border-left:1px solid #27312b;align-items:center;gap:1rem;padding-left:1.5rem;display:flex}.user-profile-avatar{background-color:#1b211e;border:1px solid #869585;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.firmware-content-canvas{background-color:#0b0f0d;flex:1;margin-top:72px;padding:2rem}.canvas-max-wrap{flex-direction:column;gap:1.5rem;max-width:1440px;margin:0 auto;display:flex}.page-header-row{justify-content:space-between;align-items:flex-end;display:flex}.page-heading{letter-spacing:-.02em;color:#d6e5ea;margin-bottom:.5rem;font-size:36px;font-weight:700;line-height:44px}.page-subheading{color:#bccbb9;font-size:14px}.btn-create-release{color:#0b0f0d;letter-spacing:.05em;cursor:pointer;background-color:#22c55e;border:none;border-radius:.25rem;align-items:center;gap:.5rem;height:40px;padding:0 1.5rem;font-size:12px;font-weight:700;transition:all .2s;display:flex}.btn-create-release:hover{background-color:#4ade80;box-shadow:0 0 12px #22c55e40}.firmware-bento-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.bento-metric-card{background-color:#151a17;border:1px solid #27312b;border-radius:.5rem;padding:1.25rem;position:relative;overflow:hidden}.watermark-icon{opacity:.1;pointer-events:none;padding:1rem;transition:opacity .3s;position:absolute;top:0;right:0}.bento-metric-card:hover .watermark-icon{opacity:.2}.big-glyph{font-size:64px}.metric-caption{letter-spacing:.05em;color:#bccbb9;text-transform:uppercase;margin-bottom:.5rem;font-size:12px;font-weight:600}.metric-value{letter-spacing:-.01em;color:#d6e5ea;margin-bottom:.25rem;font-size:28px;font-weight:600;line-height:36px}.metric-sub{align-items:center;gap:.25rem;font-size:11px;font-weight:500;display:flex}.firmware-table-card{background-color:#111613;border:1px solid #27312b;border-radius:.5rem;flex-direction:column;display:flex}.table-filters-header{background-color:#151a17;border-bottom:1px solid #27312b;border-top-left-radius:.5rem;border-top-right-radius:.5rem;justify-content:space-between;align-items:center;padding:1rem;display:flex}.left-filters-group{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.search-icon{color:#bccbb9;font-size:18px;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-versions-input{color:#d6e5ea;background-color:#0b0f0d;border:1px solid #27312b;border-radius:.25rem;outline:none;width:100%;height:36px;padding-left:2.5rem;padding-right:.75rem;font-size:14px;transition:all .2s}.search-versions-input:focus{border-color:#4be277;box-shadow:0 0 0 1px #4be27733}.search-versions-input::placeholder{color:#bccbb9}.custom-select{color:#d6e5ea;cursor:pointer;background-color:#0b0f0d;border:1px solid #27312b;border-radius:.25rem;outline:none;height:36px;padding:0 .75rem;font-size:14px}.custom-select:focus{border-color:#4be277}.btn-more-filters{color:#bccbb9;cursor:pointer;background:0 0;border:1px solid #27312b;border-radius:.25rem;align-items:center;gap:.5rem;height:36px;padding:0 .75rem;font-size:12px;font-weight:600;transition:all .2s;display:flex}.btn-more-filters:hover{color:#d6e5ea;background-color:#1b211e}.table-scroll-container{overflow-x:auto}.firmware-table{border-collapse:collapse;text-align:left;width:100%}.firmware-table th{color:#94a3a8;letter-spacing:.05em;background-color:#111613;border-bottom:1px solid #27312b;padding:.75rem 1rem;font-size:12px;font-weight:600}.firmware-tr{border-bottom:1px solid #27312b;transition:background-color .15s}.firmware-tr:hover{background-color:#1b211e}.firmware-tr td{padding:.75rem 1rem;font-size:14px}.channel-pill{letter-spacing:.05em;border-radius:9999px;align-items:center;padding:.125rem .5rem;font-size:10px;font-weight:700;display:inline-flex}.pill-stable{color:#4ade80;background-color:#4ade801a;border:1px solid #4ade8033}.pill-beta{color:#f59e0b;background-color:#f59e0b1a;border:1px solid #f59e0b33}.pill-neutral{color:#94a3a8;background-color:#27312b;border:1px solid #27312b}.status-flex-item{align-items:center;gap:.5rem;display:flex}.dot-active{background-color:#4ade80}.dot-rolling{background-color:#f59e0b}.dot-deprecated{background-color:#94a3a8}.dot-eol{background-color:#ef4444}.check-green{color:#4ade80}.row-action-btns{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.action-link-btn{color:#94a3a8;cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.action-link-btn:hover{color:#d6e5ea;background-color:#27312b}.table-pagination-footer{background-color:#111613;border-top:1px solid #27312b;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem;justify-content:space-between;align-items:center;padding:1rem;display:flex}.pagination-text{color:#bccbb9;font-size:11px}.pagination-group{align-items:center;gap:.25rem;display:flex}.p-btn{color:#bccbb9;cursor:pointer;background:0 0;border:1px solid #27312b;border-radius:.25rem;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .2s;display:flex}.p-btn:hover:not(:disabled){color:#d6e5ea;background-color:#1b211e}.num-btn{border:1px solid #0000;font-size:12px;font-weight:500}.num-btn.active{color:#d6e5ea;background-color:#1b211e;border-color:#27312b}.text-warning{color:#f59e0b}@media (width<=1024px){.firmware-bento-grid{grid-template-columns:repeat(2,1fr)}}.audit-logs-container{color:#d6e5ea;box-sizing:border-box;background-color:#0b0f0d;width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.audit-sidebar{z-index:50;background-color:#111613;border-right:1px solid #27312b;flex-direction:column;width:260px;height:100vh;padding:2rem 0;display:flex;position:fixed;top:0;left:0}.sidebar-brand-box{align-items:center;gap:.75rem;margin-bottom:1.5rem;padding:0 1.5rem;display:flex}.brand-logo-icon{color:#4be277;font-variation-settings:"FILL" 1;font-size:32px}.brand-logo-text{color:#4be277;letter-spacing:-.01em;font-size:24px;font-weight:700}.brand-sub-label{letter-spacing:.05em;color:#94a3a8;text-transform:uppercase;font-size:11px;font-weight:600}.sidebar-status-box{margin-bottom:1.5rem;padding:0 1.5rem}.status-pill-success{color:#4ade80;background-color:#4ade801a;border-radius:.25rem;align-items:center;gap:.5rem;width:fit-content;padding:.25rem .5rem;font-size:11px;font-weight:500;display:inline-flex}.status-dot-green{background-color:#4ade80;border-radius:50%;width:6px;height:6px}.sidebar-links-group{flex-direction:column;flex:1;gap:.25rem;padding:0 .75rem;display:flex;overflow-y:auto}.admin-header-sep{letter-spacing:.05em;color:#94a3a8;text-transform:uppercase;padding:1.5rem .75rem .5rem;font-size:11px;font-weight:600}.sidebar-nav-btn{color:#869585;letter-spacing:.05em;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.25rem;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:12px;font-weight:600;transition:all .2s;display:flex}.sidebar-nav-btn:hover{color:#d6e5ea;background-color:#1b211e}.sidebar-nav-btn.active{color:#d6e5ea;background-color:#4be2771a;border-left:3px solid #4be277;border-top-left-radius:0;border-bottom-left-radius:0;font-weight:700}.nav-icon{font-size:20px}.sidebar-bottom-action{border-top:1px solid #3d4a3d66;padding:1rem .75rem 0}.sidebar-nav-btn.logout{color:#ffb4ab}.audit-main-wrapper{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;display:flex}.audit-topbar{z-index:40;background-color:#111613;border-bottom:1px solid #27312b;justify-content:space-between;align-items:center;height:72px;padding:0 2rem;display:flex;position:fixed;top:0;left:260px;right:0}.topbar-title-block{align-items:center;gap:1rem;display:flex}.topbar-main-heading{color:#d6e5ea;font-size:20px;font-weight:700;line-height:28px}.topbar-sub-desc{color:#94a3a8;border-left:1px solid #27312b;padding-left:1rem;font-size:14px}.topbar-right-actions{align-items:center;gap:.75rem;display:flex}.topbar-btn{color:#bccbb9;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:color .2s;display:flex}.topbar-btn:hover{color:#4be277}.staff-avatar-box{border:1px solid #27312b;border-radius:50%;width:2rem;height:2rem;margin-left:.5rem;overflow:hidden}.staff-avatar-box img{object-fit:cover;width:100%;height:100%}.audit-canvas-body{background-color:#0b0f0d;flex-direction:column;flex:1;gap:1.5rem;margin-top:72px;padding:2rem;display:flex}.audit-kpi-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.kpi-card{background-color:#151a17;border:1px solid #27312b;border-radius:.5rem;flex-direction:column;gap:.5rem;padding:1rem 1.25rem;transition:background-color .2s;display:flex}.kpi-card:hover{background-color:#1b211e}.kpi-top-row{justify-content:space-between;align-items:center;display:flex}.kpi-caption{letter-spacing:.05em;color:#94a3a8;text-transform:uppercase;font-size:11px;font-weight:600}.kpi-val-row{align-items:baseline;gap:.5rem;display:flex}.kpi-num{color:#d6e5ea;font-size:32px;font-weight:700;line-height:40px}.kpi-trend{font-size:11px;font-weight:500}.audit-filter-bar{background-color:#151a17;border:1px solid #27312b;border-radius:.5rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.search-box-wrap{width:320px;position:relative}.search-icon{color:#94a3a8;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.audit-search-input{color:#f8fafc;background-color:#151a17;border:1px solid #27312b;border-radius:.25rem;outline:none;width:100%;padding:.5rem 1rem .5rem 2.5rem;font-size:14px;transition:all .2s}.audit-search-input:focus{border-color:#22c55e;box-shadow:0 0 8px #22c55e26}.filters-cluster{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.custom-dropdown{color:#f8fafc;letter-spacing:.05em;cursor:pointer;background-color:#151a17;border:1px solid #27312b;border-radius:.25rem;outline:none;padding:.5rem 1rem;font-size:12px;font-weight:600}.custom-dropdown:focus{border-color:#22c55e}.btn-export-csv{color:#d6e5ea;cursor:pointer;background-color:#151a17;border:1px solid #27312b;border-radius:.25rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:12px;font-weight:600;transition:background-color .2s;display:flex}.btn-export-csv:hover{background-color:#1b211e}.table-drawer-flex-container{flex:1;gap:1.5rem;display:flex}.audit-table-card{background-color:#151a17;border:1px solid #27312b;border-radius:.5rem;flex-direction:column;flex:1;display:flex;overflow:hidden}.table-scroll-area{overflow-x:auto}.audit-table{border-collapse:collapse;text-align:left;width:100%}.audit-table th{color:#94a3a8;letter-spacing:.05em;background-color:#111613;border-bottom:1px solid #27312b;padding:.75rem 1rem;font-size:12px;font-weight:600}.audit-tr{cursor:pointer;border-bottom:1px solid #27312b;transition:background-color .15s}.audit-tr:hover{background-color:#1b211e}.audit-tr.tr-selected{background-color:#1b211e;box-shadow:inset 3px 0 #22c55e}.audit-tr td{padding:.75rem 1rem;font-size:14px}.sev-pill{border-radius:9999px;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:11px;font-weight:600;display:inline-flex}.sev-critical{color:#ef4444;background-color:#ef44441a;border:1px solid #ef444433}.sev-high,.sev-medium{color:#f59e0b;background-color:#f59e0b1a;border:1px solid #f59e0b33}.sev-low{color:#4ade80;background-color:#4ade801a;border:1px solid #4ade8033}.actor-cell-flex{align-items:center;gap:.5rem;display:flex}.actor-badge-avatar{color:#94a3a8;background-color:#1b211e;border-radius:.25rem;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:10px;font-weight:700;display:flex}.actor-name{color:#d6e5ea;font-size:14px}.city-sub{color:#94a3a8;font-size:11px}.inspect-btn{color:#94a3a8;cursor:pointer;background:0 0;border:none;border-radius:.25rem;padding:.25rem;transition:color .2s}.inspect-btn:hover{color:#4be277}.audit-table-footer{background-color:#111613;border-top:1px solid #27312b;justify-content:space-between;align-items:center;margin-top:auto;padding:1rem;display:flex}.showing-text{color:#94a3a8;font-size:11px}.pagination-ctrls{align-items:center;gap:.5rem;display:flex}.p-btn{color:#94a3a8;cursor:pointer;background-color:#151a17;border:1px solid #27312b;border-radius:.25rem;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:12px;font-weight:600;transition:all .2s;display:flex}.p-btn:hover:not(:disabled){color:#d6e5ea;border-color:#4be277}.p-btn.active{color:#4be277;background-color:#4be2771a;border-color:#4be277}.p-btn:disabled{opacity:.4;cursor:not-allowed}.ellipsis-pad{color:#94a3a8;padding:0 .25rem}.audit-detail-drawer{background-color:#151a17;border:1px solid #27312b;border-radius:.75rem;flex-direction:column;flex-shrink:0;width:400px;animation:.2s slide-in;display:flex;overflow:hidden}@keyframes slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.drawer-header{background-color:#111613;border-bottom:1px solid #27312b;padding:1.5rem}.drawer-top-badge{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.action-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:.375rem;padding:.25rem .5rem;font-size:11px;font-weight:700}.badge-destructive{color:#ef4444;background-color:#ef44441a;border:1px solid #ef44444d}.badge-routine{color:#4ade80;background-color:#4ade801a;border:1px solid #4ade804d}.close-drawer-btn{color:#869585;cursor:pointer;background:0 0;border:none;transition:color .2s}.close-drawer-btn:hover{color:#d6e5ea}.drawer-action-title{color:#d6e5ea;margin-bottom:.25rem;font-size:20px;font-weight:600;line-height:28px}.drawer-log-id{color:#869585;font-size:12px}.drawer-scroll-body{flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto}.drawer-meta-grid{background-color:#0b0f0d;border:1px solid #27312b;border-radius:.5rem;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem;display:grid}.drawer-label{letter-spacing:.05em;color:#869585;text-transform:uppercase;margin-bottom:.25rem;font-size:11px;font-weight:600;display:block}.drawer-val{color:#d6e5ea;font-size:14px;display:block}.col-span-2{grid-column:span 2}.reason-code-box{color:#d6e5ea;background-color:#111613;border:1px solid #27312b;border-radius:.25rem;margin-top:.25rem;padding:.5rem;font-size:14px;font-style:italic}.state-diff-heading{color:#d6e5ea;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:18px;font-weight:600;display:flex}.diff-stack{flex-direction:column;gap:.5rem;display:flex}.diff-card{background-color:#1b211e;border:1px solid #27312b;border-radius:.5rem;padding:1rem}.before-card{border-left:2px solid #f59e0b}.after-card{border-left:2px solid #ef4444}.diff-badge{letter-spacing:.05em;text-transform:uppercase;margin-bottom:.5rem;font-size:11px;font-weight:600;display:block}.diff-badge.amber{color:#f59e0b}.diff-badge.red{color:#ef4444}.diff-code{flex-direction:column;gap:.25rem;font-size:12px;display:flex}.code-key{color:#94a3a8}.code-str{color:#d6e5ea}.code-active{color:#4ade80}.code-null{color:#ef4444}.code-warning{color:#f59e0b}.diff-arrow-wrap{color:#869585;justify-content:center;display:flex}.drawer-footer-cta{border-top:1px solid #27312b;margin-top:auto;padding-top:1rem}.btn-ack-review{color:#0b0f0d;letter-spacing:.05em;cursor:pointer;background-color:#22c55e;border:none;border-radius:.5rem;width:100%;padding:.625rem 1rem;font-size:12px;font-weight:700;transition:background-color .2s}.btn-ack-review:hover{background-color:#4ade80}.text-green{color:#4ade80}.text-red{color:#ef4444}.font-mono{font-family:ui-monospace,monospace}.icon-16{font-size:16px}@media (width<=1200px){.table-drawer-flex-container{flex-direction:column}.audit-detail-drawer{width:100%}}.audit-detail-page{color:#d6e5ea;background-color:#0b0f0d;width:100vw;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;overflow-x:hidden}.audit-detail-main{box-sizing:border-box;background:radial-gradient(circle at 75% 15%,#4be27708 0%,#0000 60%);flex-direction:column;flex:1;min-width:0;min-height:100vh;margin-left:260px;display:flex}.audit-detail-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:30;background-color:#0f161299;border-bottom:1px solid #1a231e;justify-content:space-between;align-items:center;padding:1.25rem 2.5rem;display:flex;position:sticky;top:0}.topbar-left-wrap{align-items:center;gap:1.25rem;display:flex}.back-btn{color:#94a3a8;cursor:pointer;background-color:#151e18;border:1px solid #243329;border-radius:8px;align-items:center;gap:.5rem;padding:.45rem .85rem;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.back-btn:hover{color:#fff;background-color:#1e2b23;border-color:#3b5343}.topbar-heading{color:#fff;letter-spacing:-.02em;margin:0;font-size:1.2rem;font-weight:700}.system-pill{color:#4be277;letter-spacing:.05em;text-transform:uppercase;background-color:#4be27714;border:1px solid #4be27733;border-radius:20px;align-items:center;gap:.5rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:flex}.live-pulse-dot{background-color:#4be277;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-glow;box-shadow:0 0 8px #4be277}.audit-detail-content{flex:1;padding:2rem 2.5rem}.loading-state,.error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:50vh;display:flex}.loading-state .spin-icon{color:#4be277;font-size:40px;animation:1s linear infinite spin}.error-state .icon-48{color:#ff5449;font-size:48px}.btn-back-home{color:#4be277;cursor:pointer;background-color:#19251e;border:1px solid #27392e;border-radius:8px;padding:.6rem 1.25rem;font-weight:600}.audit-detail-grid{grid-template-columns:1fr 340px;gap:1.75rem;display:grid}.audit-main-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#121a15bf;border:1px solid #233228;border-radius:16px;overflow:hidden;box-shadow:0 16px 36px -10px #00000080}.event-banner{background:linear-gradient(#1a261e99 0%,#121a1533 100%);border-bottom:1px solid #1f2b23;padding:2rem}.event-banner-top{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.severity-badge{letter-spacing:.02em;text-transform:uppercase;border-radius:20px;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex}.severity-badge.sev-critical{color:#ff5449;background:#ff544926;border:1px solid #ff544959}.severity-badge.sev-high{color:#ffb300;background:#ffb30026;border:1px solid #ffb30059}.severity-badge.sev-medium{color:#2bcbbb;background:#2bcbba26;border:1px solid #2bcbba59}.severity-badge.sev-low{color:#4be277;background:#4be27726;border:1px solid #4be27759}.event-id-tag{color:#6a8288;font-family:monospace;font-size:.8rem}.event-action-title{color:#fff;letter-spacing:-.02em;margin:0 0 .5rem;font-size:1.5rem;font-weight:800}.event-description-text{color:#a4b7bc;margin:0 0 1.25rem;font-size:.95rem;line-height:1.5}.event-metadata-ribbon{flex-wrap:wrap;gap:1rem;display:flex}.meta-pill{color:#8c9fa4;background-color:#141c17;border:1px solid #222f26;border-radius:6px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.8rem;display:inline-flex}.detail-tabs-bar{background-color:#121a15;border-bottom:1px solid #1f2b23;gap:.5rem;padding:0 2rem;display:flex}.detail-tab{color:#82969b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:1rem 1.25rem;font-size:.88rem;font-weight:600;transition:all .2s}.detail-tab:hover{color:#fff}.detail-tab.active{color:#4be277;border-bottom-color:#4be277}.detail-tab-body{padding:2rem}.params-bento-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.75rem;display:grid}.param-item{background-color:#141d18;border:1px solid #202d24;border-radius:10px;flex-direction:column;gap:.35rem;padding:1rem 1.25rem;display:flex}.param-label{color:#6a8288;text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:600}.param-value{color:#fff;font-size:.95rem;font-weight:500}.status-tag{text-transform:uppercase;border-radius:4px;align-self:flex-start;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.status-tag.status-success{color:#4be277;background:#4be27726}.status-tag.status-failure,.status-tag.status-blocked{color:#ff5449;background:#ff544926}.narrative-block,.diff-block,.useragent-box{background-color:#141d18;border:1px solid #202d24;border-radius:10px;margin-bottom:1.25rem;padding:1.25rem}.narrative-header,.diff-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.narrative-header h4,.diff-header h4{color:#fff;margin:0;font-size:.9rem;font-weight:700}.narrative-content{color:#b3c5ca;margin:0;font-size:.9rem;line-height:1.6}.code-diff-preview,.raw-json-block{color:#4be277;background-color:#0c120e;border:1px solid #1a251e;border-radius:8px;margin:0;padding:1rem;font-size:.82rem;line-height:1.5;overflow-x:auto}.useragent-text{color:#8c9fa4;word-break:break-all;margin-top:.4rem;font-size:.8rem}.json-header{color:#8fa2a7;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.85rem;font-weight:600;display:flex}.copy-json-btn{color:#4be277;cursor:pointer;background-color:#19251e;border:1px solid #27392e;border-radius:6px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.copy-json-btn:hover{background-color:#203127}.audit-side-panel{flex-direction:column;gap:1.5rem;display:flex}.side-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#121a15bf;border:1px solid #233228;border-radius:16px;padding:1.5rem}.side-card-title{color:#fff;letter-spacing:-.01em;margin:0 0 1.25rem;font-size:.95rem;font-weight:700}.actor-profile-box{border-bottom:1px solid #1f2b23;align-items:center;gap:.85rem;margin-bottom:1.25rem;padding-bottom:1.25rem;display:flex}.actor-avatar-circle{color:#4be277;background:linear-gradient(135deg,#1f3326 0%,#2e4d39 100%);border:1px solid #3b5f47;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:700;display:flex}.actor-full-name{color:#fff;margin:0 0 .2rem;font-size:.95rem;font-weight:700}.actor-role-chip{color:#4be277;text-transform:uppercase;background-color:#4be2771a;border:1px solid #4be27740;border-radius:4px;padding:.15rem .5rem;font-size:.7rem;font-weight:700;display:inline-block}.actor-details-list{flex-direction:column;gap:.75rem;margin-bottom:1.25rem;display:flex}.actor-detail-row{justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.btn-actor-profile{color:#4be277;cursor:pointer;background-color:#151e18;border:1px solid #273a2d;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.6rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-actor-profile:hover{background-color:#1c2b22;border-color:#4be277}.compliance-card .compliance-icon-row{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.compliance-card h4{color:#fff;margin:0;font-size:.9rem;font-weight:700}.compliance-text{color:#8c9fa4;margin:0 0 1.25rem;font-size:.8rem;line-height:1.5}.compliance-badges{flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem;display:flex}.comp-badge{color:#6a8288;background-color:#121914;border:1px solid #1f2a22;border-radius:4px;padding:.2rem .45rem;font-family:monospace;font-size:.68rem;font-weight:700}.btn-export-single-log{color:#051d0d;cursor:pointer;background:linear-gradient(135deg,#4be277 0%,#2ec45b 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.65rem 1rem;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex}.btn-export-single-log:hover{transform:translateY(-1px);box-shadow:0 4px 14px #4be27759}.text-accent{color:#4be277}@media (width<=992px){.audit-detail-grid{grid-template-columns:1fr}}.notifications-page-container{color:#d6e5ea;background-color:#0b0f0d;width:100vw;min-height:100vh;display:flex;position:absolute;top:0;left:0;overflow-x:hidden}.notif-sidebar{z-index:50;background-color:#111613;border-right:1px solid #27312b;flex-direction:column;width:260px;height:100vh;padding:1.5rem 0;display:flex;position:fixed;top:0;left:0}.sidebar-brand-box{border-bottom:1px solid #3d4a3d4d;align-items:center;gap:1rem;padding:0 1.5rem 1.5rem;display:flex}.brand-logo-thumb{background-color:#151a17;border:1px solid #27312b;border-radius:.5rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.brand-title{color:#4be277;font-size:20px;font-weight:700;line-height:28px}.brand-sub{letter-spacing:.05em;color:#bccbb9;text-transform:uppercase;font-size:11px;font-weight:500}.sidebar-cta-wrap{padding:1rem}.btn-new-ticket{color:#0b0f0d;letter-spacing:.05em;cursor:pointer;background-color:#22c55e;border:none;border-radius:.25rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.625rem 1rem;font-size:12px;font-weight:700;transition:background-color .2s;display:flex}.btn-new-ticket:hover{background-color:#4ade80}.sidebar-menu-list{flex-direction:column;flex:1;gap:.25rem;padding:0 .5rem;display:flex;overflow-y:auto}.sidebar-menu-btn{color:#bccbb9;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:0 9999px 9999px 0;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:14px;font-weight:500;transition:all .2s;display:flex}.sidebar-menu-btn:hover{color:#d6e5ea;background-color:#1b211e}.sidebar-menu-btn.active{color:#d6e5ea;background-color:#4be2771a;border-left:3px solid #4be277;font-weight:700}.sidebar-footer-links{border-top:1px solid #3d4a3d4d;flex-direction:column;gap:.25rem;padding:1rem .5rem 0;display:flex}.footer-link-btn{color:#bccbb9;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:0 9999px 9999px 0;align-items:center;gap:.75rem;width:100%;padding:.5rem 1rem;font-size:12px;font-weight:600;transition:all .2s;display:flex}.footer-link-btn:hover{color:#d6e5ea;background-color:#1b211e}.footer-link-btn.logout{color:#ffb4ab}.notif-main-wrapper{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;display:flex}.notif-topbar{z-index:40;background-color:#0b0f0d;border-bottom:1px solid #3d4a3d4d;justify-content:space-between;align-items:center;height:72px;padding:0 2rem;display:flex;position:fixed;top:0;left:260px;right:0}.topbar-left-links{align-items:center;gap:1.5rem;display:flex}.topbar-tab{color:#bccbb9;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding-bottom:.25rem;font-size:14px;font-weight:500;transition:color .2s}.topbar-tab:hover{color:#d6e5ea}.topbar-tab.active{color:#4be277;border-bottom-color:#4be277;font-weight:700}.topbar-right-ctrls{align-items:center;gap:1.5rem;display:flex}.system-pill{color:#4ade80;background-color:#4ade801a;border:1px solid #27312b;border-radius:9999px;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:11px;font-weight:700;display:flex}.live-pulse-dot{background-color:#4be277;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-glow}.topbar-icon-actions{align-items:center;gap:1rem;display:flex}.icon-action-btn{color:#bccbb9;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex;position:relative}.unread-dot{background-color:#ef4444;border:2px solid #0b0f0d;border-radius:50%;width:10px;height:10px;position:absolute;top:-2px;right:-2px}.staff-avatar-thumb{border:1px solid #27312b;border-radius:50%;width:2rem;height:2rem;overflow:hidden}.staff-avatar-thumb img{object-fit:cover;width:100%;height:100%}.notif-content-canvas{background-color:#111613;flex:1;margin-top:72px;padding:2rem}.notif-header-row{border-bottom:1px solid #27312b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.notif-page-heading{letter-spacing:-.01em;color:#d6e5ea;font-size:28px;font-weight:600;line-height:36px}.notif-page-sub{color:#bccbb9;margin-top:.25rem;font-size:14px}.btn-action-outline{color:#f8fafc;letter-spacing:.05em;cursor:pointer;background:0 0;border:1px solid #27312b;border-radius:.25rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:12px;font-weight:600;transition:background-color .2s;display:flex}.btn-action-outline:hover{background-color:#1b211e}.btn-mark-read{color:#0b0f0d;letter-spacing:.05em;cursor:pointer;background-color:#22c55e;border:none;border-radius:.25rem;padding:.5rem 1rem;font-size:12px;font-weight:700;transition:background-color .2s}.btn-mark-read:hover{background-color:#4ade80}.notif-bento-grid{grid-template-columns:8fr 4fr;gap:1.5rem;display:grid}.feed-left-col{flex-direction:column;gap:.75rem;display:flex}.feed-header-row{justify-content:space-between;align-items:center;padding:0 .5rem;display:flex}.feed-title{color:#d6e5ea;font-size:18px;font-weight:600;line-height:24px}.feed-time-span{letter-spacing:.03em;color:#bccbb9;text-transform:uppercase;font-size:11px;font-weight:500}.alerts-card-list{background-color:#151a17;border:1px solid #27312b;border-radius:.5rem;flex-direction:column;display:flex;overflow:hidden}.alert-item-row{border-bottom:1px solid #27312b;align-items:flex-start;gap:1rem;padding:1rem;transition:background-color .15s;display:flex;position:relative}.alert-item-row:hover{background-color:#1b211e}.alert-item-row:last-child{border-bottom:none}.critical-border{border-left:4px solid #ef4444}.read-faded{opacity:.7}.alert-icon-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:.25rem;padding:.5rem;display:flex}.alert-content-body{flex:1}.alert-top-title-row{justify-content:space-between;align-items:flex-start;margin-bottom:.25rem;display:flex}.alert-title{color:#d6e5ea;font-size:16px;font-weight:600;line-height:24px}.alert-time-text{color:#bccbb9;font-size:11px}.alert-desc-text{color:#bccbb9;margin-bottom:.75rem;font-size:14px;line-height:20px}.alert-chips-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.alert-type-chip{text-transform:uppercase;border-radius:.25rem;padding:.125rem .5rem;font-size:10px;font-weight:700}.badge-critical{color:#ef4444;background-color:#ef44441a}.device-chip-badge{color:#bccbb9;background-color:#111613;border:1px solid #27312b;border-radius:.25rem;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:11px;display:inline-flex}.view-logs-link-btn{color:#94a3a8;cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;margin-left:auto;font-size:11px;transition:color .2s;display:inline-flex}.view-logs-link-btn:hover{color:#d6e5ea}.open-ticket-btn{color:#f8fafc;cursor:pointer;background:0 0;border:1px solid #27312b;border-radius:.25rem;margin-left:auto;padding:.25rem .75rem;font-size:11px;font-weight:600;transition:background-color .2s}.open-ticket-btn:hover{background-color:#1b211e}.widgets-right-col{flex-direction:column;gap:1.5rem;display:flex}.widget-card{background-color:#151a17;border:1px solid #27312b;border-radius:.5rem;padding:1.25rem}.widget-title{color:#d6e5ea;font-size:18px;font-weight:600;line-height:24px}.summary-2x2-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem;display:grid}.metric-box{background-color:#111613;border:1px solid #27312b;border-radius:.25rem;flex-direction:column;justify-content:center;align-items:center;padding:.75rem;transition:background-color .2s;display:flex}.metric-box:hover{background-color:#1b211e}.cursor-pointer{cursor:pointer}.metric-large-num{letter-spacing:-.02em;margin-bottom:.25rem;font-size:36px;font-weight:700;line-height:44px}.metric-cap-label{letter-spacing:.03em;color:#bccbb9;text-transform:uppercase;font-size:11px;font-weight:500}.volume-header-row{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.bars-chart-container{align-items:flex-end;gap:.5rem;height:8rem;padding-top:1rem;display:flex}.bar-wrapper{flex:1;align-items:flex-end;display:flex;position:relative}.bar{border-top-left-radius:.25rem;border-top-right-radius:.25rem;width:100%;height:100%;transition:all .2s;position:relative}.green-bar{background-color:#4be27733}.green-bar:hover{background-color:#4be27780}.green-bar-glow{background-color:#4be27766;box-shadow:0 0 8px #22c55e33}.red-bar{background-color:#ef444466}.red-bar:hover{background-color:#ef4444b3}.muted-bar{background-color:#94a3a833}.muted-bar:hover{background-color:#94a3a866}.bar-tooltip{color:#d6e5ea;background-color:#0b0f0d;border-radius:.25rem;padding:.125rem .25rem;font-size:10px;display:none;position:absolute;top:-1.5rem;left:50%;transform:translate(-50%)}.bar:hover .bar-tooltip{display:block}.volume-time-labels{color:#94a3a8;text-transform:uppercase;justify-content:space-between;margin-top:.5rem;font-size:10px;font-weight:600;display:flex}.text-amber{color:#f59e0b}.text-muted{color:#94a3a8}.icon-14{font-size:14px}.icon-18{font-size:18px}@media (width<=1024px){.notif-bento-grid{grid-template-columns:1fr}}.support-container{color:#f8fafc;background-color:#0b0f0d;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0;overflow:hidden}.support-sidebar{z-index:50;background-color:#111613;border-right:1px solid #27312b;flex-direction:column;width:260px;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-brand-section{padding:1.5rem 1.5rem 1rem}.brand-logo-title{color:#4be277;letter-spacing:-.01em;font-size:28px;font-weight:700;line-height:36px}.brand-sub-title{letter-spacing:.08em;color:#bccbb9;text-transform:uppercase;margin-top:.25rem;font-size:11px;font-weight:600;line-height:16px}.ticket-btn-wrap{padding:0 1rem 1rem}.btn-new-support{color:#0b0f0d;cursor:pointer;background-color:#22c55e;border:none;border-radius:.375rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.65rem 1rem;font-size:13px;font-weight:700;transition:background-color .2s;display:flex}.btn-new-support:hover{background-color:#4ade80}.support-nav-list{flex-direction:column;flex:1;display:flex;overflow-y:auto}.support-nav-item{color:#bccbb9;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.75rem 1.5rem;font-size:14px;font-weight:500;transition:background-color .2s,color .2s;display:flex}.support-nav-item:hover{color:#f8fafc;background-color:#151a17}.support-nav-item.active{color:#f8fafc;background-color:#4be2771a;border-left:3px solid #4be277;font-weight:700}.support-nav-item.active .nav-symbol{color:#4be277}.nav-symbol{color:inherit;font-size:22px}.support-sidebar-footer{border-top:1px solid #27312b;flex-direction:column;gap:.25rem;padding:1rem;display:flex}.support-footer-item{color:#bccbb9;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.75rem;width:100%;padding:.5rem .75rem;font-size:13px;font-weight:500;transition:background-color .2s,color .2s;display:flex}.support-footer-item:hover{color:#f8fafc;background-color:#151a17}.support-footer-item.logout-action{color:#ffb4ab;margin-top:.25rem}.support-footer-item.logout-action:hover{background-color:#ffb4ab1a}.icon-20{font-size:20px}.support-main-content{flex-direction:column;flex:1;height:100vh;margin-left:260px;display:flex;overflow:hidden}.support-top-header{z-index:40;background-color:#111613;border-bottom:1px solid #27312b;justify-content:space-between;align-items:center;height:72px;padding:0 2rem;display:flex}.header-tabs-group{align-items:center;gap:1.5rem;height:100%;display:flex}.header-tab{color:#bccbb9;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;height:100%;font-size:14px;font-weight:500;transition:color .2s;display:flex}.header-tab:hover{color:#f8fafc}.header-tab.active{color:#4be277;border-bottom:2px solid #4be277;font-weight:700}.header-actions-group{align-items:center;gap:1.5rem;display:flex}.system-live-pill{color:#4ade80;background-color:#4ade801a;border-radius:9999px;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:12px;font-weight:600;display:flex}.header-icon-actions{border-left:1px solid #27312b;align-items:center;gap:1rem;padding-left:1.5rem;display:flex}.action-icon-btn{color:#bccbb9;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex}.action-icon-btn:hover{color:#f8fafc}.header-avatar-wrap{background-color:#1b211e;border:1px solid #27312b;border-radius:50%;width:2rem;height:2rem;overflow:hidden}.header-avatar-wrap img{object-fit:cover;width:100%;height:100%}.support-canvas{background-color:#0b0f0d;flex:1;padding:2rem;overflow-y:auto}.canvas-wrapper{flex-direction:column;gap:1.5rem;max-width:1440px;margin:0 auto;display:flex}.support-page-title{letter-spacing:-.02em;color:#f8fafc;font-size:36px;font-weight:700;line-height:44px}.support-metrics-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.support-metric-card{background-color:#151a17;border:1px solid #27312b;border-radius:.5rem;flex-direction:column;justify-content:space-between;min-height:110px;padding:1.25rem;display:flex}.border-l-secondary{border-left:3px solid #7bd0ff!important}.border-l-error{border-left:3px solid #ffb4ab!important}.border-l-primary{border-left:3px solid #4ae176!important}.metric-header{justify-content:space-between;align-items:flex-start;display:flex}.metric-title{letter-spacing:.05em;color:#bccbb9;text-transform:uppercase;font-size:12px;font-weight:600}.metric-icon{color:#bccbb9;font-size:20px}.metric-number{letter-spacing:-.02em;font-size:36px;font-weight:700;line-height:44px}.text-white{color:#f8fafc}.text-secondary{color:#7bd0ff}.text-error{color:#ffb4ab}.text-primary{color:#4ae176}.support-data-section{background-color:#151a17;border:1px solid #27312b;border-radius:.5rem;flex-direction:column;min-height:500px;display:flex}.filters-bar{background-color:#111613;border-bottom:1px solid #27312b;border-top-left-radius:.5rem;border-top-right-radius:.5rem;align-items:center;gap:1rem;padding:1rem;display:flex}.search-filter-wrap{flex:1;max-width:400px;position:relative}.search-filter-icon{color:#bccbb9;font-size:20px;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.filter-search-input{color:#f8fafc;background-color:#151a17;border:1px solid #27312b;border-radius:.375rem;outline:none;width:100%;padding:.5rem 1rem .5rem 2.5rem;font-size:14px;transition:all .2s}.filter-search-input:focus{border-color:#22c55e;box-shadow:0 0 8px #22c55e26}.filter-divider{background-color:#27312b;width:1px;height:2rem;margin:0 .5rem}.dropdowns-wrap{gap:.75rem;display:flex}.filter-select{color:#f8fafc;cursor:pointer;appearance:none;background-color:#151a17;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23bccbb9%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E);background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:1px solid #27312b;border-radius:.375rem;outline:none;padding:.5rem 2rem .5rem .75rem;font-size:14px}.filter-select:focus{border-color:#22c55e}.tickets-table-wrap{flex:1;overflow-x:auto}.tickets-table{border-collapse:collapse;text-align:left;width:100%}.tickets-table th{color:#94a3a8;letter-spacing:.05em;background-color:#111613;border-bottom:1px solid #27312b;padding:.75rem 1rem;font-size:12px;font-weight:600}.ticket-row{border-bottom:1px solid #27312b;transition:background-color .2s}.ticket-row:hover{background-color:#1b211e}.ticket-row td{padding:.75rem 1rem;font-size:14px}.customer-name{color:#f8fafc;font-weight:500}.device-id{color:#bccbb9;margin-top:.125rem;font-size:11px}.subject-cell{white-space:nowrap;text-overflow:ellipsis;color:#f8fafc;max-width:240px;overflow:hidden}.pill-tag{letter-spacing:.05em;border-radius:.25rem;align-items:center;padding:.125rem .5rem;font-size:11px;font-weight:600;display:inline-flex}.badge-error{color:#ef4444;background-color:#ef44441a}.badge-warning{color:#f59e0b;background-color:#f59e0b1a}.badge-info{color:#7bd0ff;background-color:#7bd0ff1a}.badge-success{color:#4ade80;background-color:#4ade801a}.badge-neutral{color:#f8fafc;background-color:#1b211e;border:1px solid #27312b}.assigned-user{align-items:center;gap:.5rem;display:flex}.user-thumb{background-color:#1b211e;border-radius:50%;width:1.25rem;height:1.25rem;overflow:hidden}.user-thumb img{object-fit:cover;width:100%;height:100%}.btn-view-ticket{color:#f8fafc;cursor:pointer;background-color:#0000;border:1px solid #27312b;border-radius:.25rem;padding:.375rem .75rem;font-size:12px;font-weight:600;transition:background-color .2s}.btn-view-ticket:hover{background-color:#1b211e}.support-table-footer{color:#bccbb9;border-top:1px solid #27312b;justify-content:space-between;align-items:center;margin-top:auto;padding:1rem;font-size:14px;display:flex}.pagination-controls{gap:.5rem;display:flex}.page-btn{color:#bccbb9;cursor:pointer;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;padding:.25rem;transition:background-color .2s;display:flex}.page-btn:hover:not(:disabled){color:#f8fafc;background-color:#1b211e}.page-btn:disabled{opacity:.4;cursor:not-allowed}@media (width<=1024px){.support-metrics-grid{grid-template-columns:repeat(2,1fr)}}.ticket-page-container{color:#d6e5ea;background-color:#0b0f0d;width:100vw;min-height:100vh;display:flex;position:absolute;top:0;left:0;overflow-x:hidden}.ticket-sidebar{z-index:50;background-color:#111613;border-right:1px solid #27312b;flex-direction:column;width:260px;height:100vh;display:flex;position:fixed;top:0;left:0}.ticket-brand-wrap{align-items:center;gap:.875rem;padding:1.5rem 1.5rem 1rem;display:flex}.brand-logo-icon{background-color:#1b211e;border:1px solid #27312b;border-radius:.5rem;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.brand-icon-glyph{color:#4be277;font-size:22px}.brand-logo-text{color:#4be277;font-size:20px;font-weight:700;line-height:24px}.brand-sub-text{color:#869585;font-size:11px}.system-status-box{padding:0 1.25rem 1rem}.status-pill-inner{color:#4be277;background-color:#4ade8014;border:1px solid #4be27733;border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem .75rem;font-size:12px;font-weight:600;display:flex}.live-dot-pulse{background-color:#4be277;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-glow}.ticket-nav-menu,.bottom-menu{flex-direction:column;gap:.35rem;padding:0 .75rem;list-style:none;display:flex}.ticket-nav-menu{flex:1}.ticket-nav-btn{color:#869585;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.875rem;width:100%;padding:.75rem 1rem;font-size:13px;font-weight:500;transition:all .2s;display:flex}.ticket-nav-btn:hover{color:#bccbb9;background-color:#1b211e}.ticket-nav-btn.active{color:#d6e5ea;background-color:#4be2771a;border-left:3px solid #4be277;font-weight:600}.nav-glyph{font-size:20px}.ticket-sidebar-bottom{border-top:1px solid #27312b;margin-top:auto;padding-top:1rem;padding-bottom:1rem}.ticket-main-viewport{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;display:flex}.ticket-top-appbar{z-index:40;background-color:#0b0f0d;border-bottom:1px solid #27312b;justify-content:space-between;align-items:center;height:72px;padding:0 2rem;display:flex;position:fixed;top:0;left:260px;right:0}.appbar-left{align-items:center;gap:.75rem;display:flex}.back-btn{color:#869585;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex}.back-btn:hover{color:#d6e5ea}.ticket-heading-id{color:#d6e5ea;font-size:20px;font-weight:700;line-height:28px}.appbar-right{align-items:center;gap:1rem;display:flex}.pill-badge-wrap{border:1px solid #27312b;border-radius:9999px;align-items:center;gap:.5rem;padding:.25rem .75rem;font-size:12px;font-weight:600;display:flex}.critical-pill{color:#f59e0b;background-color:#f59e0b1a}.open-pill{color:#22c55e;background-color:#4ade801a}.dot-indicator{border-radius:50%;width:8px;height:8px}.dot-amber{background-color:#f59e0b}.dot-green{background-color:#22c55e}.icon-action-btn{color:#bccbb9;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex}.icon-action-btn:hover{color:#4be277}.staff-avatar-wrap{border:1px solid #27312b;border-radius:50%;width:2rem;height:2rem;overflow:hidden}.staff-avatar-wrap img{object-fit:cover;width:100%;height:100%}.ticket-canvas-content{background-color:#0b0f0d;flex:1;margin-top:72px;padding:2rem}.ticket-title-section{margin-bottom:1.5rem}.issue-title{letter-spacing:-.01em;color:#d6e5ea;font-size:28px;font-weight:600;line-height:36px}.issue-meta{color:#869585;margin-top:.25rem;font-size:14px;line-height:20px}.ticket-grid-layout{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}.thread-column,.info-column{flex-direction:column;gap:1.5rem;display:flex}.thread-container{background-color:#151a17;border:1px solid #27312b;border-radius:.75rem;overflow:hidden}.message-row{padding:1.5rem}.border-t-dark{border-top:1px solid #27312b}.staff-msg{background-color:#111613}.message-flex{align-items:flex-start;gap:1rem;display:flex}.customer-avatar-badge{color:#d6e5ea;background-color:#1b211e;border:1px solid #27312b;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:16px;font-weight:600;display:flex}.staff-avatar-badge{border:1px solid #27312b;border-radius:50%;flex-shrink:0;width:2.5rem;height:2.5rem;overflow:hidden}.staff-avatar-badge img{object-fit:cover;width:100%;height:100%}.message-body{flex:1}.message-meta-row{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.sender-name{color:#d6e5ea;align-items:center;gap:.35rem;font-size:16px;font-weight:600;display:flex}.verified-icon{color:#4be277;font-size:16px}.message-time{color:#869585;font-size:12px}.message-text{color:#bccbb9;font-size:14px;line-height:22px}.reply-container{background-color:#151a17;border:1px solid #27312b;border-radius:.75rem;padding:1rem;transition:all .2s}.reply-container:focus-within{border-color:#4be277;box-shadow:0 0 10px #22c55e26}.reply-textarea{color:#d6e5ea;resize:none;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:14px;line-height:20px}.reply-textarea::placeholder{color:#869585}.reply-footer{border-top:1px solid #27312b;justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.75rem;display:flex}.reply-tools{gap:.5rem;display:flex}.tool-btn{color:#869585;cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.tool-btn:hover{color:#d6e5ea;background-color:#1b211e}.send-reply-btn{color:#0b0f0d;letter-spacing:.05em;cursor:pointer;background-color:#22c55e;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-size:12px;font-weight:700;transition:background-color .2s;display:flex}.send-reply-btn:hover{background-color:#4ade80}.send-icon{font-size:18px}.info-card{background-color:#151a17;border:1px solid #27312b;border-radius:.75rem;padding:1rem}.customer-card-header{border-bottom:1px solid #27312b;align-items:center;gap:.875rem;margin-bottom:.875rem;padding-bottom:.875rem;display:flex}.customer-card-avatar{color:#d6e5ea;background-color:#1b211e;border:1px solid #27312b;border-radius:50%;justify-content:center;align-items:center;width:3rem;height:3rem;font-size:18px;font-weight:600;display:flex}.card-person-name{color:#d6e5ea;font-size:16px;font-weight:600}.card-person-email{color:#869585;font-size:12px}.card-row-split{justify-content:space-between;align-items:center;display:flex}.row-key{color:#869585;font-size:12px}.status-badge-active{color:#22c55e;background-color:#4ade801a;border:1px solid #27312b;border-radius:.25rem;align-items:center;gap:.35rem;padding:.25rem .5rem;font-size:11px;font-weight:600;display:flex}.badge-dot-green{background-color:#22c55e;border-radius:50%;width:6px;height:6px}.device-card-header{border-bottom:1px solid #27312b;justify-content:space-between;align-items:center;margin-bottom:.875rem;padding-bottom:.875rem;display:flex}.card-device-title{color:#d6e5ea;align-items:center;gap:.5rem;font-size:16px;font-weight:600;display:flex}.device-offline-pill{color:#ef4444;background-color:#ef44441a;border:1px solid #ef444433;border-radius:.25rem;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:11px;font-weight:600;display:flex}.badge-dot-red{background-color:#ef4444;border-radius:50%;width:6px;height:6px}.device-specs-list{flex-direction:column;gap:.5rem;font-size:12px;display:flex}.spec-item{justify-content:space-between;align-items:center;display:flex}.spec-label{color:#869585}.flex-label{align-items:center;gap:.25rem;display:flex}.spec-value{color:#d6e5ea}.text-red{color:#ef4444;font-weight:600}.divider-top{border-top:1px solid #27312b;margin-top:.5rem;padding-top:.5rem}.text-16{font-size:16px}.text-18{font-size:18px}.actions-card{flex-direction:column;gap:.5rem;display:flex}.actions-header-title{color:#d6e5ea;margin-bottom:.25rem;font-size:16px;font-weight:600}.action-btn-danger,.action-btn-warning,.action-btn-success{cursor:pointer;background:0 0;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.5rem 1rem;font-size:12px;font-weight:600;transition:background-color .2s;display:flex}.action-btn-danger{color:#ef4444;border:1px solid #ef444480}.action-btn-danger:hover{background-color:#ef44441a}.action-btn-warning{color:#f59e0b;border:1px solid #f59e0b80}.action-btn-warning:hover{background-color:#f59e0b1a}.actions-divider{background-color:#27312b;height:1px;margin:.25rem 0}.action-btn-success{color:#4be277;border:1px solid #4be27780}.action-btn-success:hover{background-color:#4be2771a}@media (width<=1024px){.ticket-grid-layout{grid-template-columns:1fr}}