@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/9da48a48bf6500f8-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec7,u+10ec9-10eee,u+10ef?,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/9efac92d680e57b6-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/1323037a3e4ea9e8-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/17efc7caebbb6a73-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/f022b1629605b85c-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec7,u+10ec9-10eee,u+10ef?,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/18d6d756b83deaa1-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/101eb3c626c8a0e0-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/b729ad8c86c7d641-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e4efb0298547fad0-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec7,u+10ec9-10eee,u+10ef?,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c3d28d0a4af5320e-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/b096b166d47a2e73-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/79d9077e4fd7eddc-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/fb66eb17bf011c3b-s.p.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-0891,u+0897-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10ec2-10ec7,u+10ec9-10eee,u+10ef?,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/3abc2a74bccacda0-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/20e170e88a69dd27-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/99dc19e540dbb87b-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Arabic Fallback;src:local("Arial");ascent-override:107.25%;descent-override:41.02%;line-gap-override:0.00%;size-adjust:101.17%}.__className_f9ef76{font-family:IBM Plex Sans Arabic,IBM Plex Sans Arabic Fallback;font-style:normal}.__variable_f9ef76{--font-app:"IBM Plex Sans Arabic","IBM Plex Sans Arabic Fallback"}:root{color-scheme:dark;--bg:#08101f;--bg-2:#0c1527;--panel:rgba(16,27,47,.92);--panel-2:#16243b;--border:rgba(148,163,184,.16);--border-strong:rgba(148,163,184,.28);--text:#f4f7fb;--muted:#a2afc3;--faint:#6f809c;--accent:#7c6df2;--accent-2:#9b8df8;--accent-soft:rgba(124,109,242,.15);--green:#42d3a0;--green-soft:rgba(66,211,160,.13);--amber:#f6bf57;--amber-soft:rgba(246,191,87,.13);--red:#ff7b82;--red-soft:rgba(255,123,130,.13);--radius:18px;--radius-sm:11px;--shadow:0 18px 55px rgba(1,6,17,.28);--sidebar-w:268px}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(900px 520px at 8% -8%,rgba(124,109,242,.13),transparent 62%),radial-gradient(700px 450px at 92% 105%,rgba(28,173,142,.07),transparent 65%),var(--bg);font:15px/1.5 Inter,Noto Sans Arabic,Segoe UI,Tahoma,system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a{color:var(--accent-2);text-decoration:none}a:hover{color:var(--text)}::selection{background:rgba(124,109,242,.35);color:#fff}.shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset-block:0;inset-inline-start:0;z-index:30;width:var(--sidebar-w);display:flex;flex-direction:column;padding:24px 16px 18px;background:rgba(9,17,32,.86);border-inline-end:1px solid var(--border);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%)}.sidebar .brand{display:flex;align-items:center;gap:12px;min-height:48px;padding:4px 10px 22px;font-size:17px;font-weight:800;letter-spacing:-.25px}.side-nav{overflow-y:auto;min-height:0}.side-nav-group{display:block}.side-nav-group+.side-nav-group{margin-top:8px;padding-top:8px;border-top:1px solid rgba(148,163,184,.1)}.nav-group-toggle{width:100%;min-height:32px;display:flex;align-items:center;gap:9px;padding:5px 8px;border:0;border-radius:9px;background:transparent;color:var(--faint);box-shadow:none;cursor:pointer;text-align:start;transition:color .18s,background .18s}.nav-group-toggle:hover{color:var(--text);background:rgba(148,163,184,.055);transform:none}.nav-group-title{min-width:0;flex:1 1;overflow:hidden;font-weight:800;letter-spacing:.15px;text-overflow:ellipsis;white-space:nowrap}.nav-group-chevron{width:20px;height:20px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(148,163,184,.13);border-radius:6px;background:rgba(148,163,184,.04);transition:transform .18s ease,border-color .18s}.nav-group-chevron svg{width:15px;height:15px}.nav-group-toggle:hover .nav-group-chevron{border-color:rgba(155,141,248,.32);color:var(--accent-2)}.side-nav-group.is-closed .nav-group-chevron{transform:rotate(-90deg)}[dir=rtl] .side-nav-group.is-closed .nav-group-chevron{transform:rotate(90deg)}.nav-group-items{position:relative;display:grid;gap:3px;margin-top:3px}.nav-group-items[hidden]{display:none}.employee-global-filter{display:grid;gap:16px}.employee-filter-field{width:100%}.period-filter-block{display:grid;gap:12px;padding-top:14px;border-top:1px solid var(--border)}.brand-badge{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(145deg,#8b7cf7,#6554db);box-shadow:0 10px 24px rgba(101,84,219,.32),inset 0 1px rgba(255,255,255,.22)}.brand-badge.brand-logo{background:url(/etolv-timer-icon.png) 50%/contain no-repeat;box-shadow:0 10px 24px rgba(0,132,255,.28)}.side-nav{display:flex;flex-direction:column;gap:0}.side-link{position:relative;display:flex;align-items:center;gap:11px;min-height:42px;padding:8px 11px;border:1px solid transparent;font-weight:650;transition:color .18s,background .18s,border-color .18s,transform .18s}.side-link svg{width:19px;height:19px;flex:0 0 auto;opacity:.9}.side-link:hover{color:var(--text);background:rgba(255,255,255,.045);transform:translateX(2px)}[dir=rtl] .side-link:hover{transform:translateX(-2px)}.side-link.active{color:#e4e0ff;background:linear-gradient(90deg,rgba(124,109,242,.18),rgba(124,109,242,.09));border-color:rgba(124,109,242,.24)}.side-link.active:before{content:"";position:absolute;inset-block:9px;inset-inline-start:-1px;border-radius:8px;box-shadow:0 0 12px rgba(155,141,248,.62)}.side-foot{margin-top:auto;display:grid;gap:10px;padding-top:20px}.side-user{display:flex;align-items:center;gap:11px;padding:11px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.035)}.avatar{width:35px;height:35px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;color:#fff;font-size:13px;font-weight:800;background:linear-gradient(145deg,#7c6df2,#4d3dbd)}.side-user .who{min-width:0}.side-user .who b{display:block;font-size:12px}.side-user .who span{display:block;overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.side-actions{display:flex;gap:8px}.side-actions button{flex:1 1}.sidebar-collapse svg{width:17px;height:17px}.main{flex:1 1;min-width:0;margin-inline-start:var(--sidebar-w)}.content{width:min(100%,1240px);margin:0 auto;padding:42px 34px 64px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:26px}.page-head h1,h1{margin:0;font-size:clamp(25px,3vw,31px);line-height:1.2;font-weight:800;letter-spacing:-.7px}[dir=rtl] .page-head h1,[dir=rtl] h1{letter-spacing:0}.page-sub{max-width:680px;margin-top:7px;font-size:13px;line-height:1.7}h2{margin:0 0 15px;color:var(--text);font-size:16px;font-weight:750;letter-spacing:-.15px}.card,.panel{border:1px solid var(--border);background:linear-gradient(160deg,rgba(19,32,54,.96),rgba(13,23,41,.96));box-shadow:var(--shadow)}.panel{margin-bottom:20px;padding:22px}.panel-pad-0{overflow:hidden}.panel:has(>table){overflow-x:auto}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:14px}.card{position:relative;min-height:112px;padding:19px;border-radius:16px;overflow:hidden}.card:after{content:"";position:absolute;width:90px;height:90px;inset-inline-end:-35px;inset-block-start:-42px;border-radius:50%;background:rgba(255,255,255,.035)}.card .k{color:var(--muted);font-size:12px;font-weight:650}.card .v{margin-top:8px;font-size:28px;line-height:1.15;font-weight:820;letter-spacing:-.8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.card.tinted{background:linear-gradient(145deg,rgba(124,109,242,.22),rgba(16,27,47,.95));border-color:rgba(124,109,242,.35)}table{width:100%;border-collapse:collapse;font-size:13px}td,th{padding:15px 18px;border-bottom:1px solid var(--border);text-align:start;vertical-align:middle}th{position:sticky;top:0;z-index:1;background:#0e192b;font-size:10px;font-weight:750;letter-spacing:.65px;text-transform:uppercase}tbody tr{transition:background .16s}tbody tr:hover{background:rgba(255,255,255,.035)}tbody tr:last-child td{border-bottom:0}label{display:block;margin:13px 0 7px;color:var(--muted);font-size:12px;font-weight:650}input,select,textarea{width:100%;min-height:44px;padding:10px 13px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);outline:none;background-color:rgba(6,13,25,.72);color:var(--text);transition:border-color .16s,box-shadow .16s,background .16s}select{appearance:none;-webkit-appearance:none;padding-inline-end:42px;color-scheme:dark;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239aa8bd' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 14px center}[dir=ltr] select{background-position:right 14px center}select option{background:#101b2f;color:var(--text)}input[type=number]{appearance:textfield;-moz-appearance:textfield;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}input[type=date]{position:relative;color-scheme:dark;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.62;filter:invert(.78)}input::placeholder,textarea::placeholder{color:var(--faint)}input:hover,select:hover,textarea:hover{border-color:rgba(148,163,184,.4)}input:focus,select:focus,textarea:focus{border-color:var(--accent-2);background:rgba(8,16,31,.95);box-shadow:0 0 0 4px rgba(124,109,242,.13)}.search-select{position:relative;width:100%;min-width:0}.search-select-trigger{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 13px;border-color:var(--border-strong);background:rgba(6,13,25,.72);box-shadow:none;color:var(--text);text-align:start;font-weight:500}.search-select-trigger:hover:not(:disabled){background:rgba(8,16,31,.95);border-color:rgba(148,163,184,.4);filter:none;transform:none}.search-select-trigger b{color:var(--faint);font-size:15px}.search-select-popover{position:absolute;z-index:70;inset-inline:0;top:calc(100% + 7px);padding:8px;border:1px solid var(--border-strong);border-radius:13px;background:#101b2f;box-shadow:0 20px 55px rgba(0,0,0,.48)}.search-select-popover>input{min-height:38px;margin-bottom:7px;font-size:12px}.search-select-options{max-height:240px;overflow-y:auto;display:grid;gap:3px}.search-select-options button{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border:0;background:transparent;box-shadow:none;text-align:start}.search-select-options button.selected,.search-select-options button:hover:not(:disabled){background:var(--accent-soft);filter:none;transform:none}.search-select-options button span{min-width:0;display:flex;flex-direction:column}.search-select-options strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.search-select-options small{color:var(--faint);font-size:9px}.search-select-empty{padding:18px;color:var(--faint);text-align:center}.search-select.compact-control{min-width:155px;padding:0}.search-select.compact-control .search-select-trigger{min-height:36px;padding-block:6px;border-radius:9px;font-size:12px}button{min-height:41px;padding:9px 17px;cursor:pointer;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,#8879f5,#6757db);color:#fff;box-shadow:0 7px 18px rgba(88,71,205,.2);font-size:13px;font-weight:750;transition:transform .16s,filter .16s,border-color .16s,background .16s}button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}button:disabled{opacity:.48;cursor:not-allowed;box-shadow:none}button.ghost{background:rgba(255,255,255,.045);color:var(--text);border-color:var(--border);box-shadow:none}button.ghost:hover:not(:disabled){background:rgba(255,255,255,.08);border-color:var(--border-strong);filter:none}button.danger{background:var(--red-soft);color:var(--red);border-color:rgba(255,123,130,.22);box-shadow:none}button.sm{min-height:34px;padding:6px 11px;font-size:12px}.linkbtn,button.linkbtn{min-height:auto;padding:2px;border:0;background:none;box-shadow:none;color:var(--accent-2);font-weight:700}.linkbtn:hover{color:#c4bcff;transform:none}.badge{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;font-size:11px;font-weight:750;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.badge.flat:before{display:none}.badge-green{background:var(--green-soft);color:var(--green)}.badge-amber{background:var(--amber-soft);color:var(--amber)}.badge-red{background:var(--red-soft);color:var(--red)}.badge-accent{background:var(--accent-soft);color:var(--accent-2)}.badge-muted{background:rgba(148,163,184,.1);color:var(--muted)}.bar-track{height:8px;overflow:hidden;border-radius:10px;background:rgba(4,10,20,.72)}.bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#6757db,#9f91ff);box-shadow:0 0 14px rgba(124,109,242,.32)}.row{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}.row>div{flex:1 1;min-width:150px}.form-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:13px}.field{min-width:0;grid-column:span 3}.field.wide{grid-column:span 5}.field.narrow{grid-column:span 2}.field label{margin-top:0}.form-actions{grid-column:span 2;display:flex;gap:8px;align-items:center}.form-actions button{flex:1 1;min-width:max-content}.compact-control{min-height:36px;padding-block:6px;border-radius:9px;font-size:12px}.preset-bar{display:flex;gap:8px;margin-bottom:14px}.preset-bar button{min-height:36px;padding:7px 14px}.screenshot-presets{grid-column:1/-1;margin-bottom:2px}.toggle{display:flex;align-items:center;gap:11px;margin:13px 0}.toggle input{width:18px;min-height:18px;accent-color:var(--accent)}.toolbar{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.muted{color:var(--muted);font-size:13px}.error,.success{margin-top:12px;padding:10px 12px;border:1px solid;border-radius:10px;font-size:12px;line-height:1.6}.error{color:#ff9aa0;background:var(--red-soft);border-color:rgba(255,123,130,.2)}.success{color:#75e6bd;background:var(--green-soft);border-color:rgba(66,211,160,.2)}.modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px;background:rgba(2,7,16,.76);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:fade-in .18s ease}.modal{width:min(100%,470px);max-height:min(760px,90vh);overflow:auto;padding:26px;border:1px solid var(--border-strong);border-radius:20px;background:#101b2f;box-shadow:0 28px 90px rgba(0,0,0,.55);animation:rise .2s ease}.modal h2{margin-bottom:5px;font-size:20px}.copybox{display:flex;align-items:center;gap:9px;margin-top:9px;padding:11px 12px;border:1px dashed var(--border-strong);border-radius:11px;background:rgba(4,10,20,.5)}.copybox code{flex:1 1;color:#b6adff;font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}.auth-wrap{position:relative;min-height:100vh;display:grid;place-items:center;overflow:hidden;padding:28px;isolation:isolate}.auth-wrap:after,.auth-wrap:before{content:"";position:fixed;z-index:-1;border-radius:50%;filter:blur(4px)}.auth-wrap:before{width:430px;height:430px;inset-inline-start:-150px;inset-block-start:-180px;background:radial-gradient(circle,rgba(124,109,242,.24),transparent 70%)}.auth-wrap:after{width:370px;height:370px;inset-inline-end:-120px;inset-block-end:-170px;background:radial-gradient(circle,rgba(46,196,166,.12),transparent 70%)}.auth-card{width:min(100%,430px);padding:34px 32px;border:1px solid var(--border-strong);border-radius:24px;background:rgba(15,26,45,.9);box-shadow:0 30px 100px rgba(0,0,0,.42);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.auth-brand{display:flex;align-items:center;gap:13px;margin-bottom:8px}.auth-brand .brand-badge{width:44px;height:44px;border-radius:14px}.auth-title{font-size:20px;font-weight:820;letter-spacing:-.35px}.auth-card .sub{margin:3px 0 23px;color:var(--muted);font-size:13px}@keyframes fade-in{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(8px) scale(.99)}}@media (max-width:900px){:root{--sidebar-w:76px}.sidebar{padding:18px 10px}.sidebar .brand{justify-content:center;padding-inline:0}.side-actions button:last-child,.side-link span,.side-user .who,.sidebar .brand>span:last-child{display:none}.side-link{justify-content:center;padding-inline:10px}.side-link.active:before{inset-inline-start:-4px}.side-user{justify-content:center;padding:8px}.side-actions button{width:100%}.content{padding:32px 24px 54px}}@media (max-width:620px){:root{--sidebar-w:0px}.shell{display:block;padding-bottom:76px}.sidebar{inset-block:auto 0;inset-inline:0;width:auto;height:68px;display:grid;grid-template-columns:1fr auto;align-items:center;padding:8px 10px calc(8px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--border);background:rgba(8,16,31,.94)}.side-user,.sidebar .brand{display:none}.side-nav{min-width:0;flex-direction:row;justify-content:space-around;gap:2px}.side-link{min-width:48px;min-height:48px;padding:9px;border-radius:12px}.side-link svg{width:20px;height:20px}.side-link.active:before{inset-block:auto -8px;inset-inline:12px;width:auto;height:3px}.side-foot{margin:0;padding:0}.side-actions,.side-foot{display:block}.side-actions button:first-child{min-width:42px}.main{margin:0}.content{padding:25px 15px 34px}.page-head{align-items:stretch;flex-direction:column;margin-bottom:20px}.page-head>button{width:100%}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.card{min-height:102px;padding:16px}.card .v{font-size:23px}.panel{padding:17px;border-radius:15px}.panel-pad-0{padding:0;overflow-x:auto}table{min-width:680px}td,th{padding:13px 14px}.row{gap:9px}.toolbar{width:100%}.toolbar>*{flex:1 1}.auth-wrap{padding:18px}.auth-card{padding:26px 21px;border-radius:20px}.modal{padding:21px;border-radius:18px}}.permission-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.permission-group{padding:13px;border:1px solid var(--border);border-radius:13px;background:rgba(5,12,23,.34)}.permission-group h3{margin:0 0 10px;color:var(--accent-2);font-size:10px;letter-spacing:.15px}.permission-group .toggle{padding:7px 0;border-bottom:1px solid rgba(148,163,184,.08)}.permission-group .toggle:last-child{border-bottom:0}.permission-group .toggle span{font-size:10px}@media (max-width:620px){.permission-groups{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.brand-copy{min-width:0;display:flex;flex-direction:column}.brand-copy strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.brand-copy small{margin-top:2px;font-weight:600;letter-spacing:.15px}.brand-copy small,.nav-label{color:var(--faint);font-size:9px}.nav-label{margin:6px 13px 9px;font-weight:800;letter-spacing:.9px;text-transform:uppercase}.topbar{position:sticky;top:0;z-index:20;height:72px;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--border);background:rgba(8,16,31,.76);-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%)}.topbar,.topbar-context{display:flex;align-items:center}.topbar-context{gap:9px;color:var(--muted);font-size:11px}.topbar-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px var(--green-soft),0 0 12px rgba(66,211,160,.45)}.topbar-user{display:flex;align-items:center;gap:10px}.topbar-copy{min-width:0;display:flex;flex-direction:column;text-align:end}.topbar-copy strong{font-size:11px}.topbar-copy small{max-width:220px;overflow:hidden;color:var(--faint);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.topbar-user .avatar{width:34px;height:34px}.content{padding-top:34px}.page-head{position:relative;padding:4px 0 2px}.page-head:after{content:"";position:absolute;inset-inline-start:0;bottom:-11px;width:38px;height:3px;border-radius:9px;background:linear-gradient(90deg,var(--accent),transparent)}.insight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:20px}.insight-card{min-width:0;min-height:112px;display:flex;align-items:center;gap:13px;padding:17px;border:1px solid var(--border);border-radius:17px;background:linear-gradient(150deg,rgba(19,32,54,.96),rgba(11,20,36,.96));box-shadow:0 13px 38px rgba(1,6,17,.2);transition:transform .18s,border-color .18s}.insight-card:hover{transform:translateY(-2px);border-color:var(--border-strong)}.insight-card.featured{border-color:rgba(124,109,242,.3);background:radial-gradient(170px 100px at 0 0,rgba(124,109,242,.2),transparent 72%),linear-gradient(150deg,rgba(24,35,61,.98),rgba(12,21,39,.98))}[dir=rtl] .insight-card.featured{background:radial-gradient(170px 100px at 100% 0,rgba(124,109,242,.2),transparent 72%),linear-gradient(150deg,rgba(24,35,61,.98),rgba(12,21,39,.98))}.insight-icon{width:39px;height:39px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:var(--accent-soft);color:#b4aaff;font-size:17px;font-weight:800}.insight-icon.green{background:var(--green-soft);color:var(--green)}.insight-icon.amber{background:var(--amber-soft);color:var(--amber)}.insight-icon.red{background:var(--red-soft);color:var(--red)}.insight-icon.blue{background:rgba(65,155,249,.12);color:#70b6ff}.insight-card>div{min-width:0;display:flex;flex-direction:column}.insight-card small{overflow:hidden;color:var(--muted);font-size:10px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.insight-card strong{margin-top:5px;font-size:clamp(18px,2.2vw,26px);line-height:1;font-weight:820;letter-spacing:-.6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ticket-insights{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-panel{padding:15px 17px;background:rgba(14,25,43,.72);box-shadow:0 10px 32px rgba(1,6,17,.16)}.filter-panel label{margin-top:0}.filter-panel input,.filter-panel select{min-height:40px}.adjustment-form{padding-top:3px}.data-panel{overflow:hidden}.panel-heading{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 18px;border-bottom:1px solid var(--border);background:rgba(7,14,27,.38)}.panel-heading h2{margin:0;font-size:13px}.panel-heading>div>span{color:var(--faint);font-size:9px}.record-count{padding:5px 9px;border-radius:999px;background:var(--accent-soft);color:#b8b0ff;font-size:9px;font-weight:750;white-space:nowrap}.employee-heading{min-height:82px}.table-search{position:relative;width:min(100%,280px)}.table-search>span{position:absolute;inset-inline-start:12px;top:50%;z-index:1;color:var(--faint);transform:translateY(-50%)}.table-search input{min-height:39px;padding-inline-start:34px;font-size:11px}.table-filter-bar{display:grid;grid-template-columns:minmax(260px,1fr) minmax(180px,.55fr) minmax(180px,.55fr);gap:12px;align-items:center;padding:14px 16px}.table-filter-bar .table-search{width:100%;max-width:none}.ticket-filter-bar{grid-template-columns:minmax(260px,520px)}.sort-button{padding:0;border:0;background:transparent;box-shadow:none;color:inherit;font:inherit;white-space:nowrap}.sort-button:hover{background:transparent;color:var(--accent-2);transform:none}.pagination-bar{display:flex;align-items:center;justify-content:center;gap:16px;padding:14px 18px;border-top:1px solid var(--border);color:var(--muted);font-size:10px}.pagination-bar button{min-width:90px}.live-view-panel{overflow:hidden}.live-view-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px}.live-view-head h2{margin:0 0 4px}.live-view-head p{margin:0}.live-stage{position:relative;min-height:480px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:16px;background:#030812}.live-stage video{width:100%;max-height:72vh;display:block;object-fit:contain}.live-stage-state{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--muted)}.live-stage-state span{width:14px;height:14px;border-radius:50%;background:var(--faint)}.live-stage-state .waiting-pulse{background:var(--green);box-shadow:0 0 0 8px rgba(64,211,160,.1);animation:pulse 1.4s infinite}.live-view-head .danger{background:var(--red-soft);color:var(--red);border-color:rgba(255,125,132,.28)}.live-device-picker{width:min(100%,520px);margin-bottom:16px}.live-device-picker label{display:block;margin-bottom:6px;color:var(--muted);font-size:11px;font-weight:700}.live-device-active{margin:-5px 0 12px;color:var(--muted);font-size:12px}.live-device-active strong{color:var(--text)}.employee-tabs{display:flex;gap:7px;margin:0 0 18px;padding:7px;overflow-x:auto;border:1px solid var(--border);border-radius:14px;background:rgba(8,16,31,.55);scrollbar-width:thin}.employee-tabs a{flex:0 0 auto;padding:10px 14px;border-radius:9px;color:var(--muted);font-size:10px;font-weight:750;white-space:nowrap}.employee-tabs a:hover{color:var(--text);background:rgba(148,163,184,.07)}.employee-tabs a.active{color:#fff;background:var(--accent-soft);box-shadow:inset 0 0 0 1px rgba(124,109,242,.28)}.data-panel table{margin:0}.empty-box{min-height:190px;display:grid;place-items:center;color:var(--faint);font-size:12px}.skeleton-list{display:grid;gap:1px;padding:0}.skeleton-list span{height:58px;background:linear-gradient(90deg,rgba(255,255,255,.02),rgba(255,255,255,.055),rgba(255,255,255,.02));background-size:200% 100%;animation:dash-shimmer 1.5s infinite}@keyframes dash-shimmer{to{background-position:-200% 0}}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}.settings-card{min-height:310px;margin:0;padding:0;overflow:hidden}.settings-card-head{min-height:88px;display:flex;align-items:center;gap:13px;padding:18px 20px;border-bottom:1px solid var(--border);background:linear-gradient(90deg,var(--accent-soft),transparent)}.settings-card-head h2{margin:0 0 3px}.settings-card-head p{margin:0;color:var(--faint);font-size:10px;line-height:1.5}.settings-icon{width:38px;height:38px;flex:0 0 auto;display:grid;place-items:center;border-radius:11px;background:var(--accent-soft);color:#b8b0ff;font-size:15px}.settings-icon.green{background:var(--green-soft);color:var(--green)}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 20px 4px;padding:14px 15px;border:1px solid var(--border);border-radius:13px;background:rgba(5,12,23,.3)}.settings-toggle-row small,.settings-toggle-row strong{display:block}.settings-toggle-row strong{font-size:12px}.settings-toggle-row small{margin-top:3px;color:var(--faint);font-size:9px}.settings-toggle-row input{width:19px;min-height:19px;flex:0 0 auto;accent-color:var(--accent)}.settings-field{position:relative;min-width:0}.settings-card>.settings-field{margin:14px 20px 20px}.settings-field label{margin-top:0}.settings-field>small{position:absolute;inset-inline-end:12px;bottom:13px;color:var(--faint);font-size:9px;pointer-events:none}.settings-fields-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px}.save-bar{position:sticky;bottom:16px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;padding:13px 15px;border:1px solid var(--border-strong);border-radius:15px;background:rgba(13,23,41,.9);box-shadow:0 18px 55px rgba(0,0,0,.35);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.save-bar .success{margin:0}.role-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.role-list>.panel{margin:0}.roles-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;box-shadow:none}.roles-toolbar .table-search{width:min(100%,420px)}.role-summary{min-height:205px;padding:20px}.role-summary-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.role-summary-head h2{margin:0 0 2px}.role-summary-head span{color:var(--faint);font-size:10px}.role-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--accent-2);font-weight:800}.role-edit-link{padding:8px 11px;border:1px solid var(--border);border-radius:9px;font-size:11px;font-weight:750}.role-stats{display:flex;gap:22px;margin:20px 0 13px;padding-top:15px;border-top:1px solid var(--border);color:var(--muted);font-size:10px}.role-stats b{margin-inline-end:4px;color:var(--text);font-size:16px}.role-permission-preview{display:flex;gap:6px;flex-wrap:wrap}.role-permission-preview span{max-width:190px;overflow:hidden;padding:5px 8px;border-radius:8px;background:rgba(148,163,184,.08);color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.role-name-panel{display:grid;grid-template-columns:minmax(260px,1fr) minmax(280px,1fr);align-items:end;gap:28px}.role-name-panel label{margin-top:0}.role-system-note{min-height:44px;display:flex;align-items:center;gap:12px}.role-system-note small{color:var(--muted);font-size:10px}.permissions-workspace{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(160deg,rgba(19,32,54,.96),rgba(13,23,41,.96));box-shadow:var(--shadow)}.permissions-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;border-bottom:1px solid var(--border)}.permissions-toolbar h2{display:inline;margin:0 8px 0 0}.permissions-toolbar>div>span{color:var(--faint);font-size:10px}.permissions-toolbar .table-search{width:min(100%,360px)}.permission-editor{padding:18px;margin:0}.permission-editor .permission-group{padding:15px}.permission-group header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.permission-group header h3{margin:0}.permission-row>span{min-width:0;display:flex;flex-direction:column}.permission-row strong{color:var(--text);font-size:11px;font-weight:650}.permission-row small{color:var(--faint);font:8px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.payroll-panel{overflow:hidden;padding:0;border-color:rgba(124,109,242,.3)}.payroll-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid var(--border);background:linear-gradient(90deg,rgba(124,109,242,.16),transparent)}.payroll-head h2{margin:3px 0;font-size:18px}.payroll-head p{margin:0;color:var(--muted);font-size:11px}.payroll-eyebrow{color:var(--accent-2);font-size:9px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.payroll-equation{display:grid;grid-template-columns:1.1fr auto 1fr auto 1.1fr auto 1fr auto 1.15fr;align-items:stretch;gap:9px;padding:20px 22px}.payroll-equation>div{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:13px;border:1px solid var(--border);border-radius:14px;background:rgba(5,12,23,.3)}.payroll-equation>b{align-self:center;color:var(--faint);font-size:21px}.payroll-equation small{color:var(--muted);font-size:9px}.payroll-equation strong{margin:4px 0 1px;font-size:clamp(17px,1.65vw,25px);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.payroll-equation span{color:var(--faint);font-size:9px}.payroll-equation .payroll-total{border-color:rgba(66,211,160,.3);background:var(--green-soft)}.payroll-total strong{color:var(--green)}.payroll-equation .negative{color:var(--red)}.payroll-calculator{display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:end;gap:16px;margin:0 22px 18px;padding:16px;border:1px solid var(--border);border-radius:14px}.payroll-calculator label{margin-top:0}.payroll-calculator>span{align-self:center;color:var(--faint);font-size:11px}.payroll-amount{display:flex;flex-direction:column;text-align:end}.payroll-amount small{color:var(--muted);font-size:10px}.payroll-amount strong{margin-top:3px;color:var(--green);font-size:25px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.payroll-note{padding:12px 22px;border-top:1px solid var(--border);background:rgba(5,12,23,.25);color:var(--faint);font-size:10px}.profile-title{display:flex;align-items:center;gap:14px}.profile-avatar{width:53px;height:53px;display:grid;place-items:center;border:1px solid rgba(124,109,242,.3);border-radius:16px;background:linear-gradient(145deg,#8879f5,#5846c4);box-shadow:0 12px 28px rgba(88,70,196,.25);font-size:18px;font-weight:820}.employee-profile-head{align-items:center}.profile-head-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.live-view-shortcut{display:inline-flex;align-items:center;min-height:38px;padding:9px 13px;border:1px solid rgba(66,211,160,.32);border-radius:11px;background:var(--green-soft);color:var(--green);font-size:11px;font-weight:800}.live-view-shortcut:hover{border-color:rgba(66,211,160,.55);background:rgba(66,211,160,.18)}.metrics-panel{padding:0;border:0;background:transparent;box-shadow:none}.metrics-panel .cards{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1060px){.insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ticket-insights{grid-template-columns:repeat(3,minmax(0,1fr))}.role-list,.settings-grid{grid-template-columns:1fr}.metrics-panel .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.payroll-equation{grid-template-columns:1fr}.payroll-equation>b{transform:rotate(90deg)}.field,.field.wide{grid-column:span 6}.field.narrow,.form-actions{grid-column:span 3}}@media (max-width:900px){.brand-copy,.nav-label,.topbar-copy{display:none}.topbar{padding-inline:24px}}@media (max-width:620px){.topbar{height:58px;padding-inline:15px}.content{padding-top:24px}.topbar-user .avatar{width:31px;height:31px}.insight-grid,.ticket-insights{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.insight-card{min-height:94px;padding:13px;gap:9px}.insight-icon{width:33px;height:33px;border-radius:10px}.insight-card strong{font-size:18px}.panel-heading{align-items:stretch;flex-direction:column}.employee-heading{min-height:auto}.profile-head-actions{justify-content:flex-start}.live-view-shortcut{flex:1 1 100%;justify-content:center}.table-search{width:100%;max-width:none}.record-count{align-self:flex-start}.filter-panel .row>div{min-width:calc(50% - 9px)}.filter-panel .row>div[style]{flex:1 1!important}.settings-card{min-height:auto}.save-bar{bottom:78px}.metrics-panel .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-avatar{width:44px;height:44px;border-radius:14px}.form-grid{gap:10px}.field,.field.wide{grid-column:1/-1}.field.narrow,.form-actions{grid-column:span 6}.form-actions button{min-width:0}.preset-bar{display:grid;grid-template-columns:repeat(2,1fr)}.preset-bar button{padding-inline:8px}.permissions-toolbar,.roles-toolbar{align-items:stretch;flex-direction:column}.permissions-toolbar .table-search,.roles-toolbar .table-search{width:100%}.role-summary-head{grid-template-columns:auto 1fr}.role-edit-link{grid-column:1/-1;text-align:center}.role-name-panel{grid-template-columns:1fr;gap:14px}.permission-editor{padding:12px}.settings-fields-grid{grid-template-columns:1fr}.save-bar{align-items:stretch;flex-direction:column}.save-bar .toolbar button{flex:1 1}.table-filter-bar{grid-template-columns:1fr}.pagination-bar{justify-content:space-between;gap:8px}.pagination-bar button{min-width:78px}.payroll-head{align-items:stretch;flex-direction:column}.payroll-equation{grid-template-columns:1fr}.payroll-equation>b{transform:rotate(90deg)}.payroll-calculator{grid-template-columns:1fr}.payroll-calculator>span{display:none}.payroll-amount{text-align:start}}.mobile-menu-backdrop,.mobile-menu-close,.mobile-menu-toggle{display:none}@media (max-width:768px){:root{--sidebar-w:0px}html{-webkit-text-size-adjust:100%}.shell{display:block;padding-bottom:0;min-height:100dvh}.main{margin-inline-start:0;width:100%}.content{width:100%;padding:24px max(16px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.topbar{position:sticky;top:0;z-index:25;height:auto;min-height:64px;padding:max(8px,env(safe-area-inset-top)) 16px 8px}.topbar-context{min-width:0;gap:10px;font-size:13px}.topbar-context>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-dot{display:none}.topbar-user{flex-shrink:0}.mobile-menu-toggle{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0}.sidebar{inset-block:0;inset-inline:0 auto;width:min(320px,calc(100vw - 48px));height:100dvh;display:flex;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));z-index:60;border:0;border-inline-end:1px solid var(--border);background:#0c1527;visibility:hidden}.mobile-menu-open .sidebar{visibility:visible}.mobile-menu-backdrop{display:block;position:fixed;inset:0;z-index:55;padding:0;border:0;border-radius:0;background:rgba(0,5,16,.7);box-shadow:none;touch-action:none}.mobile-menu-backdrop:hover{transform:none;filter:none}.mobile-menu-close{display:grid;place-items:center;align-self:flex-end;width:44px;height:44px;padding:0;font-size:26px}.sidebar .brand{display:flex;justify-content:flex-start;padding:8px 4px 20px}.brand-copy,.nav-label,.side-link span,.side-user .who,.sidebar .brand>span:last-child{display:block}.side-nav{flex:1 1;min-height:0;flex-direction:column;justify-content:flex-start;gap:0;overflow-y:auto;overscroll-behavior:contain}.side-nav-group+.side-nav-group{margin-top:12px;padding-top:12px}.nav-group-toggle{min-height:44px}.nav-group-title{font-size:12px}.side-link{justify-content:flex-start;min-height:46px;padding:10px 12px;font-size:14px}.side-link.active:before{inset-block:9px;inset-inline:-1px auto;width:3px;height:auto}.side-foot{display:grid;margin-top:12px;padding-top:12px}.side-user{justify-content:flex-start}.side-actions,.side-user{display:flex}.side-actions button:last-child{display:block}.side-actions button{min-height:44px}.page-head,.viewer-head{flex-direction:column;align-items:stretch;gap:14px;margin-bottom:20px}.page-head h1,h1{font-size:25px;line-height:1.45}.page-sub{font-size:14px}.page-head>div,.profile-title>div{min-width:0}.profile-title{align-items:flex-start}.profile-title .page-sub,.profile-title h1{overflow-wrap:anywhere}.profile-avatar{flex-shrink:0}.profile-head-actions{justify-content:flex-start}.live-view-shortcut{min-height:44px;flex:1 1;justify-content:center;font-size:13px}.panel{min-width:0;padding:16px;margin-bottom:16px;border-radius:15px}.panel-pad-0,.payroll-panel{padding:0}.panel-pad-0:has(table),.panel:has(>table){overflow-x:auto;overscroll-behavior-x:contain}table{min-width:640px;font-size:14px}td,th{padding:14px}th{font-size:12px}.cards,.metrics-panel .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card{min-width:0;min-height:108px;padding:15px}.card .k{font-size:13px}.card .v{font-size:22px;line-height:1.5;letter-spacing:0;overflow-wrap:anywhere}.app-name-card{grid-column:1/-1}.app-name-card .v{font-size:18px}.panel-heading>div>span,.role-stats,.role-system-note small,.settings-card-head p,.settings-toggle-row small{font-size:12px;line-height:1.7}.insight-grid,.ticket-insights{grid-template-columns:repeat(2,minmax(0,1fr))}.insight-card{min-width:0}.insight-card small,.insight-card span{font-size:12px}.insight-card strong{overflow-wrap:anywhere;font-size:20px}.compact-control,.search-select-trigger,input,select,textarea{min-width:0;min-height:46px;font-size:16px}.preset-bar button,button,button.sm{min-height:44px;font-size:14px}.settings-toggle-row input,.toggle input{min-height:20px}label{font-size:13px}.row{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.filter-panel .row>div,.row>div{min-width:0;width:100%}.form-grid{gap:12px}.field,.field.narrow,.field.wide,.form-actions{grid-column:1/-1}.form-actions button{min-width:0}.preset-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.preset-bar button{padding-inline:8px}.toolbar{gap:8px}.toolbar>*{min-width:0}.employee-tabs{max-width:100%;overscroll-behavior-x:contain}.employee-tabs a{min-height:44px;font-size:13px;padding:10px 14px}.screenshot-filters{grid-template-columns:minmax(0,1fr);gap:14px;padding:16px}.screenshot-filters button,.screenshot-filters>*,.screenshot-filters>div:first-child{grid-column:1/-1;min-width:0}.screenshot-grid{grid-template-columns:minmax(0,1fr)}.screenshot-meta{flex-wrap:wrap}.screenshot-meta strong{font-size:14px}.screenshot-meta span,.screenshot-meta time{font-size:12px}.screenshot-stage{min-height:30dvh}.screenshot-info dd{overflow-wrap:anywhere;font-size:14px}.viewer-nav button{flex:1 1}.live-view-head{flex-wrap:wrap}.live-stage{min-height:30dvh}.live-stage-state{position:relative;min-height:30dvh;padding:20px;text-align:center}.permission-groups,.role-list,.role-name-panel,.settings-fields-grid,.settings-grid,.table-filter-bar{grid-template-columns:minmax(0,1fr)}.settings-card{min-height:auto}.panel-heading,.payroll-head,.permissions-toolbar,.roles-toolbar{flex-direction:column;align-items:stretch}.permissions-toolbar .table-search,.roles-toolbar .table-search,.table-search{width:100%;max-width:none}.record-count{align-self:flex-start}.role-summary-head{grid-template-columns:auto minmax(0,1fr)}.role-edit-link{grid-column:1/-1;min-height:44px;text-align:center}.permission-row small{overflow-wrap:anywhere;font-size:11px}.permission-row strong{font-size:13px}.payroll-calculator,.payroll-equation{grid-template-columns:minmax(0,1fr)}.payroll-equation>b{transform:rotate(90deg)}.payroll-calculator>span{display:none}.payroll-amount{text-align:start}.payroll-equation small,.payroll-equation span,.payroll-note{font-size:12px}.save-bar{position:static;flex-direction:column;align-items:stretch}.save-bar .toolbar button{flex:1 1}.modal-backdrop{padding:12px}.modal{max-height:calc(100dvh - 24px);padding:20px}.auth-wrap{min-height:100dvh;padding:20px 16px}.auth-card{width:100%;padding:24px 20px}}@media (max-width:359px){.cards,.insight-grid,.metrics-panel .cards,.ticket-insights{grid-template-columns:minmax(0,1fr)}}:root{--sidebar-w:236px}.sidebar{padding:16px 12px 14px}.sidebar .brand{min-height:40px;padding:2px 8px 14px}.side-nav-group+.side-nav-group{margin-top:6px;padding-top:6px}.nav-group-toggle{min-height:26px;padding:3px 8px}.nav-group-title{font-size:10px;letter-spacing:.3px}.nav-group-items{gap:1px;margin-top:2px}.side-link{min-height:35px;padding:6px 10px;gap:10px;font-size:13px;border-radius:9px}.side-link svg{width:17px;height:17px}.side-foot{gap:8px;padding-top:12px}.side-user{padding:8px 10px;border-radius:12px}.topbar{height:56px;padding:0 24px}.content{width:min(100%,1680px);padding:20px 24px 48px}.page-head{margin-bottom:14px}.page-head:after{display:none}.page-head h1,h1{font-size:23px;letter-spacing:-.3px}.page-sub{margin-top:3px;font-size:12px}.panel{margin-bottom:14px;padding:16px;border-radius:14px;box-shadow:0 10px 30px rgba(1,6,17,.2)}.panel-pad-0{padding:0}.panel-heading{min-height:52px;padding:10px 14px}.panel-heading h2{font-size:14px}.panel-heading>div>span{font-size:11px}td,th{padding:10px 14px}th{font-size:11px;letter-spacing:.3px}.insight-grid{gap:10px;margin-bottom:14px}.insight-card{min-height:84px;padding:13px 14px;border-radius:13px}.filter-bar{position:relative;z-index:15;display:grid;gap:10px;margin-bottom:14px;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:rgba(12,21,38,.92);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 28px rgba(1,6,17,.22);transition:border-color .2s}.filter-bar.is-busy{border-color:rgba(124,109,242,.35)}.filter-bar-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.filter-bar-row>*,.filter-bar>*{min-width:0}.filter-bar-fields{padding-top:10px;border-top:1px solid var(--border)}.filter-dates{display:flex;gap:8px}.filter-inline{display:flex;align-items:center;gap:7px;margin:0;padding:0 4px 0 10px;border:1px solid var(--border-strong);border-radius:10px;background:rgba(6,13,25,.72)}[dir=rtl] .filter-inline{padding:0 10px 0 4px}.filter-inline span{color:var(--faint);font-size:11px;font-weight:700;white-space:nowrap}.filter-inline input{min-height:34px;width:140px;padding:4px 6px;border:0}.filter-inline input,.filter-inline input:focus{background:transparent;box-shadow:none}.filter-actions{display:flex;gap:8px;margin-inline-start:auto}.filter-field{display:flex;flex-direction:column;gap:4px;min-width:190px;flex:0 1 240px}.filter-field.wide{flex-basis:340px}.filter-label{color:var(--faint);font-size:10px;font-weight:750}.filter-field input.compact-control,.filter-field select.compact-control{min-height:36px}.segmented{display:inline-flex;flex-wrap:wrap;gap:2px;padding:3px;border:1px solid var(--border);border-radius:11px;background:rgba(4,10,20,.55)}.segmented button{min-height:30px;padding:4px 11px;border:0;border-radius:8px;background:transparent;box-shadow:none;color:var(--muted);font-size:12px;font-weight:700}.segmented button:hover:not(:disabled){background:rgba(255,255,255,.05);color:var(--text);transform:none;filter:none}.segmented button.active{background:var(--accent-soft);color:#e4e0ff;box-shadow:inset 0 0 0 1px rgba(124,109,242,.35)}.segmented button b{margin-inline-start:6px;padding:1px 6px;border-radius:999px;background:rgba(148,163,184,.12);color:var(--muted);font-size:10px;font-weight:750}.segmented button.active b{background:rgba(124,109,242,.28);color:#e4e0ff}.stat-grid{display:grid;margin-bottom:8px}@media (min-width:1760px){.stat-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (max-width:1100px) and (min-width:769px){.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.stat-tile{position:relative;min-width:0;min-height:92px;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:12px 14px;overflow:hidden;border:1px solid var(--border);border-radius:13px;background:linear-gradient(155deg,rgba(19,32,54,.96),rgba(11,20,36,.96));box-shadow:none;color:var(--text);text-align:start;font-weight:400}.stat-tile:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;background:var(--tone,var(--accent));opacity:.85}button.stat-tile{cursor:pointer}button.stat-tile:hover:not(:disabled){border-color:var(--border-strong);filter:none;transform:translateY(-1px)}.stat-tile.active{border-color:var(--tone,var(--accent));background:linear-gradient(155deg,color-mix(in srgb,var(--tone,var(--accent)) 14%,transparent),rgba(11,20,36,.96))}.stat-tile.tone-accent{--tone:var(--accent-2)}.stat-tile.tone-green{--tone:var(--green)}.stat-tile.tone-amber{--tone:var(--amber)}.stat-tile.tone-red{--tone:var(--red)}.stat-tile.tone-blue{--tone:#70b6ff}.stat-tile.tone-muted{--tone:var(--faint)}.stat-label{overflow:hidden;color:var(--muted);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.stat-value{font-size:clamp(19px,1.6vw,24px);line-height:1.2;font-weight:820;letter-spacing:-.3px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-hint{overflow:hidden;color:var(--faint);font-size:10.5px;text-overflow:ellipsis;white-space:nowrap}.stat-meter{height:4px;overflow:hidden;border-radius:9px;background:rgba(4,10,20,.75)}.stat-meter span{display:block;height:100%;border-radius:inherit;background:var(--tone,var(--accent))}.stat-skeleton{display:block;width:60%;height:22px;border-radius:6px;background:linear-gradient(90deg,rgba(255,255,255,.03),rgba(255,255,255,.08),rgba(255,255,255,.03));background-size:200% 100%;animation:dash-shimmer 1.4s infinite}.report-note{margin:0 0 14px;color:var(--faint);font-size:11px;line-height:1.7}.table-scroll{overflow-x:auto}.dense-table td,.dense-table th{padding:9px 12px;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dense-table td strong{display:block;font-size:13px}.cell-sub{display:block;color:var(--faint);font-size:10.5px}.dense-table tr.clickable{cursor:pointer}.dense-table tr.selected{background:var(--accent-soft)}td.tone-red{color:var(--red);font-weight:750}td.tone-amber{color:var(--amber);font-weight:750}.inline-meter{display:inline-block;width:64px;height:5px;margin-inline-end:8px;overflow:hidden;vertical-align:middle;border-radius:9px;background:rgba(4,10,20,.75)}.inline-meter span{display:block;height:100%;border-radius:inherit;background:var(--green)}.inline-meter span.mid{background:var(--amber)}.inline-meter span.high{background:var(--red)}.gallery-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 12px}.gallery-head h2{margin:0}.screenshot-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.screenshot-tile{border-radius:13px}.screenshot-meta{padding:9px 11px}@media (max-width:900px){.filter-bar{top:56px}.filter-actions{margin-inline-start:0}}@media (max-width:768px){.content{padding:16px max(12px,env(safe-area-inset-right)) 32px max(12px,env(safe-area-inset-left))}.filter-bar{position:static}.filter-dates,.filter-field,.filter-field.wide{flex:1 1 100%;min-width:0}.filter-dates{flex-direction:column;gap:8px}.filter-inline{flex:1 1 auto;min-width:0}.filter-inline input{width:100%;min-width:0;font-size:15px}.filter-inline span{font-size:10px}.segmented{width:100%}.segmented button{flex:1 1 auto;min-height:38px;font-size:13px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.stat-value{font-size:19px}.dense-table{min-width:760px}}.employee-strip{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:10px 14px;border:1px solid var(--border);border-radius:13px;background:rgba(14,25,43,.7)}.employee-strip>div{min-width:0;display:flex;flex-direction:column}.employee-strip strong{font-size:14px}.employee-strip small{overflow:hidden;color:var(--faint);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.employee-strip .badge{margin-inline-start:auto}.employee-strip-link{padding:6px 11px;border:1px solid var(--border);border-radius:9px;font-size:12px;font-weight:700;white-space:nowrap}.profile-avatar.sm{width:36px;height:36px;border-radius:11px;font-size:14px;box-shadow:none}.employee-tabs{margin-bottom:14px;padding:5px}.employee-tabs a{padding:8px 13px;font-size:12px}td.tone-green{color:var(--green);font-weight:750}.adjustment-panel h2{margin-bottom:12px}.adjustment-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.adjustment-row>*{min-width:0}.adjustment-hours input{width:80px}.adjustment-reason{flex:1 1 320px;min-height:38px}.adjustment-row>button{min-height:38px}@media (max-width:768px){.employee-strip{flex-wrap:wrap}.employee-strip-link{flex:1 1 100%;text-align:center}.adjustment-hours,.adjustment-row>*{flex:1 1 100%}.adjustment-hours input{width:100%}}:root{--bg:#0b1220;--surface:#111a2b;--surface-2:#162236;--surface-3:#1c2a41;--border:rgba(148,163,184,.13);--border-strong:rgba(148,163,184,.24);--text:#eef2f8;--muted:#9aa7bb;--faint:#6b7a92;--accent:#7468f0;--accent-2:#a39bff;--accent-soft:rgba(116,104,240,.14);--radius:12px;--radius-sm:9px;--shadow:none}body{background:var(--bg);font-family:var(--font-app),"IBM Plex Sans Arabic","Segoe UI",Tahoma,system-ui,sans-serif;font-size:14px}b,h1,h2,h3,strong{font-weight:700}.card,.insight-card,.panel,.permissions-workspace,.screenshot-info,.screenshot-tile,.settings-card,.stat-tile{background:var(--surface);box-shadow:none;border:1px solid var(--border)}.panel{border-radius:var(--radius)}.panel-heading{background:transparent}.filter-bar{background:var(--surface);box-shadow:none;border-radius:var(--radius)}.filter-inline,.search-select-trigger,input,select,textarea{background-color:var(--bg);border-color:var(--border-strong);border-radius:var(--radius-sm)}input:focus,select:focus,textarea:focus{background:var(--bg);box-shadow:0 0 0 3px rgba(116,104,240,.18)}.segmented{background:var(--bg);border-radius:10px}.segmented button.active{background:var(--surface-3);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-strong)}button{background:var(--accent);box-shadow:none;border-color:transparent;font-weight:600;border-radius:var(--radius-sm)}button:hover:not(:disabled){filter:brightness(1.1);transform:none}button.ghost{background:transparent;border-color:var(--border-strong)}button.ghost:hover:not(:disabled){background:var(--surface-2)}th{background:var(--surface);color:var(--faint);font-weight:600;text-transform:none;letter-spacing:0;font-size:12px}td{border-color:var(--border)}tbody tr:hover{background:var(--surface-2)}.stat-tile{border-radius:var(--radius)}.stat-tile:before{inset-block:12px;width:3px;border-radius:3px}.stat-tile.active{background:var(--surface-2)}.stat-label{font-weight:600}.stat-value{font-weight:700;letter-spacing:0}.insight-card,.insight-card.featured,[dir=rtl] .insight-card.featured{background:var(--surface)}.insight-card:hover,.stat-tile:hover{transform:none}.sidebar{background:#0d1626;-webkit-backdrop-filter:none;backdrop-filter:none}.side-link{font-weight:500;color:var(--muted)}.side-link:hover{background:var(--surface-2);transform:none}[dir=rtl] .side-link:hover{transform:none}.side-link.active{background:var(--surface-3);border-color:transparent;color:var(--text);font-weight:600}.side-link.active:before{box-shadow:none;background:var(--accent-2)}.nav-group-title{color:var(--faint);font-weight:600}.nav-group-chevron{border:0;background:transparent}.side-user{background:var(--surface)}.avatar,.profile-avatar{background:var(--accent);box-shadow:none;border:0}.topbar{background:rgba(11,18,32,.88)}.topbar-dot{box-shadow:none}.page-head h1,h1{font-size:22px;font-weight:700;letter-spacing:0}.page-sub{color:var(--muted)}.employee-tabs{background:var(--surface);border-radius:var(--radius)}.employee-tabs a{font-weight:600}.employee-tabs a.active{background:var(--surface-3);box-shadow:none}.badge{font-weight:600}.badge:before{box-shadow:none}.settings-card-head{background:transparent}.insight-icon,.settings-icon{background:var(--surface-3);color:var(--accent-2)}.save-bar{background:var(--surface);box-shadow:0 -8px 24px rgba(0,0,0,.25)}.live-view-shortcut{border-radius:var(--radius-sm);font-weight:600}.screenshot-tile:hover{transform:none;border-color:var(--border-strong);box-shadow:none}.settings-card-full{grid-column:1/-1;min-height:0}.overlay-editors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.overlay-editors .settings-field-group+.settings-field-group{border-inline-start:1px solid var(--border)}@media (max-width:1100px){.overlay-editors{grid-template-columns:1fr}.overlay-editors .settings-field-group+.settings-field-group{border-inline-start:0}}.app-name-card .v.app-name-value,.stat-value{min-width:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}.app-name-card .v.app-name-value{font-size:17px;line-height:1.35;letter-spacing:0;text-align:start}.card:after{display:none}.adjustment-date input{width:150px}.overview-grid{display:grid;grid-template-columns:minmax(0,2fr) repeat(1,minmax(260px,1fr));grid-auto-flow:row dense;gap:14px;margin:14px 0}.overview-grid .chart-panel{grid-row:span 2}@media (min-width:1500px){.overview-grid{grid-template-columns:minmax(0,2fr) repeat(2,minmax(250px,1fr))}.overview-grid .chart-panel{grid-row:span 2}.overview-grid .alerts-card{grid-column:2/-1}}.overview-grid>.panel{margin:0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.card-head h2{margin:0;font-size:14px}.card-head>span:not(.badge){color:var(--faint);font-size:11px}.side-empty{padding:18px 0;color:var(--faint);font-size:12px;text-align:center}.side-note{display:block;margin-top:10px;color:var(--faint);font-size:10.5px}.alert-list,.bar-list,.mini-list{display:grid;gap:2px;margin:0;padding:0;list-style:none}.mini-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px;padding:8px 0;border-bottom:1px solid var(--border)}.mini-list li:last-child{border-bottom:0}.mini-list a{overflow:hidden;color:var(--text);font-size:13px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.mini-list small{grid-column:1/-1;color:var(--faint);font-size:11px}.bar-list li{display:grid;gap:5px;padding:6px 0}.bar-list li>div{display:flex;justify-content:space-between;gap:10px;font-size:12.5px}.bar-list li>div span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-list li>div b{flex:0 0 auto;color:var(--muted);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bar-list-track{height:6px;overflow:hidden;border-radius:4px;background:var(--bg)}.bar-list-track span{display:block;height:100%;border-radius:4px;background:#7a70ee}.alert-list li{display:grid;gap:2px;padding:8px 10px;border-inline-start:3px solid var(--faint);border-radius:6px;background:var(--bg)}.alert-list li+li{margin-top:6px}.alert-list li.tone-red{border-color:var(--red)}.alert-list li.tone-amber{border-color:var(--amber)}.alert-list a,.alert-list b{color:var(--text);font-size:13px;font-weight:600}.alert-list span{color:var(--muted);font-size:12px}.inline-meter.accent span{background:#7a70ee}.row-title{color:var(--text);font-weight:600}.row-title:hover{color:var(--accent-2)}.page-head.compact{align-items:center}.chart-panel{display:flex;flex-direction:column}.chart-panel .daily-chart{flex:1 1;grid-template-rows:auto 1fr}.chart-panel .chart-plot{height:auto;min-height:260px}.settings-card{min-height:0}@media (min-width:769px){.shell.sidebar-compact{--sidebar-w:76px}.shell.sidebar-compact .sidebar{padding-inline:10px}.shell.sidebar-compact .sidebar .brand{justify-content:center;padding-inline:0}.shell.sidebar-compact .brand-copy,.shell.sidebar-compact .nav-group-chevron,.shell.sidebar-compact .nav-group-title,.shell.sidebar-compact .side-actions button:not(.sidebar-collapse),.shell.sidebar-compact .side-link span,.shell.sidebar-compact .side-user .who{display:none}.shell.sidebar-compact .side-nav-group+.side-nav-group{margin-top:5px;padding-top:5px}.shell.sidebar-compact .nav-group-toggle{min-height:8px;padding:0;pointer-events:none}.shell.sidebar-compact .nav-group-items[hidden]{display:grid}.shell.sidebar-compact .side-link{justify-content:center;min-height:42px;padding:8px}.shell.sidebar-compact .side-link svg{width:20px;height:20px}.shell.sidebar-compact .side-user{justify-content:center;padding:7px}.shell.sidebar-compact .side-actions{justify-content:center}.shell.sidebar-compact .sidebar-collapse{flex:0 0 40px;padding:0}.shell.sidebar-compact .sidebar-collapse svg{transform:rotate(180deg)}[dir=rtl] .shell.sidebar-compact .sidebar-collapse svg{transform:rotate(180deg) scaleX(-1)}}@media (max-width:1250px) and (min-width:769px){.content{padding-inline:18px}.overview-grid{gap:10px}.stat-grid{gap:8px}.stat-tile{min-height:84px;padding:10px 12px}}:root{--bg:#07111f;--surface:#0c192b;--surface-2:#11233a;--surface-3:#17304c;--border:rgba(126,170,207,.13);--border-strong:rgba(126,170,207,.25);--text:#f2f7fc;--muted:#9eb0c5;--faint:#66809b;--accent:#3b91ed;--accent-2:#79c1ff;--accent-soft:rgba(59,145,237,.15);--green:#35d3a4;--amber:#ffbf5b;--red:#ff707d;--sidebar-w:248px}body{background:radial-gradient(900px 500px at 55% -20%,rgba(42,130,214,.15),transparent 62%),linear-gradient(180deg,#07111f,#081321 55%,#07101c)}.sidebar{background:linear-gradient(180deg,#081523,#0a1828);border-color:rgba(126,170,207,.12)}.sidebar .brand{padding-block:7px 20px}.brand-copy strong{font-size:16px;letter-spacing:-.2px}.brand-copy small{color:#66809b;font-size:10px}.brand-badge.brand-logo{width:42px;height:42px;border-radius:13px;box-shadow:0 10px 28px rgba(31,128,212,.22)}.nav-group-title{padding-inline:4px;color:#5f7893;font-size:9px;letter-spacing:.8px;text-transform:uppercase}.side-link{min-height:39px;border-radius:10px;color:#91a6ba}.side-link:hover{background:rgba(69,139,201,.09);color:#dcecff}.side-link.active{background:linear-gradient(90deg,rgba(59,145,237,.2),rgba(59,145,237,.06));color:#e4f3ff}.side-link.active:before{inset-block:8px;width:3px;background:#55adff}.topbar{height:64px;background:rgba(7,17,31,.84);border-color:rgba(126,170,207,.12);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar-context{color:#b8c8d8;font-weight:700}.topbar-dot{background:#35d3a4}.content{width:min(100%,1720px);padding:24px 28px 56px}.filter-bar{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:16px;padding:12px 14px;border-radius:15px;background:rgba(11,26,44,.9)}.filter-bar-title{display:flex;align-items:center;gap:10px;padding-inline-end:16px;border-inline-end:1px solid var(--border)}.filter-title-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--accent-soft);color:var(--accent-2)}.filter-title-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}.filter-bar-title>span:last-child{display:flex;flex-direction:column;white-space:nowrap}.filter-bar-title strong{font-size:11px}.filter-bar-title small{color:var(--faint);font-size:9px}.filter-bar-row,.segmented{flex-wrap:nowrap}.segmented{border-color:rgba(126,170,207,.12);background:rgba(4,14,26,.65)}.segmented button{white-space:nowrap}.segmented button.active{background:#1c4266;border-color:rgba(121,193,255,.25);color:#e5f4ff}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0 22px}.stat-tile{min-height:126px;gap:8px;padding:15px 16px;border-radius:15px;background:linear-gradient(145deg,#0e1e32,#0b192a)}.stat-tile:before{display:none}.stat-tile:after{content:"";position:absolute;width:70px;height:70px;inset-block-start:-28px;inset-inline-end:-28px;border-radius:50%;background:color-mix(in srgb,var(--tone) 14%,transparent)}.stat-topline{display:flex;align-items:center;gap:9px;min-width:0}.stat-icon{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;border-radius:9px;background:color-mix(in srgb,var(--tone) 13%,transparent);color:var(--tone);font-size:10px;font-weight:850}.stat-label{font-size:11px}.stat-value-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.stat-value{font-size:clamp(21px,1.65vw,27px)}.stat-trend-dot{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--tone);opacity:.75}.stat-hint{margin-top:auto}.stat-meter{height:5px;background:#06101c}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:4px 0 10px}.section-heading>div{display:flex;flex-direction:column}.section-heading span{font-size:15px;font-weight:750}.section-heading small{margin-top:2px;color:var(--faint);font-size:10px}.table-section-heading{margin-top:24px}.overview-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,.72fr);gap:12px}.overview-grid>.panel{border-radius:15px;background:linear-gradient(145deg,#0d1c2f,#0a1828)}.chart-panel{min-height:430px}.chart-plot{min-height:320px}.chart-gridline{border-color:rgba(126,170,207,.09)}.chart-gridline span{background:#0c1b2d}.bar-list-track{background:#06101c}.bar-list-track span{background:linear-gradient(90deg,#328fe4,#72c2ff)}.alert-list li{background:#071522}.data-panel{border-radius:15px}.panel-heading{min-height:66px;padding:13px 16px;background:rgba(14,31,51,.72)}.dense-table th{height:42px;background:#0a1829;color:#7590aa}.dense-table td{height:54px}.dense-table tbody tr:nth-child(2n){background:rgba(126,170,207,.025)}.dense-table tbody tr:hover{background:rgba(59,145,237,.08)}@media (min-width:1500px){.stat-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.overview-grid{grid-template-columns:minmax(0,1.8fr) repeat(2,minmax(250px,.65fr))}}@media (max-width:1180px){.filter-bar{grid-template-columns:1fr}.filter-bar-title{padding:0 0 10px;border-inline-end:0;border-bottom:1px solid var(--border)}.filter-bar-row{flex-wrap:wrap}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.dashboard-hero{min-height:0;flex-direction:column;align-items:stretch;padding:22px 18px}.hero-live-card{min-width:0}.filter-bar-title{display:none}.stat-tile{min-height:112px}.overview-grid{grid-template-columns:1fr}}.auth-switch{margin-top:16px;text-align:center;color:var(--muted);font-size:13px}.plan-banner{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-bottom:18px;padding:11px 16px;border:1px solid rgba(124,109,242,.28);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--text);font-size:13px}.plan-banner.warn{border-color:rgba(246,191,87,.3);background:var(--amber-soft)}.plan-chip{padding:2px 10px;border-radius:999px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;letter-spacing:.2px;white-space:nowrap}.plan-banner.warn .plan-chip{background:var(--amber);color:#1d1503}.plan-note{flex-basis:100%;color:var(--muted);font-size:12px}.admin-filters{grid-template-columns:minmax(0,1fr)}.admin-filters .filter-bar-row{flex-wrap:wrap;align-items:flex-end}.admin-stats{margin-bottom:14px}.admin-stats .stat-tile{min-height:0}.stat-value.small{font-size:15px}.admin-split{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,2fr);gap:14px;margin:14px 0;align-items:start}.admin-split>.panel{margin:0}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px}.admin-form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-form-grid .span-2{grid-column:span 2}.admin-form-grid textarea{width:100%;resize:vertical}.form-section-title{margin:20px 0 0;color:var(--accent-2);font-size:12px}.field-hint{margin-top:4px;color:var(--faint);font-size:11px}.modal.modal-wide{width:min(100%,640px)}.modal{white-space:normal;text-align:start}.modal-actions{justify-content:flex-end;margin-top:20px}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;margin-top:8px}.check-grid .toggle{margin:8px 0}.toggle span{color:var(--text);font-size:13px}.flag-list{gap:5px}.flag-list,.plan-cell{display:inline-flex;flex-wrap:wrap}.plan-cell{align-items:center;gap:7px}.row-actions{justify-content:flex-end;flex-wrap:nowrap}.cell-wrap{white-space:normal!important;max-width:280px}.features-cell{color:var(--muted);font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.helper-note{margin-top:-4px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--muted);font-size:12px}.title-with-badge{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.back-link{display:inline-block;margin-bottom:10px;font-size:13px}.inline-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.inline-form input{width:110px}a.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 15px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);font-weight:650;font-size:13px;white-space:nowrap}a.button-link:hover{background:rgba(148,163,184,.08)}.status-cell{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.auto-note{color:var(--amber);font-size:10.5px;font-weight:700;white-space:nowrap}.suspension-note{display:inline-block;margin-top:6px;padding:3px 10px;border-radius:999px;background:var(--red-soft);color:var(--red);font-size:12px;font-weight:600}.suspension-note.expired{background:var(--amber-soft);color:var(--amber)}a.button-link.sm{min-height:30px;padding:4px 11px;font-size:12px}.filter-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 4px 3px 12px;border:1px solid var(--border-strong);border-radius:999px;background:var(--accent-soft);font-size:13px;font-weight:600}[dir=rtl] .filter-chip{padding:3px 12px 3px 4px}.filter-chip a{color:var(--text)}button.chip-clear{min-height:24px;width:24px;padding:0;border-radius:50%;background:transparent;border-color:transparent;color:var(--muted);font-size:16px;line-height:1}button.chip-clear:hover:not(:disabled){background:rgba(255,255,255,.08);color:var(--text)}.report-stats{grid-template-columns:repeat(6,minmax(0,1fr))}.report-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px;align-items:start}.report-grid>.panel{margin:0}.report-card.tone-amber{border-color:rgba(255,191,91,.35)}.heading-sub{display:block;margin-top:2px;color:var(--faint);font-size:11px;font-weight:500}.empty-box.small{min-height:90px}tr.row-amber td{background:var(--amber-soft)}.section-title{margin:22px 0 10px;font-size:15px}.is-refreshing{opacity:.6;transition:opacity .2s}.month-chart{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;align-items:end;height:190px;padding-top:6px}.month-col{display:flex;flex-direction:column;align-items:center;gap:4px;height:100%;min-width:0}.month-value{height:16px;color:var(--muted);font-size:11px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.month-bar-wrap{flex:1 1;width:min(100%,34px);display:flex;align-items:flex-end;border-radius:6px;background:rgba(4,10,20,.55)}.month-bar{display:block;width:100%;min-height:2px;border-radius:6px;background:linear-gradient(180deg,#72c2ff,#328fe4)}.month-col small{max-width:100%;overflow:hidden;color:var(--faint);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.month-table{margin-top:16px}.settings-panel{max-width:640px}.settings-panel .inline-form{margin-top:6px}.settings-help{max-width:560px;line-height:1.7;font-size:12px}@media (max-width:1300px){.report-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1100px){.report-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:620px){.month-chart{gap:3px;height:160px}.month-col small{font-size:8.5px}.page-head .segmented{width:100%}.page-head .segmented button{flex:1 1}}@media (max-width:1100px){.admin-split{grid-template-columns:minmax(0,1fr)}.admin-form-grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.admin-form-grid,.admin-form-grid.cols-3,.check-grid{grid-template-columns:minmax(0,1fr)}.admin-form-grid .span-2{grid-column:auto}.admin-filters .filter-field{flex:1 1 100%;min-width:0}.page-head .toolbar{width:100%}.page-head .toolbar>*{flex:1 1}.stat-grid.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}