@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700;800&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#0f172a;--ink-soft:#596e66;--paper:#f3f7f5;--panel:#fff;--panel-hover:#f6f9f8;--card:#fff;--card-hover:#f8fafc;--line:#d9e4df;--line-subtle:#e8f0ec;--graphite:#10201c;--graphite-soft:#233832;--graphite-line:#3d5a51;--signal:#10b981;--signal-dim:#1f8f73;--alert:#e0585a;--amber:#d99a3b;--page-header-bg:#f3f7f5eb;--page-header-border:#1f8f732e;--input-bg:#fff;--input-border:#d1dfd9;--table-header-bg:#f0f6f3;--table-row-hover:#1f8f730a;--badge-bg:#eaf3ef;--bg-subtle:#f1f6f3;--font-display:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace;--radius:10px;--radius-lg:14px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#edf5f2;--ink-soft:#8ba69d;--paper:#0a1210;--panel:#111e1b;--panel-hover:#162824;--card:#111e1b;--card-hover:#162824;--line:#ffffff17;--line-subtle:#ffffff0d;--graphite:#fff;--graphite-soft:#c2d9d2;--graphite-line:#ffffff24;--signal:#2dd4bf;--signal-dim:#0d9488;--alert:#f87171;--amber:#fbbf24;--page-header-bg:#0a1210eb;--page-header-border:#2dd4bf29;--input-bg:#0d1715;--input-border:#ffffff1f;--table-header-bg:#0e1a17;--table-row-hover:#2dd4bf0f;--badge-bg:#ffffff0f;--bg-subtle:#142420}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#1f8f7347 transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#1f8f7347;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#1f8f738c}html,body,#root{-webkit-overflow-scrolling:touch;height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;transition:background-color .25s,color .25s}input,select,textarea,button{font-family:var(--font-body);font-size:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.015em;color:var(--ink);margin:0 0 4px}.mono{font-family:var(--font-mono)}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{color:var(--ink);letter-spacing:.01em;font-size:12.5px;font-weight:600}.field input,.field select,.field textarea{border-radius:var(--radius);border:1px solid var(--input-border);background:var(--input-bg);width:100%;color:var(--ink);font-family:var(--font-body);box-sizing:border-box;outline:none;padding:9px 12px;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--signal-dim);box-shadow:0 0 0 3px #1f8f7326}.field-hint{color:var(--ink-soft);margin-top:2px;font-size:11.5px;line-height:1.3}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer}:focus-visible{outline:2px solid var(--signal);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}.shell{width:100%;min-height:100vh;display:flex;position:relative}.sidebar{z-index:120;scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;color:#dceae5;background:#0d1614;border-right:1px solid #ffffff12;flex-direction:column;flex-shrink:0;gap:12px;width:242px;height:100vh;padding:16px 12px;transition:width .24s cubic-bezier(.4,0,.2,1),padding .24s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto;box-shadow:4px 0 24px #00000047}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:99px}.sidebar::-webkit-scrollbar-thumb:hover{background:#2dd4bf66}.sidebar-header{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:10px;padding:2px 4px 12px;display:flex}.brand{align-items:center;gap:11px;text-decoration:none;display:flex;overflow:hidden}.brand-icon-wrap{color:#fff;background:linear-gradient(135deg,#2dd4bf 0%,#0d9488 55%,#064e3b 100%);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .2s;display:flex;box-shadow:0 4px 16px #2dd4bf61,inset 0 1px 1px #fff6}.brand:hover .brand-icon-wrap{transform:scale(1.04)}.brand-text-block{flex-direction:column;gap:2px;line-height:1.15;display:flex}.brand-title-row{align-items:center;gap:5px;display:flex}.brand-title{font-family:var(--font-display);letter-spacing:-.02em;background:linear-gradient(#fff 20%,#bfe7dc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:800}.brand-dot{background:#2dd4bf;border-radius:50%;width:5px;height:5px;margin-top:1px;box-shadow:0 0 8px #2dd4bf}.sidebar-toggle-btn{color:#8baaa0;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-toggle-btn:hover{color:#2dd4bf;background:#2dd4bf26;border-color:#2dd4bf59;transform:translateY(-1px)}.nav{flex-direction:column;gap:2px;display:flex}.nav-group-header{margin-top:10px;margin-bottom:2px;padding:0 8px}.nav-group-title{letter-spacing:.11em;color:#55756c;text-transform:uppercase;font-size:10px;font-weight:700}.nav-group-divider{background:#ffffff14;width:24px;height:1px;margin:6px auto}.nav-item{color:#92aca2;white-space:nowrap;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;font-weight:500;text-decoration:none;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-item-active-bar{display:none}.nav-icon-wrap{color:#82a096;background:#ffffff08;border:1px solid #ffffff0a;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.nav-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.nav-chevron{opacity:0;color:#55756c;flex-shrink:0;transition:all .18s;transform:translate(-4px)}.nav-item:hover{color:#fff;background:#ffffff0d;border-color:#ffffff0f}.nav-item:hover .nav-icon-wrap{color:#2dd4bf;background:#2dd4bf1f;border-color:#2dd4bf4d;transform:scale(1.04)}.nav-item:hover .nav-chevron{opacity:1;transform:translate(0)}.nav-item.active{color:#fff;background:linear-gradient(90deg,#2dd4bf29 0%,#2dd4bf08 100%);border-color:#2dd4bf40;font-weight:600;box-shadow:0 2px 8px #00000026}.nav-item.active .nav-item-active-bar{background:#2dd4bf;border-radius:0 3px 3px 0;width:3.5px;display:block;position:absolute;top:7px;bottom:7px;left:0;box-shadow:0 0 8px #2dd4bfcc}.nav-item.active .nav-icon-wrap{color:#fff;background:linear-gradient(135deg,#2dd4bf 0%,#0d9488 100%);border-color:#0000;box-shadow:0 2px 8px #2dd4bf66}.nav-item.active .nav-chevron{opacity:.8;color:#2dd4bf}.sidebar-footer{border-top:1px solid #ffffff12;flex-direction:column;gap:8px;margin-top:auto;padding-top:12px;display:flex}.sidebar-desktop-card{background:#ffffff05;border:1px solid #2dd4bf2e;border-radius:10px;padding:10px 11px;transition:all .2s;position:relative}.sidebar-desktop-card:hover{background:#2dd4bf0f;border-color:#2dd4bf61;box-shadow:0 4px 14px #0003}.sidebar-desktop-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.sidebar-desktop-badge{align-items:center;gap:8px;display:flex}.sidebar-radar-wrap{justify-content:center;align-items:center;width:10px;height:10px;display:flex;position:relative}.sidebar-radar-ping{background:#2dd4bf80;border-radius:50%;width:100%;height:100%;animation:1.8s cubic-bezier(0,0,.2,1) infinite radarPing;position:absolute}.sidebar-desktop-dot{z-index:1;background:#2dd4bf;border-radius:50%;width:6px;height:6px;position:relative;box-shadow:0 0 6px #2dd4bf}@keyframes radarPing{75%,to{opacity:0;transform:scale(2.2)}}.sidebar-desktop-title{color:#fff;letter-spacing:.01em;font-size:11.5px;font-weight:700}.sidebar-desktop-status{text-transform:uppercase;color:#2dd4bf;letter-spacing:.04em;background:#2dd4bf26;border:1px solid #2dd4bf4d;border-radius:4px;padding:1px 5px;font-size:8.5px;font-weight:700}.sidebar-desktop-desc{color:#8baaa0;margin:0;font-size:10.5px;line-height:1.35}.logout-btn{color:#92aca2;cursor:pointer;background:#ffffff05;border:1px solid #ffffff12;border-radius:9px;justify-content:flex-start;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13px;font-weight:500;transition:all .18s;display:flex}.logout-icon-wrap{background:#ffffff08;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .2s;display:flex}.logout-btn:hover{color:#fca5a5;background:#ef44441a;border-color:#ef44444d}.logout-btn:hover .logout-icon-wrap{color:#ef4444;background:#ef444433}.sidebar.collapsed{width:68px;padding:16px 8px}.sidebar.collapsed .sidebar-header{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;padding:0 0 12px}.sidebar.collapsed .brand{justify-content:center;gap:0;width:100%}.sidebar.collapsed .brand-text-block{display:none!important}.sidebar.collapsed .brand-icon-wrap{flex-shrink:0;width:36px;height:36px;margin:0 auto}.sidebar.collapsed .sidebar-toggle-btn{width:34px;height:28px;margin:0 auto;position:relative}.sidebar.collapsed .nav-group-title{display:none}.sidebar.collapsed .nav-item{justify-content:center;width:44px;height:40px;margin:2px auto;padding:0;position:relative}.sidebar.collapsed .nav-item .nav-icon-wrap{width:36px;height:36px}.sidebar.collapsed .nav-item:hover .nav-icon-wrap{transform:scale(1.08)}.sidebar.collapsed .nav-item[data-title]:after,.sidebar.collapsed .sidebar-desktop-card[data-title]:after,.sidebar.collapsed .logout-btn[data-title]:after,.sidebar.collapsed .sidebar-toggle-btn[data-title]:after{content:attr(data-title);color:#e6f6f1;pointer-events:none;opacity:0;visibility:hidden;z-index:1000;white-space:nowrap;background:#0d1e1a;border:1px solid #2dd4bf4d;border-radius:7px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:calc(100% + 14px);transform:translateY(-50%)scale(.92);box-shadow:0 8px 24px #0000008c}.sidebar.collapsed .nav-item:hover:after,.sidebar.collapsed .sidebar-desktop-card:hover:after,.sidebar.collapsed .logout-btn:hover:after,.sidebar.collapsed .sidebar-toggle-btn:hover:after{opacity:1;visibility:visible;transform:translateY(-50%)scale(1)}.sidebar.collapsed .nav-item.active{box-shadow:none;background:0 0;border-color:#0000}.sidebar.collapsed .nav-item.active .nav-icon-wrap{color:#fff;background:linear-gradient(135deg,#2dd4bf 0%,#0d9488 100%);box-shadow:0 0 0 1.5px #2dd4bf,0 4px 12px #2dd4bf66}.sidebar.collapsed .nav-item.active .nav-item-active-bar{display:none}.sidebar.collapsed .sidebar-footer{align-items:center}.sidebar.collapsed .sidebar-desktop-card{justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto;padding:0;display:flex}.sidebar.collapsed .sidebar-desktop-header{margin-bottom:0}.sidebar.collapsed .sidebar-desktop-badge{gap:0}.sidebar.collapsed .logout-btn{justify-content:center;width:44px;height:40px;margin:0 auto;padding:0;position:relative}.global-topbar{z-index:100;background:var(--panel);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);justify-content:space-between;align-items:center;height:60px;padding:0 32px;transition:left .24s cubic-bezier(.4,0,.2,1),background-color .24s;display:flex;position:fixed;top:0;left:242px;right:0;box-shadow:0 2px 10px #0000000a}.shell.sidebar-collapsed .global-topbar{left:68px}.global-topbar-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.topbar-module-info{flex-direction:column;gap:2px;min-width:0;display:flex}.topbar-module-header{align-items:center;gap:8px;display:flex}.topbar-module-title{color:var(--ink);letter-spacing:-.01em;white-space:nowrap;font-size:14.5px;font-weight:700}.topbar-module-desc{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;max-width:720px;margin:0;font-size:11.5px;line-height:1.25;overflow:hidden}.topbar-live-status{background:var(--badge-bg);border:1px solid var(--line);border-radius:20px;align-items:center;gap:8px;padding:4px 12px;display:inline-flex}.topbar-live-dot{background:var(--signal);width:7px;height:7px;box-shadow:0 0 8px var(--signal);border-radius:50%;flex-shrink:0;animation:1.8s infinite pulse}.topbar-live-text{color:var(--ink-soft);letter-spacing:.02em;font-size:12px;font-weight:600}.global-topbar-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.main{box-sizing:border-box;width:calc(100% - 242px);min-height:100vh;margin-left:242px;padding:82px 32px 48px;transition:margin-left .24s cubic-bezier(.4,0,.2,1),width .24s cubic-bezier(.4,0,.2,1)}.shell.sidebar-collapsed .main{width:calc(100% - 68px);margin-left:68px}.main>div{box-sizing:border-box;width:100%;max-width:1280px;margin:0 auto}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.page-header>div:first-child{flex:1;min-width:240px}.page-header h1{font-family:var(--font-display);color:var(--ink);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700}.page-header p{color:var(--ink-soft);margin:3px 0 0;font-size:13px;font-weight:400}.mobile-header,.mobile-backdrop{display:none}@media (width<=992px){.main{padding:78px 20px 40px}.global-topbar{padding:0 20px}}@media (width<=768px){.shell{flex-direction:column}.global-topbar{display:none}.mobile-header{z-index:250;color:#fff;background:#0d1614;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 10px #0003}.mobile-header-actions{align-items:center;gap:8px;display:flex}.mobile-menu-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;transition:all .2s;display:flex}.mobile-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:290;background:#000000a6;display:block;position:fixed;inset:0}.sidebar{z-index:300;width:260px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #0006}.sidebar.mobile-open{transform:translate(0)}.main{width:100%!important;margin-left:0!important;padding:68px 12px 36px!important}.page-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:16px}.page-header h1{font-size:20px}.page-header p{font-size:12px}.panel,.card,.dept-form-panel,.dept-main-panel,.shift-card-panel,.emp-filter-panel,.live-filter-panel{border-radius:10px!important;margin-bottom:12px!important;padding:14px 12px!important}.table-responsive-wrapper,.table-wrapper,.data-table-container,.table-scroll{-webkit-overflow-scrolling:touch;border-radius:inherit;width:100%;margin-bottom:4px;overflow-x:auto}table{font-size:12px}th{white-space:nowrap;letter-spacing:.03em;padding:8px 10px!important;font-size:10.5px!important}td{padding:9px 10px!important;font-size:12px!important}input,select,textarea{border-radius:7px!important;padding:8px 10px!important;font-size:13px!important}.field{gap:4px!important;margin-bottom:10px!important}label{margin-bottom:3px!important;font-size:10.5px!important}.btn{border-radius:7px!important;padding:7px 12px!important;font-size:12px!important}.btn-sm{padding:5px 9px!important;font-size:11px!important}.modal-box{border-radius:12px!important;max-width:95%!important;max-height:88vh!important;padding:16px!important}}@media (width<=480px){.main{padding:64px 8px 30px!important}.panel,.card,.dept-form-panel,.dept-main-panel,.shift-card-panel,.emp-filter-panel,.live-filter-panel{border-radius:8px!important;padding:12px 10px!important}th{padding:7px 8px!important;font-size:10px!important}td{padding:8px!important;font-size:11.5px!important}.badge{padding:2px 6px!important;font-size:10px!important}}.panel,.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px;transition:background-color .2s,border-color .2s,box-shadow .2s;box-shadow:0 1px 3px #00000008}@media (width<=680px){.grid-2{grid-template-columns:1fr}}label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:11.5px;font-weight:700;display:block}input,select,textarea{border:1px solid var(--input-border);width:100%;font-size:13.5px;font-family:var(--font-body);background:var(--input-bg);color:var(--ink);box-sizing:border-box;border-radius:8px;padding:9px 12px;transition:border-color .18s,box-shadow .18s,background-color .18s}input::placeholder,textarea::placeholder{color:var(--ink-soft);opacity:.65}select option{background:var(--panel);color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:var(--signal);outline:none;box-shadow:0 0 0 3px #29b8932e}.field{margin-bottom:14px}.btn{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:600;line-height:1.25;transition:all .18s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--signal-dim);border-color:var(--signal-dim);color:#fff;box-shadow:0 2px 6px #29b89338}.btn-primary:hover:not(:disabled){background:var(--signal);border-color:var(--signal);transform:translateY(-1px);box-shadow:0 4px 12px #29b89352}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:var(--panel);border:1px solid var(--line);color:var(--ink)}.btn-ghost:hover:not(:disabled){background:var(--panel-hover);border-color:var(--signal);color:var(--signal);transform:translateY(-1px)}.btn-ghost:active:not(:disabled){transform:scale(.98)}.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.btn-danger{color:var(--alert);background:#ef44441a;border:1px solid #ef44444d}.btn-danger:hover:not(:disabled){background:var(--alert);border-color:var(--alert);color:#fff}.btn-sm{border-radius:6px;padding:6px 12px;font-size:12px}.error-text{color:var(--alert);margin-top:6px;font-size:12.5px;font-weight:500}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);background:var(--table-header-bg);border-bottom:1px solid var(--line);padding:11px 14px;font-size:11px;font-weight:700}td{border-bottom:1px solid var(--line);color:var(--ink);padding:12px 14px;transition:background-color .15s}tr:last-child td{border-bottom:none}tr:hover td{background:var(--table-row-hover)}.badge{letter-spacing:.02em;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-flex}.badge-present{color:var(--signal-dim);background:#29b89324;border:1px solid #29b8934d}.badge-late{color:var(--amber);background:#d99a3b26;border:1px solid #d99a3b4d}.badge-half_day{color:#c44d4f;background:#e0585a1f;border:1px solid #e0585a47}.badge-absent{color:var(--alert);background:#e0585a29;border:1px solid #e0585a59}.badge-on_leave,.badge-checked_out{background:var(--badge-bg);color:var(--ink-soft);border:1px solid var(--line)}.modal-backdrop,.modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out modalOverlayFadeIn;display:flex;position:fixed;inset:0}.modal-box{background:var(--panel);border:1px solid var(--line);color:var(--ink);box-sizing:border-box;border-radius:14px;width:100%;max-width:520px;max-height:90vh;padding:24px;animation:.22s cubic-bezier(.16,1,.3,1) modalBoxPop;overflow-y:auto;box-shadow:0 16px 48px -4px #00000059,0 4px 16px #00000026}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalBoxPop{0%{opacity:0;transform:scale(.95)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.sync-notice-banner{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;padding:14px 18px;display:flex;box-shadow:0 1px 4px #00000008}.sync-notice-icon-wrap{width:36px;height:36px;color:var(--signal-dim);background:#29b8931f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sync-notice-pill{background:var(--badge-bg);border:1px solid var(--line);color:var(--signal-dim);letter-spacing:.02em;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.empty-state-box{text-align:center;background:var(--panel);border:1px dashed var(--line);color:var(--ink-soft);border-radius:12px;padding:42px 20px}.empty-state-icon{opacity:.7;margin-bottom:8px;font-size:32px}.empty-state-title{color:var(--ink);margin-bottom:4px;font-size:15px;font-weight:700}.empty-state-desc{color:var(--ink-soft);max-width:420px;margin:0 auto;font-size:13px}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.global-plan-expired-banner{border:1px solid #ef444461;border-left:4px solid var(--alert,#ef4444);background:linear-gradient(135deg,#ef44441f 0%,#dc26260d 100%);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;padding:10px 16px;animation:.28s cubic-bezier(.16,1,.3,1) bannerFadeIn;display:flex;box-shadow:0 2px 10px #ef444414}@keyframes bannerFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.global-plan-expired-banner .banner-left{flex:1;align-items:center;gap:12px;min-width:280px;display:flex}.global-plan-expired-banner .banner-icon-wrap{width:32px;height:32px;color:var(--alert,#ef4444);background:#ef44442e;border:1px solid #ef444459;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.global-plan-expired-banner .banner-text{color:var(--ink);font-size:13px;line-height:1.45}.global-plan-expired-banner .banner-text strong{color:var(--alert,#ef4444);margin-right:4px;font-weight:700}.global-plan-expired-banner .banner-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.global-plan-expired-banner .banner-action-btn{cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.global-plan-expired-banner .banner-action-btn.primary{background:var(--alert,#ef4444);color:#fff;border:1px solid #0000;box-shadow:0 2px 8px #ef44444d}.global-plan-expired-banner .banner-action-btn.primary:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.global-plan-expired-banner .banner-action-btn.primary:active{transform:translateY(0)}.theme-toggle-btn{background:var(--panel);border:1px solid var(--line);width:38px;height:38px;color:var(--ink-soft);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #0000000d}.theme-toggle-btn:hover{background:var(--panel-hover,#29b8931a);color:var(--signal);border-color:#29b89359;transform:translateY(-1px);box-shadow:0 4px 12px #29b89326}.theme-toggle-icon-wrap{justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex}.theme-toggle-btn:hover .theme-toggle-icon-wrap{transform:rotate(20deg)scale(1.1)}.theme-icon.sun-icon{color:#f59e0b}.theme-icon.moon-icon{color:#6366f1}.theme-toggle-label{color:var(--ink);font-size:13px;font-weight:500}.org-popover-container{display:inline-flex;position:relative}.org-popover-btn{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:20px;align-items:center;gap:9px;padding:4px 12px 4px 6px;transition:all .15s;display:inline-flex;box-shadow:0 1px 4px #0000000a}.org-popover-btn:hover,.org-popover-btn.active{background:var(--panel-hover);border-color:var(--signal-dim);box-shadow:0 3px 12px #29b8931f}.org-btn-avatar{width:28px;height:28px;color:var(--signal-dim);background:#29b8931f;border-radius:50%;justify-content:center;align-items:center;display:flex}.org-btn-text{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.org-btn-name{color:var(--ink);font-size:12px;font-weight:700;line-height:1.2}.org-btn-sub{color:var(--ink-soft);font-size:10px;font-weight:500;line-height:1.2}.org-btn-chevron{color:var(--ink-soft);transition:transform .2s}.org-btn-chevron.open{transform:rotate(180deg)}.org-popover-menu{background:var(--panel);border:1px solid var(--line);z-index:1000;border-radius:14px;width:330px;animation:.15s ease-out popoverFade;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 30px #0003}@keyframes popoverFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.org-menu-header{background:var(--panel-hover);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.org-menu-brand{align-items:center;gap:10px;display:flex}.org-menu-avatar{width:36px;height:36px;color:var(--signal-dim);background:#29b8931f;border-radius:10px;justify-content:center;align-items:center;display:flex}.org-menu-title{color:var(--ink);font-size:13.5px;font-weight:700}.org-menu-admin{color:var(--ink-soft);align-items:center;gap:4px;font-size:11px;display:flex}.org-menu-badge{color:var(--signal-dim);background:#29b89326;border-radius:10px;padding:2px 8px;font-size:10.5px;font-weight:700}.org-menu-quotas{border-bottom:1px solid var(--line);flex-direction:column;gap:10px;padding:12px 16px;display:flex}.org-quota-item{background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;transition:border-color .15s,background-color .15s;display:flex}.org-quota-item:hover{background:var(--panel-hover);border-color:var(--signal-dim)}.org-quota-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.org-quota-icon.cam{color:var(--signal-dim);background:#29b8931f}.org-quota-icon.emp{color:#3b82f6;background:#3b82f61f}.org-quota-details{flex-direction:column;flex:1;gap:4px;display:flex}.org-quota-title-row{color:var(--ink);justify-content:space-between;font-size:11.5px;display:flex}.org-quota-title-row strong{color:var(--ink);font-size:11.5px}.org-quota-bar{background:var(--line);border-radius:4px;height:5px;overflow:hidden}.org-quota-fill{border-radius:4px;height:100%}.org-quota-fill.cam{background:var(--signal-dim)}.org-quota-fill.emp{background:#3b82f6}.org-menu-links{padding:8px 12px}.org-menu-link-btn{width:100%;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:12px;font-weight:600;transition:background-color .15s,color .15s;display:flex}.org-menu-link-btn:hover{background:var(--panel-hover);color:var(--signal-dim)}.org-menu-footer{background:var(--panel-hover);border-top:1px solid var(--line);justify-content:flex-end;padding:8px 16px;display:flex}.org-logout-action{color:var(--alert);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:4px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.org-logout-action:hover{background:#e0585a14}.notif-container{display:inline-block;position:relative}.notif-bell-btn{background:var(--panel);border:1px solid var(--line);width:38px;height:38px;color:var(--ink);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 1px 3px #0000000a}.notif-bell-btn:hover{background:var(--panel-hover);border-color:var(--signal-dim);color:var(--signal-dim);transform:translateY(-1px);box-shadow:0 3px 8px #00000014}.notif-bell-btn.active{background:var(--panel-hover);border-color:var(--signal-dim);color:var(--signal-dim)}.notif-badge-pill{background:var(--alert);color:#fff;min-width:18px;height:18px;font-family:var(--font-mono);border:2px solid var(--panel);border-radius:10px;justify-content:center;align-items:center;padding:0 5px;font-size:10.5px;font-weight:700;animation:2s infinite pulse-badge;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 5px #e0585a66}.notif-badge-pill.important-only{background:var(--alert)}@keyframes pulse-badge{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.notif-dropdown{background:var(--panel);border:1px solid var(--line);z-index:1000;border-radius:14px;width:500px;max-width:92vw;animation:.2s cubic-bezier(.16,1,.3,1) notif-slide-down;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 16px 42px #00000040,0 4px 14px #0000001a}@keyframes notif-slide-down{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.notif-header{border-bottom:1px solid var(--line);background:var(--panel-hover);justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.notif-header-title{color:var(--ink);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.notif-header-actions{align-items:center;gap:8px;display:flex}.notif-mark-read-btn{color:var(--signal-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px 6px;font-size:11.5px;font-weight:600;transition:all .15s}.notif-mark-read-btn:hover{color:var(--signal);background:#29b8931a}.notif-tabs-bar{background:var(--paper);border-bottom:1px solid var(--line);gap:6px;padding:4px 12px;display:flex}.notif-tab{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;padding:6px 8px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.notif-tab:hover{color:var(--ink);background:#ffffff14}.notif-tab.active{background:var(--panel);color:var(--ink);box-shadow:0 1px 3px #0000001a}.notif-tab-badge{background:var(--badge-bg);font-size:10.5px;font-family:var(--font-mono);color:var(--ink-soft);border-radius:10px;padding:1px 5px}.notif-tab.active .notif-tab-badge{color:var(--signal-dim);background:#29b8932e}.notif-tab-badge.imp{color:var(--alert);background:#e0585a26}.notif-list{scrollbar-width:thin;max-height:460px;overflow-y:auto}.notif-list::-webkit-scrollbar{width:5px}.notif-list::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}.notif-item{border-bottom:1px solid var(--line);cursor:pointer;background:var(--panel);align-items:flex-start;gap:13px;padding:13px 18px;transition:background .15s;display:flex;position:relative}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--panel-hover)}.notif-item.unread{background:#29b8930f}.notif-item.unread:hover{background:#29b8931a}.notif-item.important{border-left:4px solid var(--alert)}.notif-item.warning{border-left:4px solid var(--amber)}.notif-item.success{border-left:4px solid var(--signal)}.notif-item.info{border-left:4px solid #5b8def}.notif-icon-box{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;display:flex}.notif-icon-box.imp{color:var(--alert);background:#e0585a1f}.notif-icon-box.warn{color:var(--amber);background:#d99a3b24}.notif-icon-box.suc{color:var(--signal-dim);background:#29b89324}.notif-icon-box.inf{color:#3b74e6;background:#5b8def1f}.notif-content{flex:1;min-width:0}.notif-title-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:3px;display:flex}.notif-title{color:var(--ink);font-size:13.5px;font-weight:700}.notif-time{font-family:var(--font-mono);color:var(--ink-soft);white-space:nowrap;font-size:11px}.notif-message{color:var(--ink-soft);word-break:break-word;margin:0;font-size:12px;line-height:1.45}.notif-unread-dot{background:var(--signal);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:6px}.notif-empty{text-align:center;color:var(--ink-soft);padding:36px 20px}.notif-empty-icon{opacity:.7;margin-bottom:6px;font-size:28px}.notif-empty-text{font-size:12.5px;font-weight:500}.notif-footer{background:var(--panel-hover);border-top:1px solid var(--line);color:var(--ink-soft);justify-content:space-between;align-items:center;padding:10px 16px;font-size:11.5px;display:flex}.plan-expiry-timer-pill{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:5px 12px 5px 10px;font-family:inherit;font-size:12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 3px #0000000d}.plan-expiry-timer-pill:hover{transform:translateY(-1px);box-shadow:0 3px 8px #0000001a}.timer-icon-wrap{justify-content:center;align-items:center;display:flex}.timer-content{white-space:nowrap;align-items:center;gap:5px;display:flex}.timer-label{opacity:.9;font-size:11.5px;font-weight:600}.timer-time{font-family:var(--font-mono,monospace);letter-spacing:.02em;font-size:12px;font-weight:700}.timer-arrow{opacity:.6;margin-left:1px;transition:transform .15s,opacity .15s}.plan-expiry-timer-pill:hover .timer-arrow{opacity:1;transform:translate(2px)}.plan-expiry-timer-pill.normal{color:#0d9488;background:#1f8f731a;border-color:#1f8f7340}.plan-expiry-timer-pill.normal:hover{background:#1f8f7329;border-color:#1f8f7366}.plan-expiry-timer-pill.warning{color:#d97706;background:#f59e0b1f;border-color:#f59e0b59}.plan-expiry-timer-pill.warning:hover{background:#f59e0b2e;border-color:#f59e0b80}.plan-expiry-timer-pill.urgent{color:#dc2626;background:#ef44441f;border-color:#ef444466;animation:2s infinite pulse-urgent}.plan-expiry-timer-pill.urgent .urgent-text{color:#b91c1c}@keyframes pulse-urgent{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.plan-expiry-timer-pill.expired{color:#b91c1c;background:#dc262626;border-color:#dc262673}.plan-expiry-timer-pill.expired .expired-text{text-transform:uppercase;font-weight:800}@media (width<=900px){.plan-expiry-timer-pill{padding:4px 8px;font-size:11px}.timer-label{display:none}}.plan-expired-modal-box{background:var(--panel)!important;border:1px solid #ef444459!important;border-radius:16px!important;max-width:540px!important;padding:0!important;overflow:hidden!important;box-shadow:0 25px 65px #00000059,0 0 0 1px #ef444433!important}.plan-expired-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#2b0b0e 0%,#1f0709 100%);border-bottom:1px solid #ef444433;padding:26px 24px 20px;position:relative}.plan-expired-close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex;position:absolute;top:14px;right:14px}.plan-expired-close-btn:hover{background:#ffffff38;transform:scale(1.05)}.plan-expired-hero-icon-wrap{color:#f87171;background:#ef44442e;border:2px solid #ef444480;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 12px;display:flex;box-shadow:0 0 0 6px #ef44441f}.plan-expired-title{font-family:var(--font-display);color:#fff;letter-spacing:-.01em;margin:0 0 6px;font-size:20px;font-weight:700}.plan-expired-subtitle{color:#fca5a5;margin:0;font-size:13px;line-height:1.4}.plan-expired-details-strip{border-bottom:1px solid var(--line);background:var(--panel);grid-template-columns:repeat(3,1fr);display:grid}.plan-expired-detail-card{border-right:1px solid var(--line);text-align:center;flex-direction:column;justify-content:center;padding:10px 14px;display:flex}.plan-expired-detail-card:last-child{border-right:none}.detail-card-label{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);margin-bottom:2px;font-size:9.5px;font-weight:700}.detail-card-val{color:var(--ink);font-size:12.5px;font-weight:600}.detail-card-val.text-danger{color:var(--alert,#ef4444)}.plan-expired-body{background:var(--panel);flex-direction:column;gap:12px;padding:16px 20px;display:flex}.plan-expired-impact-box{background:#ef44440d;border:1px solid #ef444433;border-radius:10px;padding:12px 14px}.impact-box-title{color:var(--alert,#ef4444);align-items:center;gap:7px;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.impact-list{color:var(--ink);flex-direction:column;gap:4px;margin:0;padding-left:18px;font-size:11.5px;line-height:1.55;display:flex}.impact-list li strong{color:var(--ink)}.plan-expired-renew-guide{color:var(--ink-soft);font-size:11.5px;line-height:1.45}.guide-title{color:var(--ink);margin-bottom:2px;font-weight:700;display:block}.guide-desc{margin:0}.plan-expired-footer{background:var(--panel);border-top:1px solid var(--line);flex-direction:column;gap:8px;padding:14px 20px;display:flex}.plan-renew-btn{justify-content:center;width:100%;padding:9px 16px;font-size:13px;font-weight:600;text-decoration:none;box-shadow:0 2px 8px #ef444440;background:var(--alert,#ef4444)!important;border-color:var(--alert,#ef4444)!important;color:#fff!important}.plan-renew-btn:hover{color:#fff!important;background:#dc2626!important;border-color:#dc2626!important}.plan-profile-btn{justify-content:center;width:100%;padding:7px 14px;font-size:12.5px}.plan-dismiss-btn{justify-content:center;width:100%;padding:5px 12px;font-size:11.5px;color:var(--ink-soft)!important}.login-root{width:100%;min-height:100vh;font-family:var(--font-body,system-ui, -apple-system, sans-serif);color:#edf5f2;box-sizing:border-box;background-color:#070e0c;background-image:radial-gradient(circle at 50% 10%,#0d221c 0%,#070e0c 60%,#040807 100%);justify-content:center;align-items:center;padding:48px 20px;display:flex;position:relative;overflow-x:hidden}.login-bg-glow{pointer-events:none;filter:blur(100px);z-index:0;border-radius:50%;position:absolute}.login-bg-glow.glow-top{background:radial-gradient(circle,#10b9812e 0%,#0d948814 60%,#0000 80%);width:580px;height:340px;top:-120px;left:50%;transform:translate(-50%)}.login-bg-glow.glow-bottom{background:radial-gradient(circle,#2dd4bf14 0%,#0000 70%);width:460px;height:300px;bottom:-100px;right:15%}.login-bg-grid{pointer-events:none;opacity:.6;z-index:0;background-image:radial-gradient(#ffffff0a 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.login-card-container{z-index:1;flex-direction:column;align-items:center;width:100%;max-width:440px;animation:.38s cubic-bezier(.16,1,.3,1) loginCardFadeIn;display:flex;position:relative}@keyframes loginCardFadeIn{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.login-brand-header{text-align:center;margin-bottom:26px}.login-logo-wrapper{margin-bottom:14px;display:inline-block;position:relative}.login-logo-glow{filter:blur(14px);opacity:.7;background:linear-gradient(135deg,#10b98180 0%,#0d94884d 100%);border-radius:20px;position:absolute;inset:-6px}.login-logo-badge{color:#06110e;background:linear-gradient(135deg,#10b981 0%,#0d9488 100%);border:1px solid #fff3;border-radius:18px;justify-content:center;align-items:center;width:60px;height:60px;display:inline-flex;position:relative;box-shadow:0 8px 24px #10b98161,inset 0 1px 1px #fff6}.brand-shield-icon{stroke-width:2.2px}.login-title-row{justify-content:center;align-items:center;gap:8px;display:flex}.login-system-title{font-family:var(--font-display,inherit);letter-spacing:-.025em;color:#fff;text-shadow:0 2px 10px #0006;margin:0;font-size:26px;font-weight:800}.brand-version-tag{text-transform:uppercase;letter-spacing:.06em;color:#34d399;background:#10b98129;border:1px solid #10b98159;border-radius:12px;padding:2px 7px;font-size:10px;font-weight:700}.login-company-sub{color:#8da59d;letter-spacing:.01em;margin:6px 0 0;font-size:13px;font-weight:500}.login-box{-webkit-backdrop-filter:blur(20px);box-sizing:border-box;background:#0e1916e0;border:1px solid #ffffff1a;border-radius:20px;width:100%;padding:34px 30px;transition:all .25s;box-shadow:0 28px 64px -12px #000000a6,inset 0 0 0 1px #ffffff0a}.login-box-header{margin-bottom:22px}.back-btn-header{color:#8da59d;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0 0 14px;font-size:12.5px;font-weight:600;transition:color .15s,transform .15s;display:inline-flex}.back-btn-header:hover{color:#10b981;transform:translate(-3px)}.recovery-header-block{align-items:flex-start;gap:12px;margin-bottom:4px;display:flex}.header-icon-pill{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.header-icon-pill.amber{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b59}.header-icon-pill.green{color:#10b981;background:#10b98126;border:1px solid #10b98159}.login-box-title{font-family:var(--font-display,inherit);color:#fff;letter-spacing:-.01em;margin:0 0 4px;font-size:21px;font-weight:700}.login-box-subtitle{color:#8da59d;margin:0;font-size:13px;line-height:1.45}.login-box-subtitle strong{color:#f0fdf9}.verified-badge{color:#34d399;margin-left:4px;font-size:12px;display:inline-block}.login-form{flex-direction:column;gap:18px;display:flex}.login-error-banner{color:#fca5a5;background:#ef444424;border:1px solid #ef444461;border-radius:10px;align-items:center;gap:10px;margin-bottom:2px;padding:12px 14px;font-size:13px;line-height:1.45;animation:.3s cubic-bezier(.36,.07,.19,.97) errorShake;display:flex}@keyframes errorShake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.error-icon{color:#ef4444;flex-shrink:0}.error-text-wrap{flex:1}.form-group{flex-direction:column;gap:7px;display:flex}.form-label-row{justify-content:space-between;align-items:center;display:flex}.form-group label{color:#c2d9d2;font-size:12.5px;font-weight:600}.forgot-link-btn{color:#10b981;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600;transition:color .15s,-webkit-text-decoration .15s,text-decoration .15s}.forgot-link-btn:hover{color:#34d399;text-decoration:underline}.input-field-wrapper{align-items:center;display:flex;position:relative}.input-field-wrapper .input-icon{color:#5c7870;pointer-events:none;transition:color .2s;position:absolute;left:14px}.input-field-wrapper input{color:#fff;width:100%;height:46px;font-family:var(--font-body,inherit);box-sizing:border-box;background:#091512;border:1px solid #ffffff1f;border-radius:10px;padding:0 44px 0 42px;font-size:14px;transition:all .2s}.input-field-wrapper input::placeholder{color:#4b635d;font-size:13.5px}.input-field-wrapper input:focus{background:#0d1e19;border-color:#10b981;outline:none;box-shadow:0 0 0 3.5px #10b9812e}.input-field-wrapper:focus-within .input-icon{color:#10b981}.password-toggle{color:#5c7870;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:color .15s,background .15s;display:flex;position:absolute;right:10px}.password-toggle:hover{color:#edf5f2;background:#ffffff0f}.form-options-row{justify-content:space-between;align-items:center;margin-top:-2px;display:flex}.remember-me-checkbox{color:#8da59d;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;font-size:12.5px;display:inline-flex}.remember-me-checkbox input[type=checkbox]{accent-color:#10b981;cursor:pointer;border-radius:4px;width:16px;height:16px}.remember-me-checkbox:hover{color:#c2d9d2}.password-match-badge{border-radius:8px;margin-top:-4px;padding:7px 12px;font-size:12px;font-weight:600}.password-match-badge.matched{color:#34d399;background:#10b9811f;border:1px solid #10b98147}.password-match-badge.mismatched{color:#f87171;background:#ef44441f;border:1px solid #ef444447}.login-btn{color:#05120e;width:100%;height:48px;font-family:var(--font-body,inherit);cursor:pointer;border:none;border-radius:11px;justify-content:center;align-items:center;gap:8px;margin-top:4px;font-size:14.5px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 18px #10b98152}.login-btn.primary-submit{background:linear-gradient(135deg,#10b981 0%,#0d9488 100%)}.login-btn.primary-submit:hover:not(:disabled){background:linear-gradient(135deg,#2dd4bf 0%,#10b981 100%);transform:translateY(-1.5px);box-shadow:0 6px 24px #10b98173}.login-btn.primary-submit:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.65;cursor:not-allowed;transform:none!important}.btn-arrow-icon{transition:transform .2s}.login-btn:hover:not(:disabled) .btn-arrow-icon{transform:translate(3px)}.login-spinner{border:2px solid #05120e59;border-top-color:#05120e;border-radius:50%;width:17px;height:17px;animation:.7s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.recovery-support-card{background:#ffffff08;border:1px dashed #ffffff1f;border-radius:12px;margin-top:14px;padding:16px}.support-card-title{color:#c2d9d2;align-items:center;gap:7px;margin-bottom:5px;font-size:13px;font-weight:600;display:flex}.support-card-desc{color:#7e968f;margin:0 0 10px;font-size:12px;line-height:1.48}.support-email-link{color:#10b981;background:#10b9811a;border:1px solid #10b98140;border-radius:7px;align-items:center;gap:7px;padding:6px 12px;font-size:12.5px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.support-email-link:hover{color:#34d399;background:#10b98133}.login-success-box{text-align:center;padding:14px 0 6px}.success-icon-wrap{margin-bottom:12px;display:inline-block;position:relative}.success-icon-glow{filter:blur(16px);background:#10b98166;border-radius:50%;position:absolute;inset:-8px}.success-check-icon{color:#10b981;filter:drop-shadow(0 4px 12px #10b98180);animation:.38s cubic-bezier(.16,1,.3,1) successPop;position:relative}@keyframes successPop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.success-title{margin-top:8px}.success-desc{max-width:320px;margin:6px auto 0;line-height:1.5}.success-btn{margin-top:24px}.login-modules-strip{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:24px;display:flex}.module-item{color:#7e968f;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:11.5px;font-weight:500;transition:all .2s;display:inline-flex}.module-item:hover{color:#c2d9d2;background:#10b9810f;border-color:#10b9814d}.module-icon{color:#10b981}.login-footer-text{color:#556d65;text-align:center;letter-spacing:.02em;margin-top:22px;font-size:11px}.drawer-overlay{-webkit-backdrop-filter:blur(4px);z-index:1050;background:#000000a6;justify-content:flex-end;animation:.2s ease-out drawerFadeIn;display:flex;position:fixed;inset:0}.drawer-panel{background:var(--panel);width:480px;max-width:92vw;height:100vh;color:var(--ink);border-left:1px solid var(--line);z-index:1100;flex-direction:column;animation:.22s cubic-bezier(.16,1,.3,1) drawerSlideLeft;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-6px 0 28px #0000004d}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes drawerSlideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{color:#fff;background:linear-gradient(135deg,#10201c 0%,#1c302b 100%);padding:22px 24px;position:relative}.drawer-avatar{width:48px;height:48px;color:var(--signal);font-family:var(--font-display);background:#29b89340;border:2px solid #29b89366;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;font-weight:700;display:flex}.drawer-body{flex-direction:column;flex:1;gap:20px;padding:22px 24px;display:flex}.drawer-section-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.drawer-card{background:var(--bg-subtle);border:1px solid var(--line);border-radius:10px;padding:16px}.break-logs-scroll-container{scrollbar-width:thin;min-height:180px;max-height:420px;padding-right:4px;overflow-y:auto}.break-logs-scroll-container::-webkit-scrollbar{width:6px}.break-logs-scroll-container::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.break-logs-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--signal-dim)}.break-item-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;margin-bottom:10px;padding:12px 14px;transition:all .15s}.break-item-card:hover{border-color:var(--signal);box-shadow:0 2px 6px #00000014}@media (width<=540px){.drawer-panel{border-radius:0!important;width:100%!important;max-width:100vw!important}.drawer-header,.drawer-body{padding:16px 18px}}.manual-att-modal-box{background:var(--panel);border:1px solid var(--line);box-sizing:border-box;border-radius:14px;width:100%;max-width:520px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 16px 48px -4px #0000004d,0 4px 16px #0000001a}.manual-att-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;margin-bottom:18px;padding-bottom:12px;display:flex}.manual-att-header h2{color:var(--ink);margin:0;font-size:18px;font-weight:700}.manual-att-header p{color:var(--ink-soft);margin:4px 0 0;font-size:13px}.shift-info-card{background:var(--bg-subtle);border:1px solid var(--line);border-radius:10px;margin-bottom:16px;padding:12px 14px}.shift-info-card-header{justify-content:space-between;align-items:center;display:flex}.shift-info-label{text-transform:uppercase;color:var(--ink-soft);letter-spacing:.04em;font-size:11px;font-weight:700;display:block}.shift-info-chips{border-top:1px dashed var(--line);flex-wrap:wrap;gap:8px;margin-top:8px;padding-top:8px;font-size:12px;display:flex}.shift-info-chip{background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:6px;padding:4px 8px}.locked-time-input{background-color:var(--bg-subtle);cursor:not-allowed;opacity:.85}.existing-record-banner{border:1px solid var(--signal-dim);color:var(--signal-dim);background:#29b8931a;border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13px;font-weight:500}.required-star{color:var(--alert,#ef4444);margin-left:3px;font-weight:700}.optional-tag{color:var(--ink-soft);margin-left:4px;font-size:11px;font-weight:400}.monthly-calendar-container{flex-direction:column;gap:16px;width:100%;display:flex}.calendar-controls-bar{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex;box-shadow:0 1px 3px #00000005}.calendar-month-nav{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.month-nav-btn{border:1px solid var(--line);background:var(--badge-bg);width:34px;height:34px;color:var(--ink);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.month-nav-btn:hover{border-color:var(--signal-dim);color:var(--signal-dim);background:#29b8931f}.current-month-display{font-family:var(--font-display);color:var(--ink);text-align:center;white-space:nowrap;min-width:155px;font-size:16px;font-weight:700}.this-month-btn{white-space:nowrap;flex-shrink:0;padding:5px 10px!important;font-size:12px!important}.calendar-controls-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.view-mode-toggle{background:var(--badge-bg);border:1px solid var(--line);border-radius:9px;gap:3px;padding:3px;display:inline-flex}.view-mode-btn{color:var(--ink-soft);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.view-mode-btn.active{background:var(--panel);color:var(--ink);font-weight:700;box-shadow:0 1px 4px #00000014}.calendar-export-actions{align-items:center;gap:8px;display:flex}.calendar-export-actions .btn{white-space:nowrap;padding:6px 12px;font-size:12px}.employee-calendar-view-container{flex-direction:column;gap:16px;display:flex}.cal-emp-selector-panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.cal-emp-selector-input-col{flex:1;min-width:260px;max-width:440px}.cal-emp-label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.cal-emp-meta-tags{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:14px;font-size:12.5px;display:flex}.monthly-stats-strip{grid-template-columns:repeat(auto-fit,minmax(95px,1fr));gap:8px;padding-bottom:2px;display:grid}.monthly-stat-card{background:var(--panel);border:1px solid var(--line);border-radius:10px;flex-direction:column;justify-content:center;min-width:0;padding:8px 10px;transition:transform .15s,border-color .15s;display:flex}.monthly-stat-card:hover{border-color:var(--signal-dim);transform:translateY(-1px)}.monthly-stat-label{text-transform:uppercase;color:var(--ink-soft);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;font-size:9.5px;font-weight:700;overflow:hidden}.monthly-stat-value{font-family:var(--font-display);color:var(--ink);white-space:nowrap;margin-top:3px;font-size:16px;font-weight:700}.calendar-grid-wrapper{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;box-shadow:0 1px 4px #00000005}.calendar-weekdays-header{text-align:center;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:8px;display:grid}.weekday-header-cell{text-transform:uppercase;color:var(--ink-soft);letter-spacing:.04em;padding:6px 0;font-size:12px;font-weight:700}.weekday-header-cell.weekend{color:var(--amber)}.calendar-days-grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.calendar-day-tile{border:1px solid var(--line);background:var(--badge-bg);cursor:default;border-radius:10px;flex-direction:column;justify-content:space-between;min-height:110px;padding:9px 9px 7px;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.calendar-day-tile.is-active-day{cursor:pointer}.calendar-day-tile.is-active-day:hover{border-color:var(--signal-dim);transform:translateY(-2px);box-shadow:0 4px 14px #00000014}.calendar-day-tile.empty-slot{background:0 0;border-color:#0000;min-height:0}.calendar-day-tile.is-today{border:2px solid var(--signal-dim);box-shadow:0 0 0 3px #29b89326}.calendar-day-tile.status-present{background:#29b89312;border-color:#29b89359}.calendar-day-tile.status-late{background:#d99a3b14;border-color:#d99a3b61}.calendar-day-tile.status-half_day{background:#8b5cf614;border-color:#8b5cf659}.calendar-day-tile.status-absent{background:#e0464612;border-color:#e0464659}.calendar-day-tile.status-holiday{background:#ec489914;border-color:#ec489959}.calendar-day-tile.status-day_off{background:#10b98114;border-color:#10b98159}.calendar-day-tile.status-weekly_off{border-color:var(--line-subtle,var(--line));opacity:.75;background:#00000005}.calendar-day-tile.status-pre_registration{border-color:var(--line-subtle,var(--line));opacity:.6;background:#00000004}.calendar-day-tile.status-future{border-color:var(--line);opacity:.5;background:0 0}.day-tile-top{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.day-number-col{align-items:baseline;gap:4px;display:flex}.day-number-badge{font-family:var(--font-display);color:var(--ink);font-size:14px;font-weight:700;line-height:1}.day-weekday-label{display:none}.day-tile-status-pill{text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;line-height:1.2}.status-pill-present{color:var(--signal-dim);background:#29b89333}.status-pill-late{color:var(--amber);background:#d99a3b33}.status-pill-half_day{color:#8b5cf6;background:#8b5cf633}.status-pill-absent{color:var(--alert);background:#e0464633}.status-pill-on_leave{color:#3b82f6;background:#3b82f633}.status-pill-day_off{color:#10b981;background:#10b98133}.status-pill-holiday{color:#ec4899;background:#ec489933}.status-pill-weekly_off{color:var(--ink-soft);background:#0000000f}.status-pill-pre_registration{color:var(--ink-soft);background:#0000000d}.status-pill-in_progress{color:#0284c7;background:#0ea5e926}.calendar-day-tile.status-in_progress{background:#0ea5e90a;border-color:#0ea5e947}.day-tile-body{color:var(--ink-soft);flex-direction:column;gap:2px;font-size:11px;display:flex}.day-time-row{color:var(--ink);align-items:center;gap:4px;font-weight:600;display:flex}.day-stats-row{justify-content:space-between;align-items:center;margin-top:2px;display:flex}.day-worked-badge{color:var(--signal-dim);font-size:11px;font-weight:700}.day-break-badge{color:var(--ink-soft);font-size:10px}.day-late-tag{color:var(--amber);font-size:10.5px;font-weight:600}.day-remarks-text{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:9.5px;font-style:italic;overflow:hidden}.timesheet-matrix-panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 1px 4px #00000005}.timesheet-filter-bar{border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 18px;display:flex}.timesheet-search-wrap{flex:1;min-width:180px;max-width:280px}.timesheet-dept-wrap{width:200px;position:relative}.clear-dept-btn{color:var(--ink-soft);cursor:pointer;z-index:5;background:0 0;border:none;padding:2px 4px;font-size:13px;line-height:1;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.clear-dept-btn:hover{color:var(--ink)}.timesheet-legend-wrap{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;font-size:11.5px;display:flex}.legend-label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:700}.legend-items{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.legend-item{white-space:nowrap;align-items:center;gap:4px;font-size:11.5px;display:inline-flex}.timesheet-matrix-scroll{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.timesheet-matrix-table{border-collapse:separate;border-spacing:0;text-align:center;background:var(--panel);width:100%;min-width:900px;font-size:12px}.timesheet-matrix-table th,.timesheet-matrix-table td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel);box-sizing:border-box;padding:7px 4px}.timesheet-matrix-table thead th{background:var(--table-header-bg,#f0f6f3);color:var(--ink);text-transform:uppercase;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;font-weight:700}.timesheet-matrix-table th:first-child,.timesheet-matrix-table td:first-child{border-left:1px solid var(--line)}.matrix-day-th{vertical-align:middle;background:var(--table-header-bg,#f0f6f3);min-width:36px;padding:5px 2px!important}.matrix-th-date{color:var(--ink);font-size:12.5px;font-weight:700;line-height:1.1}.matrix-th-day{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.02em;margin-top:2px;font-size:9px;font-weight:600}.matrix-day-th.weekend{background:#d99a3b1a!important}.matrix-day-th.weekend .matrix-th-day{color:var(--amber)}.timesheet-matrix-table .sticky-col-emp{z-index:15;text-align:left;min-width:180px;max-width:210px;padding:8px 12px;position:sticky;left:0;box-shadow:3px 0 6px #0000000d;background:var(--panel)!important;border-right:2px solid var(--line)!important}.timesheet-matrix-table thead .sticky-col-emp{z-index:25;background:var(--table-header-bg,#f0f6f3)!important}@media (width>=993px){.timesheet-matrix-table .sticky-col-summary{z-index:15;text-align:center;font-weight:700;position:sticky;background:var(--panel)!important}.timesheet-matrix-table thead .sticky-col-summary{z-index:25;background:var(--table-header-bg,#f0f6f3)!important}.timesheet-matrix-table th.sticky-col-summary:nth-last-child(3),.timesheet-matrix-table td.sticky-col-summary:nth-last-child(3){width:70px;min-width:70px;max-width:70px;right:175px;box-shadow:-3px 0 6px #0000000d;border-left:2px solid var(--line)!important}.timesheet-matrix-table th.sticky-col-summary:nth-last-child(2),.timesheet-matrix-table td.sticky-col-summary:nth-last-child(2){width:65px;min-width:65px;max-width:65px;right:110px}.timesheet-matrix-table th.sticky-col-summary:last-child,.timesheet-matrix-table td.sticky-col-summary:last-child{width:110px;min-width:110px;max-width:110px;right:0}}@media (width<=992px){.timesheet-matrix-table .sticky-col-summary{font-weight:700;box-shadow:none!important;position:static!important;right:auto!important}.timesheet-matrix-table th.sticky-col-summary:nth-last-child(3),.timesheet-matrix-table td.sticky-col-summary:nth-last-child(3){min-width:65px;border-left:2px solid var(--line)!important}.timesheet-matrix-table th.sticky-col-summary:nth-last-child(2),.timesheet-matrix-table td.sticky-col-summary:nth-last-child(2){min-width:60px}.timesheet-matrix-table th.sticky-col-summary:last-child,.timesheet-matrix-table td.sticky-col-summary:last-child{min-width:95px}}.timesheet-matrix-table tbody tr:hover td{background:var(--table-row-hover,#1f8f730a)}.timesheet-matrix-table tbody tr:hover .sticky-col-emp,.timesheet-matrix-table tbody tr:hover .sticky-col-summary{background:var(--panel-hover,var(--card))!important}.matrix-status-chip{border-radius:5px;justify-content:center;align-items:center;width:23px;height:23px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.matrix-status-chip.P{color:var(--signal-dim);background:#29b89333}.matrix-status-chip.L{color:var(--amber);background:#d99a3b38}.matrix-status-chip.HD{color:#8b5cf6;background:#8b5cf638}.matrix-status-chip.A{color:var(--alert);background:#e0464633}.matrix-status-chip.LV{color:#3b82f6;background:#3b82f638;font-size:9px}.matrix-status-chip.OFF{color:#10b981;background:#10b98138;font-size:8px}.matrix-status-chip.H{color:#ec4899;background:#ec489938}.matrix-status-chip.WO{color:var(--ink-soft);background:#0000000d;font-size:9px}.matrix-status-chip.EMPTY{color:var(--line)}.custom-combobox-dropdown{z-index:250;background:var(--panel);border:1px solid var(--line);border-radius:8px;max-height:250px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000029}.custom-combobox-item{cursor:pointer;border-bottom:1px solid var(--line-subtle);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:8px 12px;transition:background .12s;display:flex}.custom-combobox-item:last-child{border-bottom:none}.custom-combobox-item:hover{background:#29b89314}.custom-combobox-item.selected{background:#29b89326}@media (width<=1024px){.monthly-stats-strip{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=768px){.monthly-calendar-container{gap:12px}.calendar-controls-bar{flex-direction:column;align-items:stretch;gap:12px;padding:12px 14px}.calendar-month-nav{justify-content:space-between;width:100%}.current-month-display{min-width:auto;font-size:15px}.calendar-controls-actions{flex-direction:column;align-items:stretch;gap:10px;width:100%}.view-mode-toggle{width:100%;display:flex}.view-mode-btn{flex:1;gap:5px;padding:7px 6px;font-size:12px}.calendar-export-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.calendar-export-actions .btn{justify-content:center;width:100%;padding:7px 8px;font-size:12px}.cal-emp-selector-panel{flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px}.cal-emp-selector-input-col{width:100%;max-width:100%}.cal-emp-meta-tags{border-top:1px dashed var(--line);gap:10px;padding-top:4px;font-size:11.5px}.monthly-stats-strip{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;gap:8px;margin:0 -2px;padding-bottom:6px;display:flex;overflow-x:auto}.monthly-stat-card{scroll-snap-align:start;flex:0 0 110px;padding:8px 10px}.monthly-stat-label{font-size:9px}.monthly-stat-value{font-size:15px}.calendar-grid-wrapper{border-radius:12px;padding:12px}.calendar-weekdays-header{display:none!important}.calendar-days-grid{flex-direction:column!important;gap:8px!important;display:flex!important}.calendar-day-tile.empty-slot{display:none!important}.day-weekday-label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.02em;margin-left:6px;font-size:11.5px;font-weight:700;display:inline-block!important}.calendar-day-tile{background:var(--panel)!important;border:1px solid var(--line)!important;border-radius:10px!important;flex-direction:column!important;gap:6px!important;min-height:auto!important;padding:10px 14px!important;display:flex!important;box-shadow:0 1px 3px #00000005!important}.calendar-day-tile.is-today{border:2px solid var(--signal-dim)!important;box-shadow:0 0 0 3px #29b89326!important}.day-tile-top{border-bottom:1px dashed var(--line)!important;justify-content:space-between!important;align-items:center!important;margin-bottom:0!important;padding-bottom:6px!important;display:flex!important}.day-number-col{align-items:baseline!important;gap:4px!important;display:flex!important}.day-number-badge{color:var(--ink)!important;font-size:15px!important;font-weight:800!important}.day-tile-status-pill{border-radius:6px!important;padding:3px 8px!important;font-size:11px!important;font-weight:700!important}.day-tile-body{flex-flow:wrap!important;justify-content:space-between!important;align-items:center!important;gap:6px!important;padding-top:2px!important;font-size:12px!important;display:flex!important}.day-time-row{color:var(--ink)!important;font-size:12px!important;font-weight:600!important}.day-late-tag{color:var(--amber)!important;background:#d99a3b1f!important;border-radius:4px!important;padding:2px 7px!important;font-size:11px!important;font-weight:600!important;display:inline-block!important}.day-stats-row{align-items:center!important;gap:8px!important;margin-top:0!important;display:flex!important}.day-worked-badge{color:var(--signal-dim)!important;background:#29b8931f!important;border-radius:4px!important;padding:2px 7px!important;font-size:12px!important;font-weight:700!important}.day-break-badge{color:var(--ink-soft)!important;font-size:11.5px!important}.day-remarks-text{width:100%!important;color:var(--ink-soft)!important;margin-top:2px!important;font-size:11px!important;font-style:italic!important}.timesheet-filter-bar{flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px}.timesheet-search-wrap,.timesheet-dept-wrap{width:100%;max-width:100%}.timesheet-legend-wrap{border-top:1px dashed var(--line);width:100%;margin-left:0;padding-top:4px;font-size:11px}.timesheet-matrix-table{font-size:11.5px}.timesheet-matrix-table .sticky-col-emp{min-width:130px;max-width:150px;padding:6px 8px;font-size:11.5px}.timesheet-matrix-table .sticky-col-emp>div:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px!important}.timesheet-matrix-table .sticky-col-emp .mono{font-size:10px!important}.matrix-day-th{min-width:32px;padding:4px 1px!important}.matrix-th-date{font-size:11px}.matrix-th-day{font-size:8px}.matrix-status-chip{border-radius:4px;width:21px;height:21px;font-size:9px}}@media (width<=480px){.calendar-controls-bar{padding:10px 12px}.view-mode-btn{padding:6px 4px;font-size:11px}.view-mode-btn span{font-size:11px}.calendar-export-actions .btn{padding:6px 4px;font-size:11px}.calendar-grid-wrapper{padding:8px}.calendar-day-tile{padding:9px 12px!important}.day-number-badge{font-size:14px!important}.day-weekday-label{font-size:10.5px!important}.day-tile-status-pill{padding:2px 6px!important;font-size:10px!important}.day-time-row{font-size:11px!important}.day-worked-badge{padding:2px 5px!important;font-size:11px!important}.day-break-badge{font-size:10.5px!important}.timesheet-matrix-table .sticky-col-emp{min-width:115px;max-width:130px;padding:5px 6px}.matrix-day-th{min-width:28px}.matrix-status-chip{width:19px;height:19px;font-size:8px}}.pagination-bar{background:var(--panel);border-top:1px solid var(--line);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;font-family:inherit;display:flex}.pagination-info{color:var(--ink-soft);font-size:12.5px;font-weight:500}.pagination-info strong{color:var(--ink);font-weight:700}.pagination-controls-group{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.pagination-size-wrapper{align-items:center;gap:8px;display:flex}.pagination-size-label{color:var(--ink-soft);white-space:nowrap;font-size:12px;font-weight:500}.pagination-size-select{color:var(--ink);background:var(--panel);border:1px solid var(--line);cursor:pointer;border-radius:6px;outline:none;padding:4px 8px;font-size:12px;font-weight:600;transition:all .15s}.pagination-size-select:hover:not(:disabled){border-color:var(--signal-dim)}.pagination-size-select:focus{border-color:var(--signal-dim);box-shadow:0 0 0 2px #29b89326}.pagination-buttons,.pagination-pages-list{align-items:center;gap:4px;display:flex}.pagination-nav-btn{min-width:32px;height:32px;color:var(--ink);background:var(--panel);border:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:5px 9px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.pagination-nav-btn:hover:not(:disabled){background:var(--panel-hover);border-color:var(--signal-dim);color:var(--signal-dim)}.pagination-nav-btn:disabled{opacity:.4;cursor:not-allowed;border-color:var(--line);background:0 0}.pagination-num-btn{min-width:32px;height:32px;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.pagination-num-btn:hover:not(:disabled):not(.active){background:var(--panel-hover);color:var(--signal-dim);border-color:var(--line)}.pagination-num-btn.active{background:var(--signal-dim);color:#fff;border-color:var(--signal-dim);font-weight:700;box-shadow:0 2px 6px #29b89340}.pagination-num-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-ellipsis{min-width:24px;height:32px;color:var(--ink-soft);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:12px;display:inline-flex}@media (width<=640px){.pagination-bar{flex-direction:column;align-items:stretch;gap:10px;padding:10px 12px}.pagination-info{text-align:center;font-size:11.5px}.pagination-controls-group{justify-content:space-between;gap:8px;width:100%}.pagination-size-wrapper{gap:6px}.pagination-size-label{font-size:11px}.pagination-size-select{padding:3px 6px;font-size:11px}.pagination-nav-btn{min-width:28px;height:28px;padding:3px 6px;font-size:11px}.pagination-num-btn{min-width:28px;height:28px;padding:0 4px;font-size:11.5px}.pagination-btn-text{display:none}}.summary-strip.att-summary-strip{gap:12px;margin-bottom:18px;display:grid;grid-template-columns:repeat(6,1fr)!important}.summary-tile{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;justify-content:center;padding:14px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #00000005}.summary-tile:hover{border-color:var(--signal-dim);transform:translateY(-1px);box-shadow:0 4px 14px #0000000f}.summary-value{font-family:var(--font-display);color:var(--ink);font-size:24px;font-weight:700;line-height:1}.summary-label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:11px;font-weight:700;overflow:hidden}.att-top-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.att-top-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.att-nav-segmented{background:var(--bg-subtle,#f1f5f3);border:1px solid var(--line);border-radius:10px;align-items:center;gap:2px;padding:3px;display:inline-flex}.att-nav-tab{color:var(--ink-soft);font-family:var(--font-body);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:7px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.att-nav-tab .tab-icon{color:var(--ink-soft);flex-shrink:0;transition:color .15s}.att-tab-label-full{display:inline}.att-tab-label-short{display:none}.att-nav-tab:hover{color:var(--ink);background:#0000000a}[data-theme=dark] .att-nav-tab:hover{background:#ffffff0d}.att-nav-tab.active{background:var(--panel);color:var(--ink);border-color:#00000014;font-weight:600;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a}[data-theme=dark] .att-nav-tab.active{border-color:#ffffff1a;box-shadow:0 2px 5px #00000040}.att-nav-tab.active .tab-icon{color:var(--signal-dim)}.att-today-banner{background:var(--panel);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 18px;display:flex;box-shadow:0 1px 3px #00000005}.att-today-date-col{align-items:center;gap:10px;display:flex}.att-today-date-text{color:var(--ink);font-size:15px;font-weight:700}.att-today-meta-col{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.att-today-staff-count{color:var(--ink-soft);font-size:12px;font-weight:500}.att-today-percent{color:var(--signal-dim);margin-left:4px;font-weight:700}.att-today-live-badge{color:var(--signal-dim);text-transform:uppercase;letter-spacing:.03em;background:#29b8931f;border:1px solid #29b89340;border-radius:20px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.att-today-live-dot{background:var(--signal);border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulse}.logs-section-header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;padding-bottom:12px;display:flex}.logs-title-wrap{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.logs-title-wrap h3{font-family:var(--font-display);color:var(--ink);margin:0;font-size:16px;font-weight:700}.logs-live-badge{color:var(--signal-dim);background:#29b8931f;border:1px solid #29b89340;border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.logs-live-dot{background:var(--signal);border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulse}.period-segmented-control{background:var(--badge-bg);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;gap:3px;padding:3px;display:inline-flex}.period-segment-btn{color:var(--ink-soft);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .18s cubic-bezier(.4,0,.2,1);display:inline-flex}.period-segment-btn:hover{color:var(--ink);background:#1f8f7314}.period-segment-btn.active{background:var(--signal-dim);color:#fff;font-weight:700;box-shadow:0 2px 6px #1f8f734d}.combobox-dropdown-menu{z-index:200;background:var(--panel);border:1px solid var(--line);border-radius:8px;max-height:240px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000029}.combobox-option-item{cursor:pointer;border-bottom:1px solid var(--line-subtle);color:var(--ink);align-items:center;gap:10px;padding:8px 12px;transition:background .12s;display:flex}.combobox-option-item:last-child{border-bottom:none}.combobox-option-item:hover{background:#29b89314}.combobox-option-item.selected{background:#29b89326}.avatar-chip{background:var(--graphite-soft);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.table-row-avatar{background:var(--graphite);width:32px;height:32px;color:var(--signal);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.camera-tag{color:var(--ink-soft);background:var(--badge-bg);border:1px solid var(--line);border-radius:4px;margin-top:2px;padding:1px 5px;font-size:10px;display:inline-block}.table-responsive-wrapper{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.table-responsive-wrapper table{min-width:680px}@media (width<=1024px){.summary-strip.att-summary-strip{gap:10px;grid-template-columns:repeat(3,1fr)!important}}@media (width<=768px){.att-top-toolbar{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:14px}.att-nav-segmented{-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:9px;gap:3px;width:100%;padding:3px;overflow-x:auto;flex-direction:row!important;display:flex!important}.att-nav-segmented::-webkit-scrollbar{display:none}.att-nav-tab{border-radius:7px;flex:1 0 auto;justify-content:center;gap:5px;padding:7px 10px;font-size:11.5px}.att-nav-tab .tab-icon{width:14px;height:14px}.att-tab-label-full{display:none}.att-tab-label-short{display:inline}.att-top-actions{grid-template-columns:auto 1fr;gap:8px;width:100%;display:grid}.att-logs-toggle-btn{white-space:nowrap;border-radius:8px;padding:7px 12px;font-size:12px}.att-add-manual-btn{white-space:nowrap;border-radius:8px;justify-content:center;width:100%;padding:7px 12px;font-size:12px}.att-today-banner{gap:8px;margin-bottom:12px;flex-direction:column!important;align-items:stretch!important;padding:10px 14px!important}.att-today-date-col{justify-content:space-between}.att-today-date-text{font-size:14px}.att-today-meta-col{border-top:1px dashed var(--line);justify-content:space-between;gap:8px;padding-top:6px}.att-today-staff-count{font-size:11.5px}.att-today-live-badge{padding:2px 7px;font-size:10px}.logs-section-header{flex-direction:column;align-items:flex-start;gap:10px}.logs-section-header>div:last-child{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid!important}.logs-section-header>div:last-child .btn{justify-content:center;width:100%}.summary-strip.att-summary-strip{margin-bottom:12px;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}.summary-tile{border-radius:8px!important;padding:8px 10px!important}.summary-value{font-size:17px!important}.summary-label{margin-top:2px;font-size:9px!important}}@media (width<=480px){.att-nav-tab{padding:6px 8px;font-size:11px}.att-top-actions{grid-template-columns:1fr 1.6fr}.att-logs-toggle-btn,.att-add-manual-btn{padding:6px 8px;font-size:11.5px}.summary-strip.att-summary-strip{grid-template-columns:repeat(3,1fr)!important;gap:5px!important}.summary-tile{border-radius:7px!important;padding:7px 8px!important}.summary-value{font-size:15px!important}.summary-label{font-size:8.5px!important}}.emp-stat-strip{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}.emp-stat-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;padding:16px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #00000008}.emp-stat-card:hover{border-color:var(--signal-dim);transform:translateY(-2px);box-shadow:0 4px 14px #00000012}.emp-stat-number{font-family:var(--font-display);color:var(--ink);font-size:24px;font-weight:700;line-height:1.1}.emp-stat-label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em;margin-top:2px;font-size:11.5px;font-weight:600}.emp-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.emp-filter-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);margin-bottom:18px;padding:14px 16px;box-shadow:0 1px 3px #00000008}.emp-filter-top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.emp-search-container{flex:1;min-width:260px;position:relative}.emp-search-container input{border-radius:8px;padding:8px 28px 8px 36px;font-size:13px}.emp-search-icon{color:var(--ink-soft);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.emp-clear-search-btn{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:12px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.emp-clear-search-btn:hover{color:var(--ink);background:#0000000f}.emp-filter-dropdowns{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.emp-select-wrap select{cursor:pointer;border-radius:8px;padding:8px 12px;font-size:12.5px;font-weight:500}.emp-filter-bottom-row{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;padding-top:10px;display:flex}.emp-chips-list{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.emp-filter-chip{color:var(--signal-dim);background:#29b8931f;border:1px solid #29b89347;border-radius:5px;align-items:center;gap:5px;padding:2.5px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.emp-filter-chip-remove{color:var(--signal-dim);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:11px;line-height:1;display:flex}.emp-filter-chip-remove:hover{color:var(--ink)}.emp-reset-btn{color:var(--alert);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:11.5px;font-weight:600;text-decoration:underline}.emp-count-pill{font-family:var(--font-mono);color:var(--ink-soft);background:var(--badge-bg);border:1px solid var(--line);border-radius:20px;padding:2.5px 9px;font-size:11.5px;font-weight:600}.custom-photo-picker{background:var(--bg-subtle);border:1.5px dashed var(--line);cursor:pointer;border-radius:12px;align-items:center;gap:14px;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.custom-photo-picker:hover{border-color:var(--signal-dim);background:var(--panel-hover);box-shadow:0 2px 8px #1f8f7314}.custom-photo-avatar{object-fit:cover;border:2px solid var(--signal-dim);background:var(--badge-bg);width:52px;height:52px;color:var(--signal-dim);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;display:flex;box-shadow:0 2px 8px #1f8f7333}.custom-photo-meta{flex-direction:column;flex:1;gap:2px;display:flex}.custom-photo-title{color:var(--ink);word-break:break-all;font-size:13px;font-weight:700}.custom-photo-status{color:var(--ink-soft);font-size:11.5px;font-weight:500}.custom-photo-btn{background:var(--panel);border:1px solid var(--line);color:var(--signal-dim);border-radius:7px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 3px #0000000d}.custom-photo-picker:hover .custom-photo-btn{background:var(--signal-dim);color:#fff;border-color:var(--signal-dim)}.dept-panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.dept-add-form{gap:8px;margin-bottom:18px;display:flex}.dept-list{scrollbar-width:thin;flex-direction:column;gap:8px;max-height:310px;padding-right:4px;display:flex;overflow-y:auto}.dept-card-item:hover{border-color:var(--signal-dim);background:var(--panel-hover);transform:translate(2px);box-shadow:0 2px 8px #0000000a}.dept-card-icon{width:32px;height:32px;color:var(--signal-dim);background:#29b8931f;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex}.dept-count-pill{background:var(--badge-bg);border:1px solid var(--line);color:var(--ink-soft);border-radius:20px;padding:3px 9px;font-size:11.5px;font-weight:700}.emp-avatar-thumb{object-fit:cover;border:1.5px solid var(--line);width:36px;height:36px;color:var(--signal-dim);background:#29b8931f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 1px 3px #0000000f}.emp-table-row{transition:all .15s}.emp-table-row:hover td{background:var(--table-row-hover)!important}.emp-detail-modal-box{border:1px solid var(--line)!important;background:var(--panel)!important;max-width:600px!important;box-shadow:0 20px 50px #00000038, 0 0 0 1px var(--line)!important;border-radius:16px!important;padding:0!important;overflow:hidden!important}.emp-detail-hero{color:#fff;background:#111f1b;border-bottom:1px solid #ffffff14;padding:22px 24px;position:relative}.emp-detail-close-btn{color:#fff;cursor:pointer;z-index:5;background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;transition:all .15s;display:flex;position:absolute;top:14px;right:14px}.emp-detail-close-btn:hover{background:#ffffff38;transform:scale(1.05)}.emp-detail-hero-content{z-index:2;align-items:center;gap:18px;display:flex;position:relative}.emp-detail-avatar-wrap{flex-shrink:0;position:relative}.emp-detail-avatar-img{object-fit:cover;border:2px solid var(--signal);border-radius:50%;width:72px;height:72px;display:block;box-shadow:0 0 0 3px #29b89340}.emp-detail-avatar-placeholder{border:2px solid var(--signal);width:72px;height:72px;color:var(--signal);font-family:var(--font-display);text-transform:uppercase;background:#29b8932e;border-radius:50%;justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex;box-shadow:0 0 0 3px #29b89333}.emp-detail-avatar-status{border:2px solid #111f1b;border-radius:50%;width:13px;height:13px;position:absolute;bottom:1px;right:1px}.emp-detail-avatar-status.active{background:#10b981}.emp-detail-avatar-status.inactive{background:#ef4444}.emp-detail-hero-info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.emp-detail-name{font-family:var(--font-display);color:#fff;letter-spacing:-.01em;margin:0;font-size:20px;font-weight:700;line-height:1.2}.emp-detail-hero-pills{flex-wrap:wrap;align-items:center;gap:7px;margin-top:2px;display:flex}.emp-code-copy-pill{color:var(--signal);cursor:pointer;background:#29b89329;border:1px solid #29b89359;border-radius:5px;align-items:center;gap:5px;padding:2.5px 8px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.emp-code-copy-pill:hover{border-color:var(--signal);background:#29b89347}.emp-hero-badge{border-radius:5px;align-items:center;gap:4px;padding:2.5px 8px;font-size:11px;font-weight:600;display:inline-flex}.emp-hero-badge.dept{color:#e2ece8;background:#ffffff1a;border:1px solid #ffffff24}.emp-hero-badge.active{color:#34d399;background:#10b98129;border:1px solid #10b9814d}.emp-hero-badge.inactive{color:#f87171;background:#ef444429;border:1px solid #ef44444d}.emp-detail-email-link{color:#9cbdb4;align-items:center;gap:5px;width:fit-content;margin-top:1px;font-size:12px;text-decoration:none;transition:color .15s;display:inline-flex}.emp-detail-email-link:hover{color:#fff;text-decoration:underline}.emp-detail-kpi-strip{border-bottom:1px solid var(--line);background:var(--panel);grid-template-columns:repeat(3,1fr);display:grid}.emp-detail-kpi-item{border-right:1px solid var(--line);flex-direction:column;justify-content:center;padding:10px 16px;display:flex}.emp-detail-kpi-item:last-child{border-right:none}.emp-kpi-label{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);margin-bottom:2px;font-size:9.5px;font-weight:700}.emp-kpi-value{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.emp-detail-body{background:var(--panel);grid-template-columns:1fr 1fr;gap:12px;padding:16px 20px;display:grid}.emp-info-card{background:var(--bg-subtle,#00000005);border:1px solid var(--line);border-radius:10px;flex-direction:column;justify-content:space-between;padding:12px 14px;display:flex}.emp-info-card.full-width{grid-column:1/-1}.emp-info-card-header{border-bottom:1px solid var(--line);align-items:flex-start;gap:8px;margin-bottom:8px;padding-bottom:6px;display:flex}.emp-info-icon{flex-shrink:0;margin-top:1px}.emp-info-card-title{color:var(--ink);font-size:12px;font-weight:700;line-height:1.2}.emp-info-card-subtitle{color:var(--ink-soft);margin-top:1px;font-size:10px}.emp-info-card-content{flex-direction:column;gap:5px;display:flex}.shift-grid-content{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.shift-grid-content .emp-info-row{flex-direction:column;align-items:flex-start;gap:2px}.shift-grid-content .emp-info-val{text-align:left}.emp-info-row{justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.emp-info-label{color:var(--ink-soft);flex-shrink:0;font-size:11px}.emp-info-val{color:var(--ink);text-align:right;word-break:break-all;font-weight:600}.emp-info-val.highlight{color:var(--signal-dim)}.emp-detail-footer{background:var(--panel);border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 20px;display:flex}@media (width<=900px){.emp-stat-strip{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.emp-stat-strip{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.dept-add-form{flex-direction:column}}@media (width<=560px){.emp-detail-hero-content{text-align:center;flex-direction:column}.emp-detail-hero-pills{justify-content:center}.emp-detail-email-link{margin:0 auto}.emp-detail-kpi-strip{grid-template-columns:1fr!important}.emp-detail-kpi-item{border-bottom:1px solid var(--line);border-right:none!important}.emp-detail-body{grid-template-columns:1fr!important;padding:12px!important}.shift-grid-content{grid-template-columns:1fr!important;gap:6px!important}.emp-detail-hero{padding:16px 14px!important}}.dept-layout-grid{grid-template-columns:360px 1fr;align-items:flex-start;gap:20px;display:grid}@media (width<=900px){.dept-layout-grid{grid-template-columns:1fr}}.dept-form-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px;box-shadow:0 1px 3px #00000005}.dept-form-title{color:var(--ink);align-items:center;gap:8px;margin-bottom:18px;font-size:16px;font-weight:700;display:flex}.dept-form-title .plus-badge{color:var(--signal-dim);font-size:18px;font-weight:800}.dept-main-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:22px}.dept-card-item{background:var(--panel);border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;padding:14px 18px;transition:all .15s;display:flex}.dept-card-item:hover{background:var(--panel-hover);border-color:var(--signal-dim);box-shadow:0 2px 8px #0000000a}.dept-card-icon{background:var(--badge-bg);border:1px solid var(--line);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.dept-card-name{color:var(--ink);font-size:14.5px;font-weight:700}.dept-card-actions{align-items:center;gap:8px;display:flex}.dept-pagination-bar{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:14px;display:flex}.dept-pagination-controls{align-items:center;gap:6px;display:flex}.pagination-num-btn{border:1px solid var(--line);background:var(--panel);height:32px;color:var(--ink);cursor:pointer;border-radius:6px;padding:0 12px;font-size:12.5px;font-weight:600;transition:all .15s}.pagination-num-btn:hover:not(.active){border-color:var(--signal-dim);color:var(--signal-dim)}.pagination-num-btn.active{background:var(--signal-dim);color:#fff;border-color:var(--signal-dim)}.action-selector-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.action-btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:13px 14px;font-size:14px;font-weight:700;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #00000008}.action-btn:hover:not(.active){border-color:var(--signal-dim);background:var(--panel-hover)}.action-btn.active{color:#fff;background:#0f1c18;border-color:#0f1c18;font-weight:700;box-shadow:0 4px 14px #00000038}[data-theme=dark] .action-btn.active{background:var(--signal-dim);border-color:var(--signal-dim);color:#fff}.viewfinder{aspect-ratio:4/3;background:#05100d;border-radius:12px;width:100%;max-width:380px;margin:16px auto;position:relative;overflow:hidden;box-shadow:0 4px 18px #0000002e}.viewfinder video,.viewfinder canvas{object-fit:cover;width:100%;height:100%;display:block}.vf-corner{border:3px solid var(--signal);opacity:.9;z-index:2;width:26px;height:26px;position:absolute}.vf-corner.tl{border-bottom:none;border-right:none;border-top-left-radius:8px;top:12px;left:12px}.vf-corner.tr{border-bottom:none;border-left:none;border-top-right-radius:8px;top:12px;right:12px}.vf-corner.bl{border-top:none;border-right:none;border-bottom-left-radius:8px;bottom:12px;left:12px}.vf-corner.br{border-top:none;border-left:none;border-bottom-right-radius:8px;bottom:12px;right:12px}.vf-scanline{background:linear-gradient(90deg, transparent, var(--signal), transparent);opacity:.95;z-index:3;height:2px;animation:1.8s ease-in-out infinite scan;position:absolute;left:6%;right:6%}@keyframes scan{0%{top:12%}50%{top:85%}to{top:12%}}.vf-status{font-family:var(--font-mono);color:#c9f5e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:4;letter-spacing:.04em;background:#05100db3;border-radius:6px;justify-content:space-between;align-items:center;padding:5px 10px;font-size:11px;font-weight:600;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.kiosk-scan-btn{color:#fff;cursor:pointer;background:#0f1c18;border:1px solid #0f1c18;border-radius:10px;width:100%;max-width:380px;min-height:48px;padding:13px 24px;font-size:15px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #0003}.kiosk-scan-btn:hover:not(:disabled){background:#193029;transform:translateY(-1px);box-shadow:0 6px 18px #00000040}.kiosk-scan-btn:active:not(:disabled){transform:scale(.98)}.kiosk-scan-btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .kiosk-scan-btn{background:var(--signal-dim);border-color:var(--signal-dim);color:#fff}[data-theme=dark] .kiosk-scan-btn:hover:not(:disabled){background:var(--signal);border-color:var(--signal)}.result-banner{border:1px solid #0000;border-radius:10px;margin-bottom:14px;padding:16px 18px;transition:all .2s}.result-banner.success{color:var(--ink);background:#29b8931a;border-color:#29b89359}.result-banner.failure{color:var(--alert);background:#e0585a1a;border-color:#e0585a59}.result-banner.inactive-warning{color:var(--amber);background:#d977061f;border:1.5px solid #d9770666;border-radius:10px;padding:14px 16px;box-shadow:0 4px 14px #d9770614}.inactive-warning-header{align-items:flex-start;gap:12px;display:flex}.inactive-warning-icon{flex-shrink:0;margin-top:1px;font-size:20px;line-height:1}.inactive-warning-content{flex:1}.inactive-warning-title{color:var(--amber);margin-bottom:4px;font-size:15px;font-weight:700;line-height:1.3;display:block}.inactive-warning-text{color:var(--ink);margin:0;font-size:13px;font-weight:500;line-height:1.45}.result-banner strong{margin-bottom:6px;font-size:14px;font-weight:700;line-height:1.4;display:block}.stat-row{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;font-size:12.5px;display:flex}.stat-row span{align-items:center;gap:4px;display:inline-flex}.enroll-instruction-card{border:1px solid var(--line);background:0 0;border-radius:12px;padding:16px}.enroll-instruction-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.enroll-instruction-list li{background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:10px;align-items:center;gap:14px;padding:14px 16px;font-size:13px;font-weight:500;line-height:1.45;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 3px #00000005}.bullet-badge{width:26px;height:26px;color:var(--signal-dim);background:#29b8931f;border:1px solid #29b89340;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}@media (width<=900px){.grid-2{grid-template-columns:1fr}}@media (width<=768px){.action-selector-grid{grid-template-columns:1fr 1fr;gap:8px}.action-btn{min-height:44px;padding:10px 8px;font-size:13px}.result-banner{padding:14px}.kiosk-scan-btn{max-width:100%}}.custom-toggle-card{background:var(--bg-subtle);border:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .18s;display:flex}.custom-toggle-card:hover{border-color:var(--signal-dim);background:var(--panel-hover)}.toggle-switch-track{background:#c8d6cf;border-radius:99px;flex-shrink:0;width:44px;height:24px;transition:background .2s;position:relative}.toggle-switch-track.active{background:var(--signal-dim);box-shadow:0 2px 6px #1f8f734d}.toggle-switch-thumb{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.toggle-switch-track.active .toggle-switch-thumb{transform:translate(20px)}.day-toggle-group{flex-wrap:wrap;gap:8px;display:flex}.day-toggle{border:1px solid var(--line);background:var(--panel);color:var(--ink-soft);cursor:pointer;border-radius:8px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:all .15s}.day-toggle:hover{border-color:var(--signal-dim);color:var(--ink)}.day-toggle.active{background:var(--signal-dim);border-color:var(--signal-dim);color:#fff;font-weight:700;box-shadow:0 2px 8px #1f8f734d}.day-pill{background:var(--badge-bg);min-width:34px;height:26px;color:var(--ink-soft);border:1px solid var(--line);border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font-size:11.5px;font-weight:700;transition:all .15s;display:inline-flex}.day-pill.active{color:var(--signal-dim);background:#29b89329;border:1px solid #29b89366;box-shadow:0 1px 3px #29b8931f}.day-pill.inactive{opacity:.5;text-decoration:line-through}.timeline-box{background:var(--bg-subtle);border:1px solid var(--line);box-sizing:border-box;border-radius:10px;max-width:100%;margin:14px 0 6px;padding:14px 16px;overflow-x:hidden}.timeline-track{background:var(--line);border-radius:6px;height:12px;margin:8px 0;position:relative;overflow:hidden}.timeline-shift-span{background:linear-gradient(90deg,#1f8f73 0%,#29b893 100%);border-radius:5px;position:absolute;inset:0}.timeline-break-span{background:#d99a3b;border-radius:3px;position:absolute;top:0;bottom:0;box-shadow:0 0 0 1px #fff,0 0 6px #d99a3b99}.break-builder-card{background:var(--bg-subtle);border:1px dashed var(--line);box-sizing:border-box;border-radius:10px;max-width:100%;margin-top:14px;padding:16px}.break-builder-row{background:var(--panel);border:1px solid var(--line);box-sizing:border-box;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;max-width:100%;margin-bottom:8px;padding:10px 14px;display:flex;box-shadow:0 1px 3px #00000008}.break-builder-row input{border-radius:var(--radius);border:1px solid var(--input-border);background:var(--input-bg);color:var(--ink);font-family:var(--font-body);outline:none;padding:7px 10px;font-size:13px}.break-builder-row input:focus{border-color:var(--signal-dim);box-shadow:0 0 0 2px #1f8f7326}.shift-form-title{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;font-size:15.5px;font-weight:700}.scheduled-break-card{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--amber);box-sizing:border-box;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;max-width:100%;margin-bottom:8px;padding:10px 14px;transition:all .18s;display:flex;box-shadow:0 1px 4px #0000000a}.scheduled-break-card:hover{border-color:var(--signal-dim);box-shadow:0 2px 8px #00000014}.scheduled-break-card.editing{border-left-color:var(--signal-dim);background:#29b8930f;box-shadow:0 0 0 2px #29b89333}.break-time-badge{font-family:var(--font-mono);color:var(--amber);background:#d99a3b26;border:1px solid #d99a3b4d;border-radius:6px;padding:3px 10px;font-size:13px;font-weight:700}.add-break-bar{background:var(--bg-subtle);border:1px dashed var(--line);box-sizing:border-box;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;max-width:100%;margin-top:10px;padding:12px 14px;display:flex}.add-break-input{width:160px;max-width:100%;padding:6px 9px;font-size:13px}.badge-paid{color:var(--signal-dim);background:#29b8932e;font-weight:700}.badge-unpaid{color:var(--amber);background:#d99a3b2e;font-weight:700}.badge-break{color:var(--amber);background:#d99a3b26;border:1px solid #d99a3b4d;border-radius:20px;padding:3px 9px;font-size:11.5px;font-weight:700}.shift-meta-strip{background:var(--bg-subtle);border:1px solid var(--line);font-family:var(--font-mono);color:var(--ink);box-sizing:border-box;border-radius:8px;flex-wrap:wrap;align-items:center;gap:12px;max-width:100%;margin-top:6px;padding:8px 12px;font-size:12.5px;display:flex}.shift-meta-item{align-items:center;gap:4px;font-weight:600;display:inline-flex}.shift-card-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.shift-card-actions{text-align:right;flex-direction:column;align-items:flex-end;gap:8px;display:flex}@media (width<=768px){.shift-card-header{flex-direction:column;align-items:stretch;gap:14px}.shift-card-actions{text-align:left;align-items:flex-start}.shift-meta-strip>span:not(.shift-meta-item){display:none}.day-toggle-group{flex-wrap:wrap;display:flex;gap:6px!important}.day-toggle{text-align:center;flex:calc(33.333% - 6px);padding:7px 4px;font-size:12px}.break-builder-row{flex-direction:column;align-items:stretch;gap:8px}.add-break-bar{flex-direction:column;align-items:stretch;gap:10px}.add-break-bar input,.add-break-input{width:100%!important;max-width:100%!important}.add-break-bar div{justify-content:space-between;width:100%}.add-break-bar button{justify-content:center;width:100%}.scheduled-break-card{flex-direction:column;align-items:flex-start;gap:8px}.shift-meta-strip{flex-direction:column;align-items:flex-start;gap:6px}.timeline-box{padding:10px 12px;overflow-x:hidden}}.shift-card-panel{border-radius:var(--radius-lg);background:var(--panel);transition:all .2s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000a;border:1px solid var(--line)!important}.shift-card-panel:hover{box-shadow:0 6px 20px #1f8f7324;border-color:var(--signal-dim)!important}.cam-metrics-strip{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}@media (width<=900px){.cam-metrics-strip{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.cam-metrics-strip{grid-template-columns:1fr}}.cam-metric-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;padding:14px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #00000008}.cam-metric-card:hover{border-color:var(--signal-dim);transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.cam-metric-number{font-family:var(--font-display);color:var(--ink);font-size:22px;font-weight:700;line-height:1.1}.cam-metric-label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em;margin-top:3px;font-size:11.5px;font-weight:600}.cam-metric-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.cam-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.cam-search-box{flex:1;min-width:240px;position:relative}.cam-search-box input{border-radius:8px;padding:8px 28px 8px 36px;font-size:13px}.cam-search-icon{color:var(--ink-soft);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.cam-filter-tabs{background:var(--badge-bg);border:1px solid var(--line);border-radius:8px;gap:2px;padding:3px;display:inline-flex}.cam-tab-btn{color:var(--ink-soft);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .18s;display:inline-flex}.cam-tab-btn.active{background:var(--panel);color:var(--ink);box-shadow:0 1px 4px #0000001a}.cam-tab-btn:hover:not(.active){color:var(--ink)}.tab-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.dot-online{background:var(--signal)}.dot-offline{background:var(--ink-soft)}.registered-cameras-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:18px;display:grid}.camera-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;justify-content:space-between;gap:14px;padding:18px 20px;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 4px #0000000a}.camera-card:before{content:"";background:var(--line);height:3.5px;transition:background .24s;position:absolute;top:0;left:0;right:0}.camera-card.online-card:before{background:linear-gradient(90deg,#10b981,#34d399)}.camera-card:hover{border-color:var(--signal-dim);transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.camera-card-header-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.camera-card-left{align-items:center;gap:12px;display:flex}.camera-avatar-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.camera-avatar-icon.online{color:var(--signal-dim);background:#10b9811f;border:1px solid #10b9814d}.camera-avatar-icon.offline{background:var(--badge-bg);color:var(--ink-soft);border:1px solid var(--line)}.camera-card-name{color:var(--ink);margin-bottom:3px;font-size:15px;font-weight:700;line-height:1.25}.camera-card-loc{color:var(--ink-soft);align-items:center;gap:4px;font-size:12px;display:flex}.cam-status-pill{letter-spacing:.02em;text-transform:uppercase;border-radius:20px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.cam-status-pill.online{color:var(--signal-dim);background:#10b9811f;border:1px solid #10b9814d}.cam-status-pill.offline{background:var(--badge-bg);color:var(--ink-soft);border:1px solid var(--line)}.pill-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.pulse-dot{background:#10b981;animation:1.8s infinite pulse-ring;box-shadow:0 0 #10b98166}@keyframes pulse-ring{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.offline-dot{background:var(--ink-soft)}.cam-operational-badge{font-size:10.5px;font-weight:600}.cam-operational-badge.enabled{color:var(--signal-dim)}.cam-operational-badge.disabled{color:var(--ink-soft)}.camera-badges-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cam-badge-type{font-family:var(--font-mono);background:var(--badge-bg);color:var(--ink);border:1px solid var(--line);letter-spacing:.02em;border-radius:5px;padding:3px 8px;font-size:11px;font-weight:700}.cam-badge-dir{font-family:var(--font-mono);letter-spacing:.02em;border-radius:5px;padding:3px 8px;font-size:11px;font-weight:700}.cam-badge-dir.entry{color:var(--signal-dim);background:#29b89324}.cam-badge-dir.exit{color:var(--amber);background:#d99a3b26}.cam-badge-dir.kiosk{color:#3b6bd6;background:#567edc24}.camera-heartbeat-box{background:var(--bg-subtle);border:1px solid var(--line);border-radius:9px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.heartbeat-info-row{justify-content:space-between;align-items:center;font-size:11.5px;display:flex}.heartbeat-label{color:var(--ink-soft);align-items:center;gap:5px;font-weight:600;display:flex}.heartbeat-value{font-size:11.5px;font-weight:600}.heartbeat-value.online{color:var(--signal-dim)}.heartbeat-value.offline{color:var(--ink-soft)}.heartbeat-time-row{color:var(--ink-soft);border-top:1px dashed var(--line);justify-content:space-between;align-items:center;padding-top:4px;font-size:11px;display:flex}.btn-test-ping{background:var(--panel);border:1px solid var(--line);color:var(--ink);cursor:pointer;border-radius:5px;align-items:center;gap:4px;padding:2px 8px;font-size:10.5px;font-weight:600;transition:all .15s;display:inline-flex}.btn-test-ping:hover:not(:disabled){border-color:var(--signal-dim);color:var(--signal-dim)}.camera-source-box{background:var(--bg-subtle);border:1px solid var(--line);font-family:var(--font-mono);color:var(--ink-soft);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:11.5px;display:flex}.camera-source-text{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);flex:1;overflow:hidden}.camera-card-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding-top:8px;display:flex}.cam-status-toggle-btn{cursor:pointer;color:var(--ink);background:0 0;border:none;align-items:center;gap:8px;padding:4px 0;font-size:12px;font-weight:600;display:inline-flex}.mini-toggle-track{background:#d8e2dd;border-radius:20px;width:32px;height:18px;transition:background .2s;position:relative}.mini-toggle-track.active{background:var(--signal-dim)}.mini-toggle-thumb{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000026}.mini-toggle-track.active .mini-toggle-thumb{transform:translate(14px)}.spin-icon{animation:1s linear infinite spin}.live-feed-pulse{color:var(--signal-dim);background:#29b8931f;border:1px solid #29b89340;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.live-feed-dot{background:var(--signal);border-radius:50%;width:6px;height:6px;animation:1.8s infinite pulse}.live-filter-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);margin-bottom:16px;padding:12px 14px;box-shadow:0 1px 3px #00000008}.live-filter-top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.live-search-container{flex:1;min-width:240px;position:relative}.live-search-container input{border-radius:7px;padding:7px 28px 7px 36px;font-size:12.5px}.live-search-icon{color:var(--ink-soft);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.live-clear-search-btn{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px;font-size:12px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.live-clear-search-btn:hover{color:var(--ink);background:#0000000f}.live-filter-dropdowns{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.live-select-wrap select{cursor:pointer;border-radius:7px;padding:7px 11px;font-size:12.5px;font-weight:500}.live-filter-bottom-row{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding-top:10px;display:flex}.live-chips-list{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.live-filter-chip{color:var(--signal-dim);background:#29b8931f;border:1px solid #29b89347;border-radius:5px;align-items:center;gap:5px;padding:2px 8px;font-size:11.5px;font-weight:500;display:inline-flex}.live-filter-chip-remove{color:var(--signal-dim);cursor:pointer;background:0 0;border:none;align-items:center;padding:0;font-size:11px;line-height:1;display:flex}.live-filter-chip-remove:hover{color:var(--ink)}.live-reset-btn{color:var(--alert);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:11.5px;font-weight:500;text-decoration:underline}.live-count-pill{font-family:var(--font-mono);color:var(--ink-soft);background:var(--badge-bg);border:1px solid var(--line);border-radius:20px;padding:2px 9px;font-size:11.5px;font-weight:500}.live-full-table{border-collapse:collapse;width:100%}.live-full-table th{background:var(--table-header-bg);text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);border-bottom:1px solid var(--line);text-align:left;padding:9px 14px;font-size:11px;font-weight:700}.live-full-table td{border-bottom:1px solid var(--line);color:var(--ink);padding:10px 14px;font-size:12.5px}.live-full-table tr:hover td{background:var(--table-row-hover)}.live-full-table tr:last-child td{border-bottom:none}.live-col-when{white-space:nowrap}.live-exact-time{font-family:var(--font-mono);color:var(--ink);letter-spacing:-.01em;font-size:13px;font-weight:600}.live-exact-date{color:var(--ink-soft);align-items:center;gap:4px;margin-top:2px;font-size:11px;display:flex}.live-col-camera{color:var(--ink);font-size:12.5px;font-weight:400}.live-col-person{color:var(--ink);font-size:13px;font-weight:600}.badge-action-checkin{color:#22c55e;background:#22c55e24;border:1px solid #22c55e4d;align-items:center;gap:5px;font-weight:600;display:inline-flex}.badge-action-breakstart{color:#f59e0b;background:#f59e0b24;border:1px solid #f59e0b4d;align-items:center;gap:5px;font-weight:600;display:inline-flex}.badge-action-breakend{color:#3b82f6;background:#3b82f624;border:1px solid #3b82f64d;align-items:center;gap:5px;font-weight:600;display:inline-flex}.badge-action-checkout{color:#ef4444;background:#ef444424;border:1px solid #ef44444d;align-items:center;gap:5px;font-weight:600;display:inline-flex}.badge-action-sighting{color:var(--ink-soft);border:1px solid var(--line);background:#94a3b81f;align-items:center;gap:5px;font-weight:500;display:inline-flex}.person-cell-wrap{align-items:center;gap:10px;display:flex}.person-avatar{width:32px;height:32px;color:var(--signal);background:#29b8932e;border:1px solid #29b8934d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.person-info{flex-direction:column;gap:2px;display:flex}.person-name{color:var(--ink);font-size:13px;font-weight:600}.person-sub{color:var(--ink-soft);align-items:center;gap:6px;font-size:11.5px;display:flex}.person-code-pill{font-family:var(--font-mono);background:var(--bg-subtle);border:1px solid var(--line);color:var(--signal-dim);border-radius:4px;padding:1px 5px;font-size:11px}.camera-cell-wrap{flex-direction:column;gap:2px;display:flex}.camera-name{color:var(--ink);font-size:12.5px;font-weight:500}.camera-sub{color:var(--ink-soft);font-size:11.5px}@media (width<=768px){.live-filter-top-row{flex-direction:column;align-items:stretch}.live-filter-dropdowns{flex-direction:column;width:100%}.live-select-wrap{width:100%}.live-select-wrap select{width:100%!important}.live-filter-bottom-row{flex-direction:column;align-items:flex-start}}.notif-page-metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px;display:grid}@media (width<=900px){.notif-page-metrics{grid-template-columns:repeat(2,1fr)}}.notif-metric-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;padding:16px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #00000008}.notif-metric-card:hover{border-color:var(--signal-dim);transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.notif-metric-number{font-family:var(--font-display);color:var(--ink);font-size:26px;font-weight:700;line-height:1.1}.notif-metric-label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em;margin-top:3px;font-size:11.5px;font-weight:600}.notif-metric-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.notif-page-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.notif-page-search{flex:1;min-width:260px;position:relative}.notif-page-search input{border-radius:8px;padding-left:36px;padding-right:28px;font-size:13px}.notif-page-search-icon{color:var(--ink-soft);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.notif-cards-grid{flex-direction:column;gap:12px;display:flex}.notif-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);align-items:flex-start;gap:16px;padding:18px 20px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.notif-card:hover{border-color:var(--signal-dim);transform:translateY(-1px);box-shadow:0 4px 14px #0000000d}.notif-card.unread{background:#29b8930d;border-color:#29b8934d}.notif-card.important{border-left:4px solid var(--alert)}.notif-card.warning{border-left:4px solid var(--amber)}.notif-card.success{border-left:4px solid var(--signal)}.notif-card.info{border-left:4px solid #5b8def}.notif-card-icon-box{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.notif-card-icon-box.imp{color:var(--alert);background:#e0585a1f}.notif-card-icon-box.warn{color:var(--amber);background:#d99a3b24}.notif-card-icon-box.suc{color:var(--signal-dim);background:#29b89324}.notif-card-icon-box.inf{color:#3b74e6;background:#5b8def1f}.notif-card-body{flex:1;min-width:0}.notif-card-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.notif-card-title{color:var(--ink);font-size:15px;font-weight:700}.notif-card-tag{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.notif-card-tag.imp{color:var(--alert);background:#e0585a1f}.notif-card-tag.warn{color:var(--amber);background:#d99a3b24}.notif-card-tag.suc{color:var(--signal-dim);background:#29b89324}.notif-card-desc{color:var(--ink-soft);margin:0 0 10px;font-size:13px;line-height:1.45}.notif-card-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-top:10px;display:flex}.notif-card-time{font-family:var(--font-mono);color:var(--ink-soft);font-size:11.5px}.profile-page-content{flex-direction:column;gap:20px;display:flex}.profile-hero-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a}.profile-hero-card:before{content:"";background:linear-gradient(90deg, var(--signal-dim), var(--signal), #3b82f6);height:4px;position:absolute;top:0;left:0;right:0}.profile-hero-content{flex:1;align-items:center;gap:18px;min-width:280px;display:flex}.profile-hero-avatar{background:#29b8931f;border:1px solid #29b89340;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.profile-hero-info{flex-direction:column;gap:8px;display:flex}.profile-hero-title-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.profile-hero-title-row h2{color:var(--ink);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800}.profile-status-badge{color:var(--signal-dim);background:#29b89326;border:1px solid #29b8934d;border-radius:20px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.profile-status-dot{background:var(--signal);width:7px;height:7px;box-shadow:0 0 8px var(--signal);border-radius:50%;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.profile-hero-meta-tags{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-meta-tag{color:var(--ink);background:var(--bg-subtle);border:1px solid var(--line);border-radius:8px;align-items:center;gap:5px;padding:5px 11px;font-size:12.5px;display:inline-flex}.profile-meta-tag svg{color:var(--ink-soft)}.profile-hero-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-plan-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;gap:20px;padding:24px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a}.profile-plan-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.profile-plan-title-group{align-items:center;gap:16px;display:flex}.profile-plan-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.profile-plan-icon-wrap.free-trial{color:var(--signal-dim);background:#29b8931f;border:1px solid #29b89340}.profile-plan-icon-wrap.subscription{color:#2563eb;background:#3b82f61f;border:1px solid #3b82f640}.profile-plan-title{color:var(--ink);margin:0;font-size:19px;font-weight:800}.profile-plan-subtitle{color:var(--ink-soft);margin:4px 0 0;font-size:13px}.plan-status-badge{border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.plan-status-badge.active{color:#059669;background:#10b98124;border:1px solid #10b9814d}.plan-status-badge.warning{color:#d97706;background:#f59e0b24;border:1px solid #f59e0b59}.plan-status-badge.expired{color:#dc2626;background:#ef444424;border:1px solid #ef444459}.profile-plan-quick-stats{align-items:center;gap:20px;display:flex}.plan-quick-stat{flex-direction:column;align-items:flex-end;display:flex}.plan-quick-label{text-transform:uppercase;color:var(--ink-soft);letter-spacing:.04em;font-size:11px;font-weight:700}.plan-quick-val{font-family:var(--font-display);margin-top:2px;font-size:22px;font-weight:800;line-height:1.1}.plan-timeline-wrap{background:var(--bg-subtle);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.plan-timeline-labels{color:var(--ink-soft);justify-content:space-between;font-size:12px;display:flex}.plan-timeline-labels strong{color:var(--ink)}.plan-details-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.plan-detail-item{background:var(--bg-subtle);border:1px solid var(--line);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.plan-detail-icon{background:var(--panel);border:1px solid var(--line);width:32px;height:32px;color:var(--signal-dim);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.plan-detail-label{text-transform:uppercase;color:var(--ink-soft);letter-spacing:.03em;font-size:10.5px;font-weight:700}.plan-detail-val{color:var(--ink);margin-top:2px;font-size:13px;font-weight:700}.plan-help-footer{border-top:1px solid var(--line);padding-top:14px}.plan-contact-link{color:var(--signal-dim);font-weight:700;text-decoration:none;transition:all .15s}.plan-contact-link:hover{color:var(--signal);text-decoration:underline}.profile-desktop-banner{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);color:var(--ink);border:1px solid var(--signal);padding:24px 28px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a}.profile-desktop-banner-glow{pointer-events:none;border-radius:50%;width:200px;height:200px;position:absolute;top:-40px;right:-40px}.profile-desktop-banner-body{z-index:1;flex-direction:column;gap:16px;display:flex;position:relative}.profile-desktop-badge{color:var(--signal-dim);text-transform:uppercase;letter-spacing:.05em;background:#29b89324;border:1px solid #29b8934d;border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.profile-desktop-dot{background:var(--signal);width:6px;height:6px;box-shadow:0 0 6px var(--signal);border-radius:50%}.profile-desktop-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.profile-desktop-title{color:var(--ink);letter-spacing:-.01em;margin:0 0 6px;font-size:18px;font-weight:800}.profile-desktop-subtitle{color:var(--ink-soft);max-width:1000px;margin:0;font-size:13.5px;line-height:1.55}.profile-desktop-features-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:4px;display:grid}@media (width<=860px){.profile-desktop-features-grid{grid-template-columns:1fr}}.profile-desktop-feature-item{background:var(--bg-subtle);border:1px solid var(--line);border-radius:12px;align-items:flex-start;gap:12px;padding:14px 16px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #00000008}.profile-desktop-feature-item:hover{border-color:var(--signal-dim);transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.profile-desktop-feature-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.profile-desktop-feature-icon.emp{color:#2563eb;background:#3b82f61a;border:1px solid #3b82f633}.profile-desktop-feature-icon.cam{color:var(--signal-dim);background:#29b8931f;border:1px solid #29b89340}.profile-desktop-feature-icon.face{color:#9333ea;background:#9333ea1a;border:1px solid #9333ea33}.profile-desktop-feature-name{color:var(--ink);margin-bottom:3px;font-size:13.5px;font-weight:700}.profile-desktop-feature-desc{color:var(--ink-soft);font-size:12px;line-height:1.45}.profile-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (width<=860px){.profile-grid{grid-template-columns:1fr}}.profile-quota-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);flex-direction:column;justify-content:space-between;gap:18px;padding:24px;display:flex;box-shadow:0 4px 16px #00000008}.profile-card-header{align-items:center;gap:14px;display:flex}.profile-card-header h3{color:var(--ink);margin:0;font-size:16px;font-weight:700}.profile-card-header p{color:var(--ink-soft);margin:2px 0 0;font-size:12.5px}.profile-card-header-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.profile-card-header-icon.cam{color:var(--signal-dim);background:#29b8931f}.profile-card-header-icon.emp{color:#2563eb;background:#3b82f61f}.profile-metric-hero{justify-content:space-between;align-items:flex-end;display:flex}.profile-metric-numbers{align-items:baseline;gap:6px;display:flex}.profile-metric-used{color:var(--ink);font-size:32px;font-weight:800;line-height:1}.profile-metric-total{color:var(--ink-soft);font-size:14px;font-weight:600}.profile-pct-tag{border-radius:6px;padding:3px 9px;font-size:12px;font-weight:700}.profile-pct-tag.good{color:var(--signal-dim);background:#29b89326}.profile-pct-tag.warning{color:var(--amber);background:#d99a3b26}.profile-pct-tag.danger{color:var(--alert);background:#e0585a26}.profile-progress-bar-bg{background:var(--line);border-radius:6px;height:8px;overflow:hidden}.profile-progress-bar-fill{border-radius:6px;height:100%;transition:width .4s cubic-bezier(.4,0,.2,1)}.profile-progress-bar-fill.good{background:var(--signal-dim)}.profile-progress-bar-fill.warning{background:var(--amber)}.profile-progress-bar-fill.danger{background:var(--alert)}.profile-card-stats-row{background:var(--bg-subtle);border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 14px;display:grid}.profile-mini-stat{flex-direction:column;gap:3px;display:flex}.profile-mini-stat-label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:600}.profile-mini-stat-val{color:var(--ink);align-items:center;gap:4px;font-size:13px;font-weight:700;display:inline-flex}.profile-specs-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:20px 24px;box-shadow:0 4px 16px #00000008}.profile-specs-header{border-bottom:1px solid var(--line);align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;display:flex}.profile-specs-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=960px){.profile-specs-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.profile-specs-grid{grid-template-columns:1fr}}.profile-spec-item{background:var(--bg-subtle);border:1px solid var(--line);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;display:flex}.spec-icon{color:var(--signal-dim);flex-shrink:0}.spec-label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px;font-size:11px;font-weight:600}.spec-value{color:var(--ink);font-size:13px;font-weight:700}.spin{animation:1s linear infinite spin}.owner-profile-popover-wrapper{display:inline-block;position:relative}.owner-profile-trigger-btn{background:var(--input-bg,#fff);border:1px solid var(--line,#d9e4df);color:var(--ink,#0f172a);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:10px;padding:6px 14px 6px 8px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.owner-profile-trigger-btn:hover{background:var(--table-row-hover,#10b9810f);border-color:var(--signal,#10b981)}.owner-profile-trigger-btn.active{border-color:var(--signal,#10b981);background:#10b9811f;box-shadow:0 0 0 3px #10b98126}.trigger-avatar{color:#04120f;background:linear-gradient(135deg,#10b981 0%,#0d9488 100%);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:flex;box-shadow:0 2px 8px #10b98140}.trigger-text{flex-direction:column;align-items:flex-start;line-height:1.2;display:flex}.trigger-name{color:var(--ink,#0f172a);white-space:nowrap;text-overflow:ellipsis;max-width:110px;font-size:13px;font-weight:700;overflow:hidden}.trigger-role{color:var(--signal,#10b981);letter-spacing:.02em;font-size:10.5px;font-weight:600}.trigger-chevron{color:var(--ink-soft,#596e66);margin-left:2px;transition:transform .2s}.trigger-chevron.rotate{transform:rotate(180deg)}.owner-profile-dropdown{background:var(--panel,#fff);border:1px solid var(--line,#d9e4df);z-index:1000;border-radius:16px;width:320px;animation:.2s cubic-bezier(.16,1,.3,1) dropdownSlideIn;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 20px 50px -10px #00000040,0 4px 16px #00000014}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown-header{background:var(--bg-subtle,#f1f6f3);border-bottom:1px solid var(--line,#d9e4df);align-items:center;gap:12px;padding:16px;display:flex}.header-avatar-wrap{flex-shrink:0;position:relative}.header-avatar{color:#04120f;background:linear-gradient(135deg,#10b981 0%,#0d9488 100%);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:flex;box-shadow:0 3px 12px #10b9814d}.header-online-dot{border:2px solid var(--panel,#fff);background:#10b981;border-radius:50%;width:11px;height:11px;position:absolute;bottom:-2px;right:-2px}.header-details{flex:1;min-width:0}.header-name-row{align-items:center;gap:6px;display:flex}.header-name{color:var(--ink,#0f172a);white-space:nowrap;text-overflow:ellipsis;font-size:14.5px;font-weight:700;overflow:hidden}.header-badge{color:#d97706;background:#f59e0b2e;border:1px solid #f59e0b59;border-radius:10px;padding:1px 6px;font-size:10px;font-weight:700}[data-theme=dark] .header-badge{color:#fbbf24}.header-email{color:var(--ink-soft,#596e66);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;margin-top:3px;font-size:11.5px;display:flex;overflow:hidden}.header-joined{color:var(--ink-soft,#8ba69d);align-items:center;gap:4px;margin-top:3px;font-size:10.5px;display:flex}.dropdown-alert{border-radius:8px;align-items:center;gap:8px;margin:10px 14px 0;padding:8px 10px;font-size:11.5px;font-weight:500;display:flex}.dropdown-alert.error{color:#ef4444;background:#ef44441f;border:1px solid #ef44444d}.dropdown-alert.success{color:#059669;background:#10b9811f;border:1px solid #10b9814d}[data-theme=dark] .dropdown-alert.success{color:#34d399}.dropdown-body{padding:10px 12px}.dropdown-menu-list{flex-direction:column;gap:4px;display:flex}.dropdown-menu-item{width:100%;color:var(--ink,#0f172a);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:all .15s;display:flex}.dropdown-menu-item:hover{background:var(--table-row-hover,#10b9810d);border-color:var(--line,#d9e4df)}.menu-item-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.menu-item-icon.blue{color:#3b82f6;background:#3b82f61f}.menu-item-icon.emerald{color:#10b981;background:#10b9811f}.menu-item-text{flex-direction:column;line-height:1.25;display:flex}.menu-item-title{color:var(--ink,#0f172a);font-size:12.5px;font-weight:600}.menu-item-desc{color:var(--ink-soft,#596e66);margin-top:2px;font-size:11px}.dropdown-inline-form{flex-direction:column;gap:10px;padding:6px 4px;animation:.15s fadeIn;display:flex}.inline-form-title{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft,#596e66);justify-content:space-between;align-items:center;margin-bottom:2px;font-size:12px;font-weight:700;display:flex}.btn-icon-cancel{color:var(--ink-soft,#596e66);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:3px;display:flex}.btn-icon-cancel:hover{color:var(--ink,#0f172a);background:#0000000f}.dropdown-field{flex-direction:column;gap:4px;display:flex}.dropdown-field label{color:var(--ink-soft,#596e66);font-size:11px;font-weight:600}.dropdown-input-wrap{align-items:center;display:flex;position:relative}.dropdown-input-wrap svg:first-child{color:var(--ink-soft,#8ba69d);pointer-events:none;position:absolute;left:10px}.dropdown-input-wrap input{background:var(--input-bg,#fff);border:1px solid var(--input-border,#d1dfd9);width:100%;height:34px;color:var(--ink,#0f172a);box-sizing:border-box;border-radius:8px;padding:0 32px;font-size:12px;transition:all .15s}.dropdown-input-wrap input:focus{border-color:var(--signal,#10b981);outline:none;box-shadow:0 0 0 2px #10b98133}.pass-eye-btn{color:var(--ink-soft,#8ba69d);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:6px}.pass-eye-btn:hover{color:var(--ink,#0f172a)}.inline-form-actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.btn-dropdown-ghost{border:1px solid var(--line,#d9e4df);color:var(--ink-soft,#596e66);cursor:pointer;background:0 0;border-radius:7px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.btn-dropdown-ghost:hover{color:var(--ink,#0f172a);background:#0000000a}.btn-dropdown-primary{background:var(--signal,#10b981);color:#04120f;cursor:pointer;border:1px solid #0000;border-radius:7px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .15s}.btn-dropdown-primary:hover{background:#34d399}.dropdown-footer{border-top:1px solid var(--line,#d9e4df);background:var(--bg-subtle,#f1f6f3);padding:8px 12px}.dropdown-signout-btn{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:9px;width:100%;padding:8px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.dropdown-signout-btn:hover{color:#dc2626;background:#ef44441f;border-color:#ef444440}[data-theme=dark] .dropdown-signout-btn:hover{color:#fca5a5}.owner-page-layout{background:var(--paper,#f8fafc);width:100%;min-height:100vh;color:var(--ink,#0f172a);box-sizing:border-box;flex-direction:column;display:flex}[data-theme=dark] .owner-page-layout{color:#edf5f2;background:#091210}.owner-topbar{z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;transition:background-color .2s,border-color .2s;position:sticky;top:0;box-shadow:0 1px 3px #0000000a}[data-theme=dark] .owner-topbar{background:#0d1714f2;border-bottom-color:#ffffff17;box-shadow:0 1px 3px #0006}.owner-topbar-inner{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:1440px;height:64px;margin:0 auto;padding:0 28px;display:flex}.owner-topbar-brand{align-items:center;gap:12px;display:flex}.owner-topbar-logo{color:#10b981;background:linear-gradient(135deg,#10b98133,#0d948814);border:1px solid #10b98159;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 2px 8px #10b98133}.owner-topbar-text{align-items:center;gap:8px;display:flex}.owner-topbar-title{font-family:var(--font-display,"Space Grotesk", sans-serif);color:#0f172a;letter-spacing:-.02em;font-size:16px;font-weight:800}[data-theme=dark] .owner-topbar-title{color:#fff}.owner-topbar-badge{color:#059669;background:#10b9811f;border:1px solid #10b9814d;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700}[data-theme=dark] .owner-topbar-badge{color:#34d399}.owner-topbar-actions{align-items:center;gap:12px;display:flex}.owner-register-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:1px solid #34d39966;border-radius:10px;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 10px #10b98147}.owner-register-btn:hover{background:linear-gradient(135deg,#34d399 0%,#10b981 100%);transform:translateY(-1px);box-shadow:0 4px 16px #10b98166}.owner-container{width:100%;max-width:1440px;font-family:var(--font-body,"Inter", sans-serif);box-sizing:border-box;flex-direction:column;gap:24px;margin:0 auto;padding:24px 28px 60px;display:flex}.owner-hero-banner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.owner-hero-left{align-items:center;gap:16px;display:flex}.owner-hero-icon{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 2px 8px #10b9811f}[data-theme=dark] .owner-hero-icon{color:#2dd4bf;background:linear-gradient(135deg,#2dd4bf38,#0d948814);border-color:#2dd4bf59;box-shadow:0 6px 20px #2dd4bf29}.owner-hero-left h1{font-family:var(--font-display,"Space Grotesk", sans-serif);color:#0f172a;letter-spacing:-.02em;margin:0;font-size:22px;font-weight:800}[data-theme=dark] .owner-hero-left h1{color:#fff}.owner-hero-left p{color:#64748b;margin:3px 0 0;font-size:13px}[data-theme=dark] .owner-hero-left p{color:#94a3b8}.owner-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=1100px){.owner-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.owner-stats-grid{grid-template-columns:1fr}}.owner-stat-card{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;padding:18px 20px;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a,0 4px 12px #00000005}[data-theme=dark] .owner-stat-card{background:linear-gradient(145deg,#162420a6 0%,#0d1714d9 100%);border-color:#ffffff17;box-shadow:0 6px 24px #0000004d}.owner-stat-card:before{content:"";background:0 0;height:3px;transition:background .25s;position:absolute;top:0;left:0;right:0}.owner-stat-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 20px #00000014}[data-theme=dark] .owner-stat-card:hover{border-color:#fff3;box-shadow:0 10px 30px #00000073}.owner-stat-card.total:hover:before,.owner-stat-card.total.selected-filter:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.owner-stat-card.active:hover:before,.owner-stat-card.active.selected-filter:before{background:linear-gradient(90deg,#10b981,#34d399)}.owner-stat-card.expired:hover:before,.owner-stat-card.expired.selected-filter:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.owner-stat-card.suspended:hover:before,.owner-stat-card.suspended.selected-filter:before{background:linear-gradient(90deg,#ef4444,#f87171)}.owner-stat-card.total.selected-filter{background:#eff6ff;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6,0 4px 16px #3b82f61f}.owner-stat-card.active.selected-filter{background:#ecfdf5;border-color:#10b981;box-shadow:0 0 0 1px #10b981,0 4px 16px #10b9811f}.owner-stat-card.expired.selected-filter{background:#fffbeb;border-color:#f59e0b;box-shadow:0 0 0 1px #f59e0b,0 4px 16px #f59e0b1f}.owner-stat-card.suspended.selected-filter{background:#fef2f2;border-color:#ef4444;box-shadow:0 0 0 1px #ef4444,0 4px 16px #ef44441f}[data-theme=dark] .owner-stat-card.selected-filter{background:linear-gradient(145deg,#1c302ad9 0%,#101e1af2 100%);border-color:#2dd4bf66;box-shadow:0 0 0 1px #2dd4bf4d,0 8px 30px #00000080}.owner-stat-icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.owner-stat-icon.total{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}[data-theme=dark] .owner-stat-icon.total{color:#60a5fa;background:linear-gradient(135deg,#3b82f638,#2563eb14);border-color:#60a5fa59}.owner-stat-icon.active{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0}[data-theme=dark] .owner-stat-icon.active{color:#34d399;background:linear-gradient(135deg,#10b98138,#05966914);border-color:#34d39959}.owner-stat-icon.expired{color:#d97706;background:#fffbeb;border:1px solid #fde68a}[data-theme=dark] .owner-stat-icon.expired{color:#fbbf24;background:linear-gradient(135deg,#f59e0b38,#d9770614);border-color:#fbbf2459}.owner-stat-icon.suspended{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}[data-theme=dark] .owner-stat-icon.suspended{color:#f87171;background:linear-gradient(135deg,#ef444438,#b91c1c14);border-color:#f8717159}.owner-stat-info{flex-direction:column;min-width:0;display:flex}.owner-stat-value{font-family:var(--font-display,"Space Grotesk", sans-serif);color:#0f172a;font-size:26px;font-weight:800;line-height:1.1}.owner-stat-value.total{color:#0f172a}.owner-stat-value.active{color:#059669}.owner-stat-value.expired{color:#d97706}.owner-stat-value.suspended{color:#dc2626}[data-theme=dark] .owner-stat-value.total{color:#fff}[data-theme=dark] .owner-stat-value.active{color:#34d399}[data-theme=dark] .owner-stat-value.expired{color:#fbbf24}[data-theme=dark] .owner-stat-value.suspended{color:#f87171}.owner-stat-label{text-transform:uppercase;color:#64748b;letter-spacing:.04em;margin-top:3px;font-size:11.5px;font-weight:700}[data-theme=dark] .owner-stat-label{color:#cbd5e1}.owner-stat-hint{color:#94a3b8;margin-top:2px;font-size:11px}[data-theme=dark] .owner-stat-hint{color:#64748b}.owner-panel{background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:100%;overflow:hidden;box-shadow:0 1px 3px #0000000a,0 4px 16px #00000005}[data-theme=dark] .owner-panel{background:linear-gradient(145deg,#111e1bbf 0%,#0a1210e6 100%);border-color:#ffffff1a;box-shadow:0 10px 36px #0006}.owner-panel-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-direction:column;gap:12px;padding:16px 20px;display:flex}[data-theme=dark] .owner-panel-header{background:#00000047;border-bottom-color:#ffffff14}.owner-filter-row-main{flex-wrap:wrap;align-items:center;gap:12px;width:100%;display:flex}.owner-search-wrap{flex:1;min-width:260px;position:relative}.owner-search-wrap input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:9px 32px 9px 36px;font-size:13px;transition:all .2s}[data-theme=dark] .owner-search-wrap input{color:#fff;background:#00000073;border-color:#ffffff1f}.owner-search-wrap input:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9812e}[data-theme=dark] .owner-search-wrap input:focus{background:#0009;border-color:#2dd4bf;box-shadow:0 0 0 3px #2dd4bf2e}.owner-search-icon{color:#64748b;pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.owner-search-clear-btn{color:#64748b;cursor:pointer;background:#0000000f;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;transition:all .15s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}[data-theme=dark] .owner-search-clear-btn{color:#94a3b8;background:#ffffff14}.owner-search-clear-btn:hover{color:#ef4444;background:#ef444426}.owner-status-pills{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;gap:3px;padding:3px;display:inline-flex}[data-theme=dark] .owner-status-pills{background:#00000073;border-color:#ffffff17}.owner-status-pill{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:6px 13px;font-size:12px;font-weight:600;transition:all .18s}[data-theme=dark] .owner-status-pill{color:#94a3b8}.owner-status-pill:hover{color:#0f172a}[data-theme=dark] .owner-status-pill:hover{color:#fff}.owner-status-pill.active{color:#0f172a;background:#fff;box-shadow:0 1px 4px #0000001a}[data-theme=dark] .owner-status-pill.active{color:#fff;background:#ffffff24;box-shadow:0 2px 8px #0000004d}.owner-filter-selects{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.owner-select-box{align-items:center;display:inline-flex;position:relative}.owner-select-icon{color:#64748b;pointer-events:none;position:absolute;left:11px}.owner-select-box select{appearance:none;color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:9px;padding:8px 28px 8px 32px;font-size:12.5px;font-weight:500;transition:all .2s}[data-theme=dark] .owner-select-box select{color:#e2e8f0;background:#00000073;border-color:#ffffff1f}.owner-select-box select:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 2px #10b98126}.owner-select-box:after{content:"▾";color:#64748b;pointer-events:none;font-size:12px;position:absolute;right:10px}.owner-filter-subbar{justify-content:space-between;align-items:center;padding-top:4px;font-size:12px;display:flex}.owner-results-count{color:#64748b}[data-theme=dark] .owner-results-count{color:#94a3b8}.owner-results-count strong{color:#0f172a;font-weight:700}[data-theme=dark] .owner-results-count strong{color:#fff}.owner-clear-filters-btn{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:all .2s;display:inline-flex}.owner-clear-filters-btn:hover{color:#b91c1c;background:#fee2e2}.owner-table-wrapper{width:100%;overflow-x:auto}.owner-table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.owner-table thead th{color:#475569;text-transform:uppercase;letter-spacing:.07em;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 18px;font-size:11px;font-weight:700}[data-theme=dark] .owner-table thead th{color:#94a3b8;background:#00000059;border-bottom-color:#ffffff17}.owner-table tbody td{vertical-align:middle;color:#0f172a;border-bottom:1px solid #f1f5f9;padding:15px 18px;transition:background .15s}[data-theme=dark] .owner-table tbody td{color:#e2e8f0;border-bottom-color:#ffffff0f}.owner-table tbody tr:hover td{background:#f8fafc}[data-theme=dark] .owner-table tbody tr:hover td{background:#2dd4bf0a}.owner-table tbody tr:last-child td{border-bottom:none}.org-cell-wrap{align-items:center;gap:12px;display:flex}.org-avatar-badge{color:#059669;width:38px;height:38px;font-weight:800;font-family:var(--font-display,"Space Grotesk", sans-serif);background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:13.5px;display:flex;box-shadow:0 2px 6px #10b9811f}[data-theme=dark] .org-avatar-badge{color:#2dd4bf;background:linear-gradient(135deg,#2dd4bf38,#14b8a61a);border-color:#2dd4bf59;box-shadow:0 4px 12px #2dd4bf1f}.org-text-info{flex-direction:column;gap:2px;min-width:0;display:flex}.org-name-title{color:#0f172a;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;max-width:170px;font-size:13.5px;font-weight:700;overflow:hidden}[data-theme=dark] .org-name-title{color:#fff}.org-email-sub{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:170px;font-size:11.5px;overflow:hidden}[data-theme=dark] .org-email-sub{color:#94a3b8}.plan-cell-wrap{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.plan-badges-row{align-items:center;gap:6px;display:flex}.plan-pill{text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.plan-pill.free-trial{color:#b45309;background:#fffbeb;border:1px solid #fde68a}[data-theme=dark] .plan-pill.free-trial{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b59}.plan-pill.subscription{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}[data-theme=dark] .plan-pill.subscription{color:#34d399;background:#10b98126;border-color:#10b98159}.status-pill{white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:3px 7px;font-size:11px;font-weight:600;display:inline-flex}.status-pill.active{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}[data-theme=dark] .status-pill.active{color:#34d399;background:#10b9811a;border-color:#10b98140}.status-pill.expired{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}[data-theme=dark] .status-pill.expired{color:#f87171;background:#ef44441a;border-color:#ef444440}.status-pill.suspended{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}[data-theme=dark] .status-pill.suspended{color:#94a3b8;background:#64748b26;border-color:#64748b4d}.status-indicator-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.plan-date-text{color:#64748b;font-size:11px;font-weight:500}[data-theme=dark] .plan-date-text{color:#94a3b8}.plan-date-text.expired{color:#dc2626;font-weight:600}.quota-stepper-cell{flex-direction:column;gap:5px;min-width:120px;display:flex}.quota-usage-top{align-items:baseline;gap:4px;font-size:11.5px;display:flex}.quota-used-highlight{color:#059669;font-size:13.5px;font-weight:800;font-family:var(--font-display,"Space Grotesk", sans-serif)}[data-theme=dark] .quota-used-highlight{color:#2dd4bf}.quota-used-label{color:#64748b;font-size:11px;font-weight:500}[data-theme=dark] .quota-used-label{color:#94a3b8}.quota-spinner-box{background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;width:78px;height:30px;transition:all .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #0000000a}[data-theme=dark] .quota-spinner-box{background:#000000a6;border-color:#ffffff29;box-shadow:inset 0 1px 3px #0006}.quota-spinner-input{color:#0f172a;text-align:left;box-sizing:border-box;-moz-appearance:textfield;background:0 0;border:none;width:100%;height:100%;padding:0 24px 0 9px;font-size:13px;font-weight:700}.quota-spinner-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quota-spinner-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}[data-theme=dark] .quota-spinner-input{color:#fff}.quota-spinner-input:focus{color:#059669;outline:none}[data-theme=dark] .quota-spinner-input:focus{color:#2dd4bf}.quota-spinner-arrows{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:5px;flex-direction:column;width:18px;display:flex;position:absolute;top:2px;bottom:2px;right:2px;overflow:hidden}[data-theme=dark] .quota-spinner-arrows{background:#ffffff14;border-color:#ffffff14}.quota-spin-arrow{color:#475569;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:100%;height:50%;padding:0;transition:all .12s;display:flex}[data-theme=dark] .quota-spin-arrow{color:#94a3b8}.quota-spin-arrow:hover{color:#0f172a;background:#fff}[data-theme=dark] .quota-spin-arrow:hover{color:#fff;background:#fff3}.quota-spin-arrow.up{border-bottom:1px solid #e2e8f0}[data-theme=dark] .quota-spin-arrow.up{border-bottom-color:#ffffff14}.key-copy-badge{cursor:pointer;color:#334155;text-align:left;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:7px;max-width:220px;padding:6px 10px;transition:all .2s;display:inline-flex}[data-theme=dark] .key-copy-badge{color:#cbd5e1;background:#00000080;border-color:#ffffff1f}.key-copy-badge:hover{color:#047857;background:#ecfdf5;border-color:#10b981}[data-theme=dark] .key-copy-badge:hover{color:#fff;background:#2dd4bf1a;border-color:#2dd4bf;box-shadow:0 0 12px #2dd4bf26}.key-badge-icon{color:#059669;flex-shrink:0}[data-theme=dark] .key-badge-icon{color:#2dd4bf}.key-badge-text{font-family:var(--font-mono,monospace);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.copy-icon-hover{color:#64748b;flex-shrink:0;transition:color .15s}.key-copy-badge:hover .copy-icon-hover{color:#059669}[data-theme=dark] .key-copy-badge:hover .copy-icon-hover{color:#2dd4bf}.copied-pill{color:#059669;white-space:nowrap;align-items:center;gap:3px;font-size:10.5px;font-weight:700;display:inline-flex}.actions-cluster{white-space:nowrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.action-pill-btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:4px;padding:6px 10px;font-size:11.5px;font-weight:600;transition:all .18s cubic-bezier(.4,0,.2,1);display:inline-flex}.org-admin-chip{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:5px;align-items:center;gap:4px;width:fit-content;margin-top:2px;padding:2px 6px;font-size:11px;transition:all .15s;display:inline-flex}[data-theme=dark] .org-admin-chip{color:#2dd4bf;background:#2dd4bf14;border-color:#2dd4bf33}.org-admin-chip:hover{background:#dbeafe}[data-theme=dark] .org-admin-chip:hover{background:#2dd4bf2e;border-color:#2dd4bf}.action-pill-btn.details{color:#1e293b;background:#f1f5f9;border-color:#cbd5e1}[data-theme=dark] .action-pill-btn.details{color:#f1f5f9;background:#ffffff0d;border-color:#ffffff1f}.action-pill-btn.details:hover{color:#0f172a;background:#e2e8f0;border-color:#94a3b8;transform:translateY(-1px)}[data-theme=dark] .action-pill-btn.details:hover{color:#fff;background:#ffffff24;border-color:#ffffff47}.action-pill-btn.admin{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}[data-theme=dark] .action-pill-btn.admin{color:#60a5fa;background:#3b82f61f;border-color:#3b82f64d}.action-pill-btn.admin:hover{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd;transform:translateY(-1px)}[data-theme=dark] .action-pill-btn.admin:hover{color:#93c5fd;background:#3b82f640;border-color:#60a5fa}.action-pill-btn.edit{color:#047857;background:#ecfdf5;border-color:#a7f3d0}[data-theme=dark] .action-pill-btn.edit{color:#2dd4bf;background:#2dd4bf1f;border-color:#2dd4bf4d}.action-pill-btn.edit:hover{color:#047857;background:#d1fae5;border-color:#6ee7b7;transform:translateY(-1px)}[data-theme=dark] .action-pill-btn.edit:hover{color:#5eead4;background:#2dd4bf40;border-color:#2dd4bf;box-shadow:0 0 10px #2dd4bf33}.action-pill-btn.rotate{color:#475569;background:#f8fafc;border-color:#e2e8f0}[data-theme=dark] .action-pill-btn.rotate{color:#94a3b8;background:#ffffff0a;border-color:#ffffff17}.action-pill-btn.rotate:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}[data-theme=dark] .action-pill-btn.rotate:hover{color:#fff;background:#ffffff1f;border-color:#ffffff38}.action-pill-btn.danger{color:#be123c;background:#fff1f2;border-color:#fecdd3}[data-theme=dark] .action-pill-btn.danger{color:#f87171;background:#ef444417;border-color:#ef444440}.action-pill-btn.danger:hover{color:#be123c;background:#ffe4e6;border-color:#fda4af;transform:translateY(-1px)}[data-theme=dark] .action-pill-btn.danger:hover{color:#fca5a5;background:#ef444440;border-color:#f87171;box-shadow:0 0 10px #ef444433}.action-pill-btn.reinstate{color:#047857;background:#ecfdf5;border-color:#a7f3d0}[data-theme=dark] .action-pill-btn.reinstate{color:#34d399;background:#10b98117;border-color:#10b98140}.action-pill-btn.reinstate:hover{color:#047857;background:#d1fae5;border-color:#6ee7b7;transform:translateY(-1px)}[data-theme=dark] .action-pill-btn.reinstate:hover{color:#6ee7b7;background:#10b98140;border-color:#34d399;box-shadow:0 0 10px #10b98133}.table-empty-state{text-align:center;padding:48px 20px}.empty-icon{color:#64748b;margin-bottom:10px}.empty-title{color:#0f172a;margin-bottom:4px;font-size:15px;font-weight:700}[data-theme=dark] .empty-title{color:#fff}.empty-sub{color:#64748b;max-width:400px;margin:0 auto;font-size:12.5px}[data-theme=dark] .empty-sub{color:#94a3b8}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0f172a80;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}[data-theme=dark] .modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000c7}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.owner-modal-box{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;width:100%;max-width:680px;display:flex;overflow:hidden;box-shadow:0 24px 64px -12px #0003}[data-theme=dark] .owner-modal-box{color:#f1f5f9;background:#0d1715;border-color:#ffffff24;box-shadow:0 24px 70px #000000bf}.owner-modal-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}[data-theme=dark] .owner-modal-header{background:#0000004d;border-bottom-color:#ffffff17}.owner-modal-title{color:#0f172a;margin:0;font-size:16px;font-weight:700}[data-theme=dark] .owner-modal-title{color:#fff}.owner-modal-subtitle{color:#64748b;margin:2px 0 0;font-size:12px}[data-theme=dark] .owner-modal-subtitle{color:#94a3b8}.owner-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}[data-theme=dark] .owner-modal-close{color:#94a3b8;background:#ffffff0d;border-color:#ffffff1a}.owner-modal-close:hover{color:#dc2626;background:#fee2e2;border-color:#fecaca}[data-theme=dark] .owner-modal-close:hover{color:#f87171;background:#ef444426;border-color:#ef44444d}.owner-modal-body{flex-direction:column;gap:16px;padding:20px 24px;display:flex}.owner-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:14px 24px;display:flex}[data-theme=dark] .owner-modal-footer{background:#00000059;border-top-color:#ffffff17}.detail-hero-card{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}[data-theme=dark] .detail-hero-card{background:linear-gradient(135deg,#2dd4bf1f,#0d94880a);border-color:#2dd4bf40}.detail-grid-2{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width<=620px){.detail-grid-2{grid-template-columns:1fr}}.detail-info-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}[data-theme=dark] .detail-info-block{background:#0000004d;border-color:#ffffff14}.detail-info-title{text-transform:uppercase;letter-spacing:.05em;color:#059669;align-items:center;gap:6px;margin-bottom:2px;font-size:12px;font-weight:700;display:flex}[data-theme=dark] .detail-info-title{color:#2dd4bf}.detail-item-row{justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.detail-item-label{color:#64748b;font-weight:500}[data-theme=dark] .detail-item-label{color:#94a3b8}.detail-item-val{color:#0f172a;font-weight:600}[data-theme=dark] .detail-item-val{color:#fff}.owner-form-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}[data-theme=dark] .owner-form-card{background:#0000004d;border-color:#ffffff14}.owner-form-section-title{color:#059669;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}[data-theme=dark] .owner-form-section-title{color:#2dd4bf}.owner-form-card input,.owner-form-card select,.owner-form-card textarea{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:9px;width:100%;padding:9px 12px;font-size:13px;transition:all .2s}[data-theme=dark] .owner-form-card input,[data-theme=dark] .owner-form-card select,[data-theme=dark] .owner-form-card textarea{color:#fff;background:#00000073;border-color:#ffffff1f}.owner-form-card input:focus,.owner-form-card select:focus,.owner-form-card textarea:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9812e}[data-theme=dark] .owner-form-card input:focus,[data-theme=dark] .owner-form-card select:focus,[data-theme=dark] .owner-form-card textarea:focus{background:#0009;border-color:#2dd4bf;box-shadow:0 0 0 3px #2dd4bf2e}.plan-mode-tabs{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px;display:grid}@media (width<=540px){.plan-mode-tabs{grid-template-columns:1fr}}.plan-mode-tab{color:#64748b;cursor:pointer;text-align:center;background:#fff;border:1px solid #cbd5e1;border-radius:9px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .18s}[data-theme=dark] .plan-mode-tab{color:#94a3b8;background:#0006;border-color:#ffffff1a}.plan-mode-tab:hover{color:#0f172a;border-color:#94a3b8}[data-theme=dark] .plan-mode-tab:hover{color:#fff;border-color:#fff3}.plan-mode-tab.active{color:#059669;background:#ecfdf5;border-color:#10b981}[data-theme=dark] .plan-mode-tab.active{color:#2dd4bf;background:#2dd4bf26;border-color:#2dd4bf;box-shadow:0 0 12px #2dd4bf26}.quick-chips-group{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.quick-chip{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;padding:5px 10px;font-size:11.5px;font-weight:600;transition:all .15s}[data-theme=dark] .quick-chip{color:#cbd5e1;background:#ffffff0d;border-color:#ffffff1a}.quick-chip:hover{background:#f1f5f9;border-color:#94a3b8}[data-theme=dark] .quick-chip:hover{color:#fff;background:#ffffff1f}.quick-chip.active{color:#fff;background:#10b981;border-color:#10b981;box-shadow:0 2px 8px #10b98159}.required-star{color:#ef4444;margin-left:2px}.grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=540px){.grid-2{grid-template-columns:1fr}}