:root{--navy: #14122A;--navy-2: #2A2352;--teal: #7A5CF5;--teal-ink: #5B45E0;--ink: #1b1a2b;--muted: #6b6b86;--line: #e9e6f4;--bg: #f5f5fb;--card: #ffffff;--amber-bg: #fdf1dc;--amber-ink: #9a6207;--red-bg: #fdecec;--red-ink: #c23b3b;--green-bg: #e3f5ea;--green-ink: #17915a;--gray-bg: #efedf6;--gray-ink: #6b6b86;--brand-1: #3B4CF0;--brand-2: #7A5CF5;--brand-3: #FF5E8A;--ink-900: #0E0D14;--violet: #7A5CF5;--violet-bg: #efeafe;--coral: #FF5E8A;--coral-bg: #ffe9f0;--sky: #3B4CF0;--sky-bg: #e8eafe;--amber: #f6a609;--sun-bg: #fff4dc;--emerald: #10b981;--grad-brand: linear-gradient(120deg, #3B4CF0 0%, #7A5CF5 50%, #FF5E8A 100%);--grad-sun: linear-gradient(135deg, #7A5CF5 0%, #FF5E8A 100%);--grad-violet: linear-gradient(135deg, #3B4CF0 0%, #7A5CF5 100%);--shadow-sm: 0 1px 2px rgba(20,18,42,.06), 0 1px 3px rgba(20,18,42,.05);--shadow: 0 6px 22px rgba(30,22,60,.1);--shadow-lg: 0 18px 50px rgba(45,30,95,.22);--font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Fraunces", Georgia, serif;--radius: 12px}:root[data-theme=dark]{--navy: #0A0912;--navy-2: #1A1533;--teal: #9A85FF;--teal-ink: #B9A8FF;--ink: #ECEAF7;--muted: #9A93B8;--line: #241F3C;--bg: #0B0A16;--card: #16122A;--brand-1: #6E7BFF;--brand-2: #9A85FF;--brand-3: #FF6E9C;--ink-900: #050409;--violet: #9A85FF;--violet-bg: rgba(122,92,245,.16);--coral: #FF6E9C;--coral-bg: rgba(255,94,138,.15);--sky: #6E7BFF;--sky-bg: rgba(59,76,240,.15);--amber-bg: rgba(255,196,107,.1);--amber-ink: #FFC46B;--red-bg: rgba(255,106,92,.13);--red-ink: #FF6A5C;--green-bg: rgba(46,230,200,.12);--green-ink: #B9A8FF;--gray-bg: rgba(120,140,165,.13);--gray-ink: #93A4BD;--violet-bg: rgba(108,92,231,.16);--coral-bg: rgba(255,107,107,.13);--sky-bg: rgba(45,156,219,.14);--sun-bg: rgba(246,166,9,.13);--shadow-sm: 0 1px 2px rgba(0,0,0,.45);--shadow: 0 10px 30px -12px rgba(0,0,0,.65);--shadow-lg: 0 24px 56px -16px rgba(0,0,0,.72)}:root[data-theme=dark] body{background:var(--bg);color:var(--ink)}:root[data-theme=dark] .topbar{background:#12102a;border-bottom-color:var(--line);box-shadow:none}:root[data-theme=dark] .card{background:linear-gradient(180deg,#191433,#100c22);border-color:var(--line);box-shadow:var(--shadow-sm)}:root[data-theme=dark] .card:hover{border-color:#2e2650;box-shadow:var(--shadow)}:root[data-theme=dark] .stat{background:linear-gradient(180deg,#191433,#100c22);border-color:var(--line);box-shadow:var(--shadow-sm)}:root[data-theme=dark] .stat:hover{border-color:color-mix(in srgb,var(--teal) 42%,var(--line));box-shadow:var(--shadow)}:root[data-theme=dark] .stat .value{color:#f3f1fc;text-shadow:0 0 22px rgba(154,133,255,.22)}:root[data-theme=dark] tr:hover td,:root[data-theme=dark] .rowlink:hover td{background:#2ee6c80d}:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{background:#0d1626;border-color:var(--line);color:var(--ink)}:root[data-theme=dark] .sidebar{background:linear-gradient(180deg,#12102a,#080e18);border-right:1px solid var(--line)}:root[data-theme=dark] .nav a{color:#8fa0b8}:root[data-theme=dark] .nav a:hover{background:#ffffff0d;color:#fff}:root[data-theme=dark] .nav a.active{background:linear-gradient(90deg,#9a85ff2e,#9a85ff0a);color:#b9a8ff;box-shadow:inset 2px 0 0 var(--teal)}:root[data-theme=dark] .help-strip{background:linear-gradient(135deg,#0f2a2a,#101d2e);border-color:#1d3a38}:root[data-theme=dark] .signout,:root[data-theme=dark] .btn-ghost{background:#101a2c;border-color:var(--line);color:var(--ink)}:root[data-theme=dark] .usermenu-chip{background:#101a2c;border-color:var(--line)}:root[data-theme=dark] .b-teal{background:#2ee6c824;color:#b9a8ff}:root[data-theme=dark] .btn-ghost:hover{background:#1a2740}:root[data-theme=dark] .live-btn:hover{background:#ff6a5c1f;border-color:#ff6a5c80;color:#ff6a5c}:root[data-theme=dark] .rep-tab.on{box-shadow:0 2px 6px #0006}:root[data-theme=dark] .mini:hover{border-color:var(--teal);color:var(--teal-ink)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);background:var(--bg);font-size:14px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}.login-wrap{display:grid;grid-template-columns:1.05fr .95fr;min-height:100vh;background:radial-gradient(1100px 620px at 12% -12%,#22608a 0%,var(--navy) 55%)}.login-aside{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:8vh 6vw;gap:16px}.login-aside:after{content:"";position:absolute;right:-6%;bottom:-12%;width:62%;height:62%;background:radial-gradient(closest-side,rgba(44,168,143,.3),transparent 72%);filter:blur(8px)}.login-aside>*{position:relative;z-index:1}.login-aside h2{font-size:30px;line-height:1.16;margin:10px 0 0;color:#fff;font-weight:700;letter-spacing:-.02em;max-width:470px}.login-aside p{font-size:14.5px;line-height:1.7;color:#b9cddb;max-width:440px;margin:0}.login-aside-foot{margin-top:10px;font-size:12px;color:#8fabc0}.login-aside-foot b{color:#cfe0ec}.login-card{align-self:center;justify-self:center;background:var(--card);border-radius:16px;padding:34px;width:380px;box-shadow:0 24px 64px #00000057;animation:rise .5s ease both}.login-card-brand{display:none;margin-bottom:18px}.login-card h1{font-size:22px;margin:0 0 4px;color:var(--navy);letter-spacing:-.01em}.login-card p.sub{color:var(--muted);margin:0 0 22px;font-size:13px}@media (max-width: 860px){.login-wrap{grid-template-columns:1fr}.login-aside{display:none}.login-card-brand{display:block}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}input{width:100%;height:40px;padding:0 12px;font-size:14px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink)}input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px #7a5cf526}button.primary{width:100%;height:42px;border:none;border-radius:8px;cursor:pointer;background:var(--teal);color:#fff;font-size:14px;font-weight:600;transition:background .15s ease,box-shadow .15s ease,transform .1s ease}button.primary:hover{background:var(--teal-ink);box-shadow:0 6px 18px #7a5cf547}button.primary:active{transform:translateY(1px)}button.primary:disabled{opacity:.6;cursor:default}.error{color:var(--red-ink);font-size:13px;margin:8px 0 0}.hint{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);line-height:1.7}.hint code{background:var(--gray-bg);padding:1px 6px;border-radius:5px}.shell{display:flex;min-height:100vh}.sidebar{width:232px;background:linear-gradient(180deg,#123651,#0e2a3f 58%,#0b2130);color:#cdd9e3;flex-shrink:0;display:flex;flex-direction:column;padding:20px 14px}.brand{display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding:4px 8px 18px}.brand-org{font-size:11px;color:#9db4c6;font-weight:400;padding-left:2px;letter-spacing:.01em}.nav a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:13px;margin-bottom:2px;color:#cdd9e3;transition:background .15s ease,color .15s ease,transform .12s ease}.nav a:hover{background:#ffffff14;color:#fff}.nav a.active{background:linear-gradient(90deg,var(--teal),#3B4CF0);color:#fff;box-shadow:0 6px 16px #7a5cf552}.nav-group{margin-bottom:12px}.nav-group+.nav-group{margin-top:2px}.nav-group-label{font-size:9.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#6f8aa0;padding:4px 12px 6px;-webkit-user-select:none;user-select:none}:root[data-theme=dark] .nav-group-label{color:#4c5a74}.sidebar .spacer{flex:1}.userbox{font-size:12px;color:#9db4c6;padding:10px;border-top:1px solid rgba(255,255,255,.12)}.userbox b{color:#fff;display:block;font-size:13px}.userbox button{margin-top:8px;background:transparent;border:1px solid rgba(255,255,255,.25);color:#cdd9e3;padding:6px 10px;border-radius:6px;font-size:12px;cursor:pointer}.userbox button:hover{background:#ffffff1a}.main{flex:1;min-width:0}.topbar{height:60px;background:var(--card);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;box-shadow:0 1px #14122a08}.topbar h2{font-size:16px;margin:0;letter-spacing:-.01em}.topbar .meta{font-size:12px;color:var(--muted)}.topbar-right{display:flex;align-items:center;gap:14px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;cursor:pointer;background:var(--card);border:1px solid var(--line);color:var(--muted);transition:background .15s ease,color .15s ease,border-color .15s ease,transform .12s ease}.theme-toggle:hover{color:var(--teal-ink);border-color:color-mix(in srgb,var(--teal) 40%,var(--line));transform:translateY(-1px)}:root[data-theme=dark] .theme-toggle{background:#101a2c;color:#ffc46b}:root[data-theme=dark] .theme-toggle:hover{color:#ffd98a;border-color:#ffc46b66}.signout{display:inline-flex;align-items:center;gap:7px;background:var(--card);border:1px solid var(--line);color:var(--ink);padding:7px 13px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.signout:hover{background:#fdecec;border-color:#e8b4b4;color:#b42318}.signout svg{opacity:.85}.usermenu{position:relative}.usermenu-chip{display:inline-flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:6px 10px 6px 6px;cursor:pointer;font-family:var(--font);max-width:260px;transition:border-color .15s,box-shadow .15s}.usermenu-chip:hover{border-color:var(--teal);box-shadow:var(--shadow-sm)}.um-text{display:flex;flex-direction:column;line-height:1.25;min-width:0;text-align:left}.um-text b{font-size:12.5px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px}.um-text span{font-size:11px;color:var(--muted)}.um-caret{color:var(--muted);flex-shrink:0;transition:transform .15s ease}.um-caret.up{transform:rotate(180deg)}.usermenu-drop{position:absolute;right:0;top:calc(100% + 8px);width:230px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);padding:6px;z-index:80;animation:lbfade .14s ease both}.um-head{padding:10px 12px;border-bottom:1px solid var(--line);margin-bottom:6px}.um-head b{display:block;font-size:13.5px;color:var(--ink)}.um-head span{font-size:12px;color:var(--muted);word-break:break-all}.usermenu-drop button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:none;background:none;padding:9px 12px;border-radius:8px;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;font-family:var(--font)}.usermenu-drop button:hover{background:var(--gray-bg)}.usermenu-drop .um-signout{color:var(--red-ink)}.usermenu-drop .um-signout:hover{background:var(--red-bg)}.media-reveal{font-size:12px;padding:4px 10px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--ink);cursor:pointer;font-weight:600}.media-reveal:hover{background:var(--gray-bg, #f2f5f7)}.media-reveal:disabled{opacity:.6;cursor:default}.media-img{max-width:100%;max-height:240px;border-radius:8px;border:1px solid var(--line);display:block}.media-audio{height:34px;max-width:260px}.shot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-top:14px}.shot-card{border:1px solid var(--line);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:10px;justify-content:space-between;background:var(--card)}.shot-card.flagged{border-color:var(--red-ink, #c0392b);box-shadow:0 0 0 1px var(--red-ink, #c0392b) inset}.shot-view{min-height:44px;display:flex;align-items:center}.shot-meta{display:flex;flex-direction:column;gap:3px;font-size:12.5px;min-width:0}.shot-meta b{font-size:13px}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.linklike{background:none;border:none;padding:0;margin:0;font:inherit;font-weight:700;font-size:13px;color:var(--teal, #7A5CF5);cursor:pointer;text-align:left}.linklike:hover{text-decoration:underline}.export-btns{display:inline-flex;gap:8px}@media print{.sidebar,.topbar,.no-print,.help-strip,.help-reopen,.pd-backdrop,.lb-backdrop,.mo-backdrop,.shot-toolbar .chips,.emp-actions,.usermenu,input.search{display:none!important}.main{margin:0!important}.content{padding:0!important;animation:none!important}.card,.ss-card,.pd-rows{box-shadow:none!important;border-color:#ccc!important;break-inside:avoid}body{background:#fff!important}a[href]:after{content:""}body.report-open>#root{display:none!important}body.report-open .rep-backdrop{position:static!important;background:none!important;display:block!important;padding:0!important;overflow:visible!important}body.report-open .rep-sheet{max-width:none!important;max-height:none!important;width:100%!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}body.report-open .rep-toolbar{display:none!important}body.report-open .rep-grid{grid-template-columns:1fr 1fr!important}body.report-open .rep-card,body.report-open .rep-stat,body.report-open .rep-table{break-inside:avoid}}.rep-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0a16219e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-start;justify-content:center;padding:3vh 16px;overflow-y:auto;animation:lbfade .18s ease both}.rep-sheet{width:min(920px,100%);max-height:94vh;overflow-y:auto;background:var(--card);border-radius:18px;box-shadow:var(--shadow-lg);animation:lbpop .22s cubic-bezier(.2,.8,.3,1) both}.live-sheet{width:min(1200px,100%);background:#0e2a3f;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg);animation:lbpop .22s cubic-bezier(.2,.8,.3,1) both}.live-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.live-title{display:flex;align-items:center;gap:9px;font-size:15px}.live-bar .btn-ghost{color:#fff;border-color:#ffffff40;background:#ffffff0f}.live-dot{width:10px;height:10px;border-radius:50%;background:#ff4d4d;box-shadow:0 0 #ff4d4d99;animation:livepulse 1.4s ease-in-out infinite}@keyframes livepulse{0%,to{box-shadow:0 0 #ff4d4d8c}50%{box-shadow:0 0 0 7px #ff4d4d00}}.live-stage{display:flex;align-items:center;justify-content:center;background:#06131d;min-height:60vh;max-height:78vh}.live-stage img{max-width:100%;max-height:78vh;object-fit:contain;display:block}.live-wait{color:#9fb4c4;font-size:14px;padding:40px;text-align:center;max-width:440px}.live-note{color:#7e97a6;font-size:12px;margin:0;padding:10px 16px 14px}.rep-toolbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line, #e7edf2);flex-wrap:wrap}.rep-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.rep-dates{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.rep-dates input[type=date]{border:1px solid var(--line, #d9e1e8);border-radius:8px;padding:6px 10px;font-size:13px;color:var(--ink);background:var(--card);font-family:inherit}.rep-dates input[type=date]:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px #12a59426}.rep-tabs{display:inline-flex;background:var(--gray-bg);border-radius:11px;padding:3px}.rep-tab{border:none;background:none;padding:7px 18px;border-radius:9px;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer}.rep-tab.on{background:var(--card);color:var(--ink);box-shadow:0 2px 6px #14283c1f}.rep-page{padding:26px 30px 34px;color:var(--ink);-webkit-print-color-adjust:exact;print-color-adjust:exact}.rep-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:3px solid var(--teal);margin-bottom:22px}.rep-head h1{margin:0;font-size:24px;font-weight:800;letter-spacing:-.01em}.rep-head p{margin:3px 0 0;font-size:13px;color:var(--muted)}.rep-brand{text-align:right;line-height:1.25}.rep-brand b{display:block;font-size:17px;color:var(--teal-ink);font-weight:800}.rep-brand span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.rep-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.rep-stat{background:linear-gradient(160deg,#f7fafc,#eef3f7);border:1px solid var(--line, #e7edf2);border-radius:14px;padding:15px 16px}.rep-stat .v{font-size:26px;font-weight:800;letter-spacing:-.02em}.rep-stat .l{font-size:12px;color:var(--muted);margin-top:3px}.rep-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.rep-card{border:1px solid var(--line, #e7edf2);border-radius:16px;padding:16px 18px 12px;background:var(--card);overflow:hidden}.rep-card h3{margin:0 0 14px;font-size:14px;font-weight:800;color:var(--ink)}.rep-unit{font-weight:500;font-size:11px;color:var(--muted);font-style:italic;margin-left:6px}.rep-empty{height:150px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px}.rep-grid-2{grid-template-columns:1fr 1fr}.rep-card-wide{margin-bottom:24px}.rep-usage{display:flex;flex-direction:column;gap:9px}.rep-usage-row{display:grid;grid-template-columns:40% 1fr 46px;align-items:center;gap:10px}.rep-usage-name{font-size:12.5px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rep-usage-track{height:12px;background:var(--gray-bg, #eef3f7);border-radius:6px;overflow:hidden}.rep-usage-fill{display:block;height:100%;border-radius:6px;min-width:3px}.rep-usage-val{font-size:12px;font-weight:700;color:var(--muted);text-align:right}.rep-io{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.rep-io>div{background:linear-gradient(160deg,#f7fafc,#eef3f7);border:1px solid var(--line, #e7edf2);border-radius:12px;padding:12px 10px;text-align:center}.rep-io .v{font-size:20px;font-weight:800;letter-spacing:-.02em}.rep-io .l{font-size:11px;color:var(--muted);margin-top:3px}.rep-flag{margin:12px 0 2px;padding:9px 12px;background:var(--coral-bg, #fdecec);color:var(--red-ink, #c0392b);border-radius:8px;font-size:12.5px}@media (max-width: 820px){.rep-io{grid-template-columns:repeat(3,1fr)}.rep-grid-2{grid-template-columns:1fr}}@media (max-width: 430px){.rep-io{grid-template-columns:repeat(2,1fr)}.rep-usage-row{grid-template-columns:42% 1fr 42px}}.rep-bars{display:flex;align-items:flex-end;gap:6px;height:168px;position:relative;overflow:hidden}.rep-bars.dense{gap:2px}.rep-bars.dense .rep-bar-track{max-width:none;border-radius:4px 4px 0 0}.rep-bars.dense .rep-bar-fill{border-radius:4px 4px 0 0}.rep-bars.dense .rep-bar-lbl b{font-size:8.5px;letter-spacing:-.02em}.rep-bar-col{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.rep-bar-val{font-size:10.5px;font-weight:700;color:var(--ink);margin-bottom:4px;white-space:nowrap}.rep-bar-track{width:100%;max-width:34px;flex:1;display:flex;align-items:flex-end;background:repeating-linear-gradient(0deg,#f2f6f9,#f2f6f9 1px,transparent 1px,transparent 25%);border-radius:7px}.rep-bar-fill{width:100%;min-height:4px;border-radius:7px 7px 3px 3px;box-shadow:inset 0 -2px #0000000f,0 2px 5px #14283c24;transition:height .35s ease}.rep-bar-lbl{margin-top:7px;text-align:center;line-height:1.1}.rep-bar-lbl b{display:block;font-size:11px;font-weight:700}.rep-bar-lbl span{font-size:9.5px;color:var(--muted)}.rep-donut{display:flex;align-items:center;gap:18px;padding:6px 0 12px}.rep-legend{font-size:12.5px;line-height:2}.rep-legend b{margin-left:4px}.rep-dot{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:7px;vertical-align:-1px}.rep-attend{display:flex;flex-wrap:wrap;gap:6px}.rep-cell{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff}.rep-cell.in{background:var(--teal)}.rep-cell.out{background:#d7e0e7;color:var(--muted)}.rep-attend-legend{display:flex;gap:16px;margin-top:12px;font-size:12px;color:var(--muted)}.rep-attend-legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}.rep-attend-legend i.in{background:var(--teal)}.rep-attend-legend i.out{background:#d7e0e7}.rep-table{width:100%;border-collapse:collapse;font-size:12.5px}.rep-table th{text-align:left;padding:9px 10px;background:var(--gray-bg);color:var(--gray-ink);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.rep-table th:first-child{border-radius:8px 0 0 8px}.rep-table th:last-child{border-radius:0 8px 8px 0}.rep-table td{padding:8px 10px;border-bottom:1px solid var(--line, #eef2f6)}.rep-foot{margin:18px 0 0;font-size:11px;color:var(--muted);text-align:center}.btn-report{border:1px solid var(--teal);background:var(--teal);color:#fff;border-radius:9px;padding:8px 15px;font-size:13px;font-weight:700;cursor:pointer}.btn-report:hover{background:var(--teal-ink)}@media (max-width: 720px){.rep-stats{grid-template-columns:1fr 1fr}.rep-grid{grid-template-columns:1fr}}.mo-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a162180;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:95;display:flex;align-items:center;justify-content:center;padding:24px;animation:lbfade .18s ease both}.mo-card{width:min(520px,100%);max-height:88vh;overflow-y:auto;background:var(--card);border-radius:18px;box-shadow:var(--shadow-lg);animation:lbpop .22s cubic-bezier(.2,.8,.3,1) both}.mo-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 22px 0}.mo-head h3{margin:0;font-size:18px;font-weight:800}.mo-sub{margin:5px 0 0;font-size:13px;color:var(--muted);line-height:1.55}.mo-x{border:none;background:none;color:var(--muted);font-size:15px;cursor:pointer;padding:4px 6px}.mo-x:hover{color:var(--ink)}.mo-body{padding:18px 22px 22px}.mo-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.form-err{background:var(--red-bg);color:var(--red-ink);border-radius:10px;padding:10px 13px;font-size:13px;line-height:1.5;margin-top:4px}.hint{margin:7px 0 0;font-size:12px;color:var(--muted);line-height:1.6}.chk{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted);cursor:pointer;white-space:nowrap}.chk input{width:auto;margin:0}.import-res{font-size:13.5px;line-height:1.7}.fail-list{margin:10px 0 0;padding-left:18px;font-size:12.5px;color:var(--red-ink);line-height:1.6}.emp-actions{display:flex;gap:6px;flex-shrink:0;margin-left:10px}.mini{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;padding:5px 11px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--font);white-space:nowrap}.mini:hover{border-color:var(--teal);color:var(--teal-ink)}.mini.danger:hover{border-color:var(--coral);color:var(--red-ink);background:var(--coral-bg)}.emp-row.gone{opacity:.55}.help-strip{background:linear-gradient(135deg,#eef7f5,#eaf2f8);border:1px solid #d3e7e3;border-radius:14px;padding:12px 14px;margin-bottom:18px;box-shadow:var(--shadow-sm)}.help-row{display:flex;align-items:center;gap:11px}.help-ic{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--teal);color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px}.help-what{margin:0;flex:1;min-width:0;font-size:13.5px;line-height:1.55;color:var(--ink)}.help-what b{color:var(--teal-ink)}.help-toggle{flex-shrink:0;border:1px solid var(--teal);background:var(--card);color:var(--teal-ink);border-radius:9px;padding:6px 13px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:var(--font)}.help-toggle:hover{background:var(--teal);color:#fff}.help-x{flex-shrink:0;border:none;background:none;color:var(--muted);font-size:14px;cursor:pointer;padding:4px 6px}.help-x:hover{color:var(--ink)}.help-body{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:12px;padding-top:12px;border-top:1px solid #d3e7e3}.help-h{font-size:11.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--teal-ink);margin-bottom:7px}.help-steps{margin:0;padding-left:20px;font-size:13px;line-height:1.7;color:var(--ink)}.help-steps li{margin-bottom:4px}.help-terms{margin:0;font-size:13px}.help-term{margin-bottom:7px;line-height:1.55}.help-term dt{display:inline;font-weight:700;color:var(--ink)}.help-term dd{display:inline;margin:0;color:var(--muted)}.help-term dt:after{content:" — ";color:var(--muted);font-weight:400}.help-reopen{border:1px dashed var(--line);background:none;color:var(--muted);border-radius:9px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;margin-bottom:14px;font-family:var(--font)}.help-reopen:hover{border-color:var(--teal);color:var(--teal-ink);background:var(--card)}.tip-wrap{position:relative;display:inline-flex;align-items:center;gap:5px}.tip-dot{width:15px;height:15px;flex-shrink:0;border-radius:50%;border:none;cursor:help;background:var(--gray-bg);color:var(--muted);font-size:10px;font-weight:800;font-family:var(--font);display:grid;place-items:center;padding:0;line-height:1}.tip-wrap:hover .tip-dot,.tip-dot:focus-visible{background:var(--teal);color:#fff}.tip-bubble{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);width:max-content;max-width:260px;background:var(--navy);color:#fff;font-size:12px;font-weight:500;line-height:1.5;text-align:left;white-space:normal;padding:8px 11px;border-radius:9px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transition:opacity .14s ease;z-index:60;pointer-events:none}.tip-bubble:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:var(--navy)}.tip-wrap:hover .tip-bubble,.tip-dot:focus-visible~.tip-bubble{opacity:1;visibility:visible}.notice{background:var(--sun-bg);border:1px solid #f3d692;color:var(--ink);border-radius:14px;padding:14px 16px;margin-bottom:16px;font-size:13.5px;line-height:1.6}.shot-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:16px}.shot-toolbar .search{flex:1;min-width:220px;max-width:420px;margin:0}.chips{display:inline-flex;gap:4px;background:var(--gray-bg);border:1px solid var(--line);border-radius:11px;padding:4px}.chip{border:none;background:transparent;border-radius:8px;padding:7px 14px;font-size:12.5px;font-weight:700;color:var(--muted);cursor:pointer;font-family:var(--font);transition:background .12s ease,color .12s ease}.chip:hover{color:var(--ink)}.chip.on{background:var(--card);color:var(--ink);box-shadow:var(--shadow-sm)}.shot-count{margin-left:auto;font-size:12.5px;color:var(--muted);font-weight:600}.ss-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.ss-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--card);box-shadow:var(--shadow-sm);transition:transform .14s ease,box-shadow .14s ease}.ss-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.ss-card.flagged{border-color:var(--coral);box-shadow:0 0 0 1px var(--coral) inset}.ss-preview{position:relative;aspect-ratio:16 / 10;background:#0e2a3f}.media-reveal.ss-tile{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;border-radius:0;padding:0;display:flex;align-items:center;justify-content:center;cursor:zoom-in;color:#ffffffeb;background:linear-gradient(150deg,#163a56,#0e2a3f);transition:filter .15s ease}.media-reveal.ss-tile:hover{filter:brightness(1.14)}.ss-tile-in{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;padding:10px}.ss-tile-in svg{opacity:.85;margin-bottom:2px}.ss-tile-in b{font-size:13px;font-weight:700}.ss-tile-in small{font-size:10.5px;color:#ffffff94}.ss-tile.expired{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--gray-bg);color:var(--muted);font-size:12px}.ss-badge{position:absolute;z-index:2;pointer-events:none;font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:999px;box-shadow:var(--shadow-sm)}.ss-badge.trig{left:8px;top:8px;background:#fffffff0;color:var(--navy)}.ss-badge.trig.t-sky{color:var(--sky)}.ss-badge.trig.t-amber{color:var(--amber-ink)}.ss-badge.trig.t-red{color:var(--red-ink)}.ss-badge.trig.t-gray{color:var(--gray-ink)}.ss-badge.flag{right:8px;top:8px;background:var(--coral);color:#fff}.ss-badge.mask{right:8px;top:8px;background:#0e2a3fcc;color:#fff}.ss-foot{padding:11px 12px;display:flex;align-items:center;gap:10px;border-top:1px solid var(--line)}.ss-who{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.ss-nm{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-sub{font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-tm{font-size:11px;color:var(--muted);white-space:nowrap;flex-shrink:0}.content{padding:24px 28px;animation:fade .32s cubic-bezier(.2,.7,.3,1) both}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.stat:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--teal) 22%,var(--line))}@media (prefers-reduced-motion: reduce){.content{animation:none}.stat:hover{transform:none}}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:20px}.stat{position:relative;background:linear-gradient(180deg,#fff,#fbfcfe);border:1px solid var(--line);border-radius:var(--radius);padding:17px 19px;overflow:hidden;box-shadow:0 1px 2px #14122a0a;transition:box-shadow .16s ease,transform .12s ease,border-color .16s ease}.stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--teal);opacity:0;transition:opacity .16s ease}.stat:hover{box-shadow:0 8px 24px #14122a14;transform:translateY(-1px);border-color:#d3deea}.stat:hover:before{opacity:.9}.stat.warn:before{background:var(--amber-ink)}.stat .label{font-size:11px;color:var(--muted);margin-bottom:9px;text-transform:uppercase;letter-spacing:.07em;font-weight:650}.stat .value{font-family:var(--font-display);font-size:34px;font-weight:600;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}.stat .value small{font-size:14px;color:var(--muted);font-weight:500}.stat.warn .value{color:var(--amber-ink)}.emp-code{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:6px;font-family:ui-monospace,SF Mono,monospace;font-size:10.5px;font-weight:600;letter-spacing:.04em;background:var(--teal-soft, rgba(18,165,148,.1));color:var(--teal-ink);border:1px solid color-mix(in srgb,var(--teal) 30%,var(--line));vertical-align:middle}:root[data-theme=dark] .emp-code{background:#2ee6c81a}.pager{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 2px 2px;flex-wrap:wrap}.pager-info{font-size:12px;color:var(--muted)}.pager-btns{display:flex;gap:5px;align-items:center}.pager-btns .mini.pager-on{background:var(--teal);border-color:var(--teal);color:#fff}.pager-ellipsis{color:var(--faint, var(--muted));font-size:12px;padding:0 2px}.form-2col{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}@media (max-width: 560px){.form-2col{grid-template-columns:1fr}}.cred-box{background:var(--gray-bg);border:1px solid var(--line);border-radius:11px;padding:6px 14px;margin-bottom:10px}.cred-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-top:1px solid var(--line);font-size:13.5px}.cred-row:first-child{border-top:0}.cred-row>span:first-child{color:var(--muted);font-size:12.5px}.cred-row code{font-size:14px;font-weight:700;letter-spacing:.02em;-webkit-user-select:all;user-select:all}.app-kind{font-size:12px;opacity:.8;margin-right:2px}.rule-add{display:flex;gap:8px;margin:10px 0 18px;flex-wrap:wrap;align-items:center}.rule-add.editing{background:var(--amber-bg);border:1px dashed var(--amber-ink);border-radius:10px;padding:10px}.rule-group{padding:12px 0;border-top:1px solid var(--line)}.rule-group:first-of-type{border-top:0}.rule-group-head{display:flex;align-items:baseline;gap:10px;margin-bottom:9px;flex-wrap:wrap}.rule-chip{display:inline-flex;align-items:center;gap:7px;margin:0 8px 7px 0;padding:5px 10px;border-radius:8px;font-size:12.5px;font-weight:600}.rule-chip.b-red{background:var(--red-bg);color:var(--red-ink)}.rule-chip.b-green{background:var(--green-bg);color:var(--green-ink)}.rule-chip.b-amber{background:var(--amber-bg);color:var(--amber-ink)}.rule-chip .x-btn{opacity:.55}.rule-chip:hover .x-btn{opacity:1}.stat-meter{margin-top:13px;height:5px;border-radius:99px;background:var(--gray-bg);overflow:hidden}.stat-meter>span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--teal),var(--teal-ink));transition:width .6s cubic-bezier(.2,.8,.3,1)}.stat-cap{margin-top:13px;font-size:11.5px;font-weight:650;color:var(--muted);letter-spacing:.01em}.stat-cap.warn{color:var(--amber-ink)}.stat-cap.ok{color:var(--green-ink)}:root[data-theme=dark] .stat-meter{background:#788ca529}:root[data-theme=dark] .stat-meter>span{background:linear-gradient(90deg,#7a5cf5,#b9a8ff);box-shadow:0 0 10px #9a85ff73}.stat-spark{margin-top:10px;display:flex;align-items:center;gap:10px}.spark{display:block;flex-shrink:0}.spark-line{fill:none;stroke:var(--teal);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.spark-area{fill:var(--teal);opacity:.1;stroke:none}.spark-dot{fill:var(--teal)}.stat-spark-lbl{font-size:10.5px;font-weight:650;color:var(--muted);letter-spacing:.02em}:root[data-theme=dark] .spark-line{stroke:#b9a8ff;filter:drop-shadow(0 0 4px rgba(46,230,200,.55))}:root[data-theme=dark] .spark-area{fill:#b9a8ff;opacity:.15}:root[data-theme=dark] .spark-dot{fill:#b9a8ff;filter:drop-shadow(0 0 3px rgba(46,230,200,.85))}.card{background:linear-gradient(180deg,#fff,#fbfcfe);border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin-bottom:18px;box-shadow:0 1px 2px #14122a0a;transition:box-shadow .16s ease,border-color .16s ease}.card:hover{box-shadow:0 6px 22px #14122a0f;border-color:#d9e2ec}.card h3{margin:0 0 14px;font-size:14px;font-weight:600;letter-spacing:-.01em}.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}table{width:100%;border-collapse:collapse}th{text-align:left;font-weight:600;color:var(--muted);font-size:11px;letter-spacing:.05em;text-transform:uppercase;padding:0 8px 11px}td{padding:11px 8px;border-top:1px solid var(--line);font-size:13px}tr:first-child td{border-top:none}.rowlink{cursor:pointer}.rowlink:hover td{background:#f8fafb}.badge{display:inline-block;font-size:11px;padding:3px 9px;border-radius:20px;font-weight:500}.b-green{background:var(--green-bg);color:var(--green-ink)}.b-amber{background:var(--amber-bg);color:var(--amber-ink)}.b-red{background:var(--red-bg);color:var(--red-ink)}.b-gray{background:var(--gray-bg);color:var(--gray-ink)}.b-teal{background:#e1f5ee;color:var(--teal-ink)}.between{display:flex;align-items:center;justify-content:space-between}.list-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:13px}.list-row+.list-row{border-top:1px solid var(--line)}.muted{color:var(--muted)}.center-note{color:var(--muted);text-align:center;padding:40px}.loading{padding:40px;color:var(--muted)}.sk{display:block;border-radius:8px;background:linear-gradient(90deg,var(--gray-bg) 25%,#e8eef4 37%,var(--gray-bg) 63%);background-size:400% 100%;animation:skwave 1.4s ease infinite}@keyframes skwave{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion: reduce){.sk{animation:none}}.sk-page{display:flex;flex-direction:column;gap:20px}.sk-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.sk-stat{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px}.sk-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:14px}.sk-row{display:flex;align-items:center;gap:12px}@media (max-width: 820px){.sk-stats{grid-template-columns:1fr 1fr}}@media (max-width: 430px){.sk-stats{grid-template-columns:1fr}}.bar{height:6px;background:var(--gray-bg);border-radius:4px;overflow:hidden;margin-top:6px}.bar>span{display:block;height:100%;background:var(--teal);transition:width .6s cubic-bezier(.22,.61,.36,1)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#c4d0da;border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#a9b9c6}::-webkit-scrollbar-track{background:transparent}.loading{display:flex;align-items:center;gap:10px}.loading:before{content:"";width:16px;height:16px;border:2px solid var(--line);border-top-color:var(--teal);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.center-note{max-width:460px;margin:40px auto;line-height:1.7}th{text-transform:uppercase;letter-spacing:.045em;font-size:10.5px}tbody tr{transition:background .12s ease}tbody tr:hover td{background:#f7fafb}input,select,textarea{transition:border-color .15s ease,box-shadow .15s ease}select:focus,textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px #7a5cf526}a:focus-visible,button:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible,summary:focus-visible,label.chk:focus-within{outline:2px solid var(--teal);outline-offset:2px;border-radius:4px}.x-btn{background:none;border:0;padding:0 4px;font:inherit;line-height:1;cursor:pointer;font-weight:700;color:inherit}.sidebar{box-shadow:inset -1px 0 #ffffff0d}.nav a:hover{transform:translate(2px)}.nav a.active:hover{transform:none}.badge{letter-spacing:.01em}.list-row{transition:background .12s ease}.install-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(1000px 560px at 15% -10%,#22608a 0%,var(--navy) 55%)}.install-card{background:var(--card);border-radius:18px;padding:36px;width:100%;max-width:560px;box-shadow:0 24px 64px #00000057;animation:rise .5s ease both}.install-card h1{font-size:24px;margin:20px 0 6px;color:var(--navy);letter-spacing:-.02em}.install-card p.sub{color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 20px}.install-smartscreen{margin:8px 0 12px;padding-left:20px;font-size:13px;line-height:1.6;color:var(--muted)}.install-smartscreen li{margin-bottom:4px}.install-smartscreen b{color:var(--ink)}.install-steps{display:flex;flex-direction:column;gap:16px;margin:8px 0 18px}.install-step{display:flex;gap:14px}.install-step .n{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.install-step b{display:block;margin-bottom:3px}.install-step p{margin:0 0 10px;color:var(--muted);font-size:13px;line-height:1.6}.install-adv{border-top:1px solid var(--line);padding-top:14px}.install-adv summary{cursor:pointer;font-size:13px;color:var(--teal-ink);font-weight:600}.install-cmd{flex:1;font-family:ui-monospace,Menlo,monospace;font-size:12px;background:var(--gray-bg);padding:10px 12px;border-radius:8px;word-break:break-all;line-height:1.5}.install-foot{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.display{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}.page-hero{border-radius:18px;padding:22px 26px;margin-bottom:20px;color:#fff;background:var(--grad-brand);box-shadow:var(--shadow);position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;right:-40px;top:-60px;width:220px;height:220px;background:radial-gradient(closest-side,rgba(255,255,255,.2),transparent 70%)}.page-hero h1{margin:0;font-size:26px;font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}.page-hero p{margin:6px 0 0;font-size:14px;color:#ffffffd9}.page-hero .hero-stats{display:flex;gap:26px;margin-top:16px;position:relative}.hero-stat b{display:block;font-size:24px;font-weight:800;line-height:1}.hero-stat span{font-size:12px;color:#fffc}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 11px;border-radius:999px;white-space:nowrap}.pill .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.pill .dot.live{animation:pulse 1.6s ease-in-out infinite}.pill-green{background:var(--green-bg);color:var(--green-ink)}.pill-amber{background:var(--sun-bg);color:var(--amber-ink)}.pill-red{background:var(--coral-bg);color:var(--red-ink)}.pill-violet{background:var(--violet-bg);color:var(--violet)}.pill-sky{background:var(--sky-bg);color:var(--sky)}.pill-gray{background:var(--gray-bg);color:var(--gray-ink)}.pill-teal{background:var(--teal-bg, #efeafe);color:var(--teal-ink, #5B45E0)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.section-title{display:flex;align-items:center;gap:10px;margin:4px 0 14px}.section-title h2{font-size:17px;margin:0;font-weight:700;letter-spacing:-.01em}.section-title .count{background:var(--coral);color:#fff;font-size:12px;font-weight:700;min-width:22px;height:22px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center}.approve-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}.approval-card{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--amber);border-radius:14px;padding:16px;box-shadow:var(--shadow-sm);animation:rise .35s ease both}.approval-card.ot{border-left-color:var(--violet)}.approval-card.out{border-left-color:var(--sky)}.approval-card.brk{border-left-color:var(--teal, #7A5CF5)}.approval-card .who{display:flex;align-items:center;gap:11px;margin-bottom:12px}.approval-card .meta{font-size:12.5px;color:var(--muted);line-height:1.7;margin-bottom:14px}.approval-card .meta b{color:var(--ink)}.approval-actions{display:flex;gap:9px}.btn{border:none;border-radius:9px;padding:9px 16px;font-size:13px;font-weight:700;cursor:pointer;font-family:var(--font);transition:transform .1s ease,box-shadow .15s ease,background .15s ease}.btn:active{transform:translateY(1px)}.btn-approve{background:var(--emerald);color:#fff}.btn-approve:hover{box-shadow:0 8px 20px #10b98159}.btn-reject{background:var(--card);color:var(--red-ink);border:1px solid var(--coral-bg)}.btn-reject:hover{background:var(--coral-bg)}.btn-ghost{background:var(--gray-bg);color:var(--ink)}.btn-ghost:hover{background:#e3e9ef}.avatar{width:42px;height:42px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:15px;flex-shrink:0;box-shadow:var(--shadow-sm)}.avatar.sm{width:34px;height:34px;border-radius:10px;font-size:13px}.avatar.lg{width:60px;height:60px;border-radius:18px;font-size:22px}.a0{background:linear-gradient(135deg,#3b4cf0,#7a5cf5)}.a1{background:linear-gradient(135deg,#6c5ce7,#4b3fd6)}.a2{background:linear-gradient(135deg,#2d9cdb,#1b6fb0)}.a3{background:linear-gradient(135deg,#f6a609,#e8720a)}.a4{background:linear-gradient(135deg,#ff6b6b,#e14b4b)}.a5{background:linear-gradient(135deg,#10b981,#0a8a5f)}.a6{background:linear-gradient(135deg,#e8590c,#c23b3b)}.a7{background:linear-gradient(135deg,#5b7cfa,#3f5bd6)}.live-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.emp-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease;animation:rise .35s ease both;position:relative;overflow:hidden}.emp-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:#d3e0ea}.emp-card .top{display:flex;align-items:center;gap:12px}.emp-card .name{font-weight:700;font-size:15px;letter-spacing:-.01em}.emp-card .dept{font-size:12px;color:var(--muted)}.emp-card .stats{display:flex;align-items:center;justify-content:space-between;margin-top:16px;gap:12px}.emp-card .clock{font-family:var(--font-display);font-size:22px;font-weight:600}.emp-card .clock small{font-family:var(--font);font-size:12px;color:var(--muted);font-weight:500}.emp-card .shift-left{font-family:ui-monospace,Menlo,monospace;font-size:13px;font-weight:700;color:var(--teal-ink, #5B45E0);margin-top:2px}.emp-card .shift-left small{font-family:var(--font);font-size:11px;color:var(--muted);font-weight:500}.live-btn{margin-top:14px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}.live-btn:hover{border-color:#ff8a8a;background:#fff5f5;color:var(--red-ink, #c0392b)}.card-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.card-actions .live-btn{margin-top:0;width:auto;flex:1 1 130px}.end-shift-btn{flex:1 1 110px;display:flex;align-items:center;justify-content:center;gap:6px;height:36px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--red-ink, #c0392b);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}.end-shift-btn:hover:not(:disabled){border-color:var(--coral, #e7594c);background:var(--coral, #e7594c);color:#fff}.end-shift-btn:disabled{opacity:.5;cursor:default}.toast-viewport{position:fixed;right:18px;bottom:18px;z-index:400;display:flex;flex-direction:column;gap:10px;max-width:min(380px,calc(100vw - 36px));pointer-events:none}.toast{pointer-events:auto;cursor:pointer;display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);font-size:13.5px;line-height:1.45;color:var(--ink);border-left:4px solid var(--muted);animation:toastin .22s cubic-bezier(.2,.8,.3,1) both}.toast-success{border-left-color:var(--green-ink)}.toast-error{border-left-color:var(--red-ink)}.toast-info{border-left-color:var(--sky)}.toast-icon{flex:0 0 20px;width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff}.toast-success .toast-icon{background:var(--green-ink)}.toast-error .toast-icon{background:var(--red-ink)}.toast-info .toast-icon{background:var(--sky)}.toast-msg{flex:1}@keyframes toastin{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.toast{animation:none}}.ring-wrap{position:relative;width:62px;height:62px}.ring-wrap .ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.ring-bar{transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.lb-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a1621d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;padding:28px;animation:lbfade .2s ease both}@keyframes lbfade{0%{opacity:0}to{opacity:1}}.lb-panel{width:94vw;height:92vh;display:flex;flex-direction:column;gap:12px;animation:lbpop .25s cubic-bezier(.2,.8,.3,1) both}@keyframes lbpop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.lb-bar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fff;flex-wrap:wrap}.lb-scroll{flex:1 1 0;min-height:0;overflow:auto;display:flex;cursor:grab;background:#0a1620;border-radius:12px;padding:14px;box-shadow:0 30px 80px #00000080}.lb-scroll:active{cursor:grabbing}.lb-img{margin:auto;display:block;border-radius:8px;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lb-hint{flex-shrink:0;text-align:center;color:#7f97a8;font-size:12px}.lb-bar .cap{flex:1 1 140px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;color:#cfe0ec}.lb-bar .cap b{color:#fff}.lb-actions{display:flex;gap:8px;align-items:center;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.lb-zoom{display:inline-flex;align-items:center;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);border-radius:9px;overflow:hidden}.lb-zoom .zbtn{border:none;border-radius:0;background:transparent;padding:7px 13px;font-size:17px;line-height:1}.lb-zoom .zbtn:hover{background:#ffffff29}.lb-pct{color:#fff;font-size:12.5px;font-weight:700;min-width:50px;text-align:center;cursor:pointer;font-variant-numeric:tabular-nums}.lb-btn{display:inline-flex;align-items:center;gap:7px;background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.22);border-radius:9px;padding:8px 15px;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--font);transition:background .15s ease;text-decoration:none}.lb-btn:hover{background:#ffffff38}.lb-btn.primary{background:#fff;color:var(--navy);border-color:#fff}.shot-thumb{width:100%;border-radius:10px;border:1px solid var(--line);cursor:zoom-in;display:block;transition:transform .15s ease,box-shadow .2s ease;background:#f0f3f6}.shot-thumb:hover{transform:scale(1.02);box-shadow:var(--shadow)}.empty{text-align:center;padding:44px 20px;color:var(--muted)}.empty .big{font-size:40px;margin-bottom:8px}.empty p{margin:4px 0 0;font-size:14px}.pd-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a162180;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;display:flex;justify-content:flex-end;animation:lbfade .2s ease both}.pd-drawer{width:min(640px,94vw);height:100%;background:var(--bg);box-shadow:-20px 0 60px #00000040;padding:24px;overflow-y:auto;animation:slidein .28s cubic-bezier(.2,.8,.3,1) both}@keyframes slidein{0%{transform:translate(32px);opacity:.5}to{transform:none;opacity:1}}.pd-tabs{display:flex;gap:4px;background:var(--gray-bg);border:1px solid var(--line);border-radius:12px;padding:4px;margin-bottom:4px;flex-wrap:wrap}.pd-tabs .pd-tab{flex-shrink:0;display:inline-flex;align-items:center;gap:6px}.pd-tab-ic{font-size:13px;line-height:1}.pd-filter{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:2px 0 12px}.pd-filter .search{flex:1;min-width:130px;height:34px}.pd-filter input[type=date],.pd-filter select{height:34px;border:1px solid var(--line);border-radius:8px;padding:0 8px;background:var(--card);color:var(--ink);font-size:12.5px;font-family:inherit}.pd-filter-count{font-size:11.5px;color:var(--muted);margin-left:auto;white-space:nowrap}.pd-manage{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 0 12px;border-bottom:1px dashed var(--line);margin-bottom:12px}.row-remove{border:1px solid transparent;background:none;border-radius:7px;width:30px;height:30px;cursor:pointer;font-size:14px;opacity:.25;transition:opacity .12s ease,background .12s ease,border-color .12s ease}tr:hover .row-remove{opacity:1}.row-remove:hover{background:var(--red-bg);border-color:color-mix(in srgb,var(--red-ink) 35%,var(--line))}.row-remove:focus-visible{opacity:1}.pd-tab{flex:1;border:none;background:transparent;border-radius:9px;padding:9px 10px;font-size:13px;font-weight:700;color:var(--muted);cursor:pointer;font-family:var(--font);transition:background .12s ease,color .12s ease}.pd-tab:hover{color:var(--ink)}.pd-tab.on{background:var(--card);color:var(--ink);box-shadow:var(--shadow-sm)}.pd-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.pd-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.pd-stat{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:var(--shadow-sm)}.pd-v{font-size:24px;font-weight:800;font-family:var(--font-display);line-height:1}.pd-l{font-size:12px;color:var(--muted);margin-top:5px}.pd-rows{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:2px 16px;box-shadow:var(--shadow-sm)}.pd-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13.5px}.pd-row:last-child{border-bottom:none}.pd-row>span:first-child{color:var(--muted)}.pd-section{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:20px 2px 8px}.pd-row.hist{font-size:13px}.emp-list{display:flex;flex-direction:column}.emp-row{display:flex;align-items:center;gap:13px;padding:12px 10px;border-radius:12px;cursor:pointer;transition:background .12s ease;border-bottom:1px solid var(--line)}.emp-row:last-child{border-bottom:none}.emp-row:hover{background:var(--gray-bg)}.emp-arrow{color:var(--muted);font-size:22px;font-weight:300;line-height:1}.err-boundary{max-width:560px;margin:60px auto;text-align:center;background:var(--card, #fff);border:1px solid var(--line, #e7edf2);border-radius:16px;padding:32px 28px;box-shadow:var(--shadow-lg)}.err-boundary h2{margin:0 0 8px;font-size:18px;color:var(--ink)}.err-boundary p{margin:0 0 18px;font-size:13px;color:var(--muted);word-break:break-word}.notif{position:relative}.notif-bell{position:relative;background:var(--card);border:1px solid var(--line);border-radius:10px;width:40px;height:40px;cursor:pointer;font-size:17px;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s,box-shadow .15s}.notif-bell:hover{border-color:var(--teal);box-shadow:var(--shadow-sm)}.notif-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--gray-ink);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--card)}.notif-badge.high{background:var(--red-ink);animation:notifpulse 1.8s ease-in-out infinite}@keyframes notifpulse{0%,to{box-shadow:0 0 #c23b3b80}50%{box-shadow:0 0 0 5px #c23b3b00}}.notif-bell.ring{animation:notifring 2.4s ease-in-out infinite}@keyframes notifring{0%,88%,to{transform:rotate(0)}90%{transform:rotate(-11deg)}93%{transform:rotate(9deg)}96%{transform:rotate(-6deg)}}@media (prefers-reduced-motion: reduce){.notif-bell.ring{animation:none}}.notif-drop{position:absolute;right:0;top:calc(100% + 8px);width:360px;max-width:88vw;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-lg);z-index:85;overflow:hidden;animation:lbfade .14s ease both}.notif-head{padding:13px 16px;font-weight:800;font-size:13.5px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.notif-readall{background:none;border:none;cursor:pointer;font-size:11.5px;font-weight:600;color:var(--teal-ink);padding:2px;letter-spacing:.01em}.notif-readall:hover{text-decoration:underline}.notif-list{max-height:60vh;overflow-y:auto}.notif-empty{padding:26px 16px;text-align:center;color:var(--muted);font-size:13px}.notif-item{display:flex;gap:11px;padding:12px 16px;border-bottom:1px solid var(--line);position:relative}.notif-item:last-child{border-bottom:none}.notif-item.high{background:linear-gradient(90deg,rgba(194,59,59,.06),transparent)}:root[data-theme=dark] .notif-item.high{background:linear-gradient(90deg,rgba(255,106,92,.1),transparent)}.notif-item.fresh:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--teal)}.notif-emoji{font-size:18px;flex-shrink:0;line-height:1.3}.notif-body{min-width:0;flex:1}.notif-top{display:flex;gap:8px;align-items:baseline}.notif-top b{font-size:13px;color:var(--ink)}.notif-count{font-size:10.5px;font-weight:700;color:var(--amber-ink);background:var(--amber-bg);padding:1px 6px;border-radius:999px;flex-shrink:0}.notif-time{font-size:11px;color:var(--muted);flex-shrink:0;margin-left:auto}.notif-body p{margin:3px 0 0;font-size:12.5px;color:var(--muted);line-height:1.5}.notif-foot{padding:10px 16px;border-top:1px solid var(--line);font-size:11.5px;text-align:center}.notif-enable{background:var(--teal-bg, var(--teal-soft, rgba(18,165,148,.1)));border:1px solid color-mix(in srgb,var(--teal) 35%,var(--line));color:var(--teal-ink);border-radius:8px;padding:7px 12px;font-size:11.5px;font-weight:600;cursor:pointer;width:100%}.notif-enable:hover{background:color-mix(in srgb,var(--teal) 16%,transparent)}.notif-foot-on{color:var(--green-ink);font-weight:600}.notif-foot-off{color:var(--muted)}.hamburger{display:none;background:none;border:none;color:var(--ink);cursor:pointer;padding:8px;margin-right:2px;border-radius:8px;align-items:center;justify-content:center}.hamburger:hover{background:var(--gray-bg)}.sidebar-backdrop{display:none}@media (max-width: 820px){.hamburger{display:inline-flex}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:200;width:264px;max-width:82vw;overflow-y:auto;transform:translate(-100%);transition:transform .25s ease}.sidebar.open{transform:translate(0);box-shadow:0 0 44px #00000073}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:190;background:#0a162180;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:lbfade .2s ease both}.main{width:100%;min-width:0}.topbar{height:56px;padding:0 12px;gap:8px}.topbar h2{font-size:15px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .meta{display:none}.topbar-right{gap:8px}.usermenu-chip .um-text{display:none}.usermenu-chip{padding:6px}.content{padding:16px 13px}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.two-col,.three-col{grid-template-columns:1fr!important}.card{overflow-x:auto}.card>table{min-width:540px}.notif-drop{position:fixed;top:60px;left:8px;right:8px;width:auto;max-width:none}.rep-toolbar{padding:12px 14px}.rep-page{padding:18px 14px 24px}.rep-head{flex-direction:column;align-items:flex-start;gap:10px}.pd-drawer{width:100%;padding:16px}.between,.pd-head{flex-wrap:wrap;gap:10px}.export-btns,.rep-dates{flex-wrap:wrap}.rep-dates input[type=date]{flex:1 1 130px;min-width:0}}@media (max-width: 430px){.stat-grid{grid-template-columns:1fr}.topbar h2{font-size:14px}.emp-row{flex-wrap:wrap}.emp-main{flex:1 1 100%!important}.emp-actions{margin-left:52px}.approve-grid{grid-template-columns:1fr}.card .list-row{flex-wrap:wrap;row-gap:4px}.pd-row{flex-direction:column;align-items:flex-start!important;gap:4px}.pd-row>span:first-child{min-width:0!important}.pd-row>span{text-align:left!important}.rep-table{min-width:520px}}.rep-tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;flex-wrap:wrap}.pager-count{font-size:12.5px;color:var(--muted)}.pager-btns{display:flex;align-items:center;gap:8px}.pager-btn{height:32px;padding:0 13px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);cursor:pointer;font-size:13px}.pager-btn:hover:not(:disabled){border-color:var(--muted)}.pager-btn:disabled{opacity:.4;cursor:default}.pager-page{font-size:12.5px;color:var(--muted);min-width:52px;text-align:center}@media print{.pager{display:none!important}}