:root{--brand: #24A4DC;--brand-dark: #1b86b6;--teal: #48A8B8;--teal-dark: #3a8c9a;--ink: #54545B;--ink-dark: #45454b;--ink-darker: #3a3a40;--silver: #B4B4BB;--bg: #f4f5f7;--card: #ffffff;--text: #33333a;--muted: #6b6b73;--border: #e3e3e8;--danger: #d64545;--success: #2e9e6b;--surface: #ffffff;--surface-2: #fafafb;--hover: #f0f1f4;--hover-tint: #f8fbfd;--input-bg: #ffffff;--heading: #54545B;--radius: 10px;--shadow: 0 1px 3px rgba(84, 84, 91, .1), 0 4px 14px rgba(84, 84, 91, .06);--shadow-lg: 0 12px 40px rgba(58, 58, 64, .22);--sidebar-w: 248px;color-scheme:light dark}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #14151a;--card: #1d1f25;--text: #e6e6ec;--muted: #9a9ba6;--border: #2d2f38;--silver: #3d404a;--surface: #1d1f25;--surface-2: #23252d;--hover: #2a2d36;--hover-tint: #22252e;--input-bg: #171920;--heading: #ececed;--shadow: 0 1px 3px rgba(0,0,0,.4), 0 6px 18px rgba(0,0,0,.3);--shadow-lg: 0 16px 46px rgba(0,0,0,.55)}}:root[data-theme=dark]{--bg: #14151a;--card: #1d1f25;--text: #e6e6ec;--muted: #9a9ba6;--border: #2d2f38;--silver: #3d404a;--surface: #1d1f25;--surface-2: #23252d;--hover: #2a2d36;--hover-tint: #22252e;--input-bg: #171920;--heading: #ececed;--shadow: 0 1px 3px rgba(0,0,0,.4), 0 6px 18px rgba(0,0,0,.3);--shadow-lg: 0 16px 46px rgba(0,0,0,.55)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Segoe UI,-apple-system,Roboto,Helvetica Neue,sans-serif;background:var(--bg);color:var(--text);font-size:14px}a{color:var(--brand);text-decoration:none}h1{font-size:24px;font-weight:650;color:var(--heading);margin:0 0 4px}h2{font-size:18px;font-weight:650;color:var(--heading)}h3{font-size:15px;font-weight:650;color:var(--heading);margin:0 0 10px}.page-sub{color:var(--muted);margin:0 0 20px;font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--brand);color:#fff;border:0;padding:9px 18px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.2px;transition:background .15s,box-shadow .15s,transform .05s}.btn:hover{background:var(--brand-dark);box-shadow:0 3px 10px #24a4dc59}.btn:active{transform:translateY(1px)}.btn.secondary{background:var(--surface);color:var(--heading);border:1px solid var(--silver)}.btn.secondary:hover{background:var(--hover);border-color:var(--ink);box-shadow:none}.btn.teal{background:var(--teal)}.btn.teal:hover{background:var(--teal-dark);box-shadow:0 3px 10px #48a8b859}.btn.danger{background:var(--danger)}.btn.danger:hover{background:#b93a3a;box-shadow:0 3px 10px #d645454d}.btn.ghost{background:transparent;color:var(--muted);border:0;padding:6px 8px}.btn.ghost:hover{color:var(--heading);background:var(--hover);box-shadow:none}.btn.sm{padding:6px 12px;font-size:12px}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.stats{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin-bottom:24px}.stat{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow)}.stat-icon{width:48px;height:48px;border-radius:10px;flex:none;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon.teal{background:linear-gradient(135deg,var(--teal),var(--teal-dark))}.stat-icon.blue{background:linear-gradient(135deg,var(--brand),var(--brand-dark))}.stat-icon.ink{background:linear-gradient(135deg,var(--ink),var(--ink-darker))}.stat-label{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.4px}.stat-value{font-size:26px;font-weight:700;color:var(--heading);line-height:1.1}.report-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .12s,box-shadow .12s}.report-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #54545b29}.report-cover{position:relative;height:110px;background:linear-gradient(135deg,var(--teal) 0%,var(--brand) 100%);display:flex;align-items:center;justify-content:center}.report-cover img{width:100%;height:100%;object-fit:cover}.report-cover .initials{font-size:30px;font-weight:700;color:#ffffffe6;letter-spacing:1px}.report-card .fav-btn{position:absolute;top:8px;right:10px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.35)}.report-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}.report-card-body h3{margin:0;font-size:14px;line-height:1.35}.report-card-body .muted{flex:1}.report-card .btn{width:100%}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg, var(--ink));color:#d8d8dd;height:100vh;position:fixed;display:flex;flex-direction:column;padding:0;overflow-y:auto}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:18px 20px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-brand img{height:30px;max-width:160px}.sidebar-brand .brand-name{color:#fff;font-size:17px;font-weight:700;letter-spacing:.3px}.sidebar-brand .brand-dot{width:9px;height:9px;border-radius:50%;background:var(--teal);flex:none}.sidebar nav{padding:12px 10px 24px}.sidebar .nav-section{font-size:10.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#b6b6bf;margin:16px 12px 6px}.sidebar a{display:flex;align-items:center;gap:11px;color:#c9c9cf;padding:9px 12px;border-radius:8px;margin-bottom:2px;font-size:13.5px;font-weight:500;border-left:3px solid transparent;transition:background .12s,color .12s}.sidebar a svg{flex:none;opacity:.8}.sidebar a:hover{background:#ffffff12;color:#fff}.sidebar a.active{background:#24a4dc29;color:#fff;border-left-color:var(--brand)}.sidebar a.active svg{opacity:1}.sidebar nav{flex:1}.sidebar-support{display:flex;align-items:center;gap:10px;margin:10px;padding:10px 12px;border-radius:8px;font-size:13px;font-weight:600;color:#fff;background:#25d36629;border:1px solid rgba(37,211,102,.35)}.sidebar-support:hover{background:#25d36642;color:#fff}.sidebar-support svg{color:#25d366}.content{margin-left:var(--sidebar-w);padding:0 28px 40px;min-height:100vh}.topbar{display:flex;justify-content:flex-end;align-items:center;gap:14px;padding:14px 0;margin-bottom:22px;border-bottom:1px solid var(--border)}.burger{display:none;align-items:center;justify-content:center;margin-right:auto;width:40px;height:40px;border:1px solid var(--border);background:var(--surface);color:var(--heading);border-radius:9px;cursor:pointer}.burger:hover{border-color:var(--brand);color:var(--brand)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--border);background:var(--surface);color:var(--heading);border-radius:9px;cursor:pointer;transition:border-color .12s,color .12s}.icon-btn:hover{border-color:var(--brand);color:var(--brand)}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e1e2480;z-index:850;opacity:0;visibility:hidden;transition:opacity .2s}@media (max-width: 900px){.sidebar{transform:translate(-100%);z-index:900;box-shadow:var(--shadow-lg);transition:transform .22s ease}.app-shell.drawer-open .sidebar{transform:translate(0)}.app-shell.drawer-open .scrim{opacity:1;visibility:visible}.content{margin-left:0;padding:0 16px 40px}.burger{display:inline-flex}}@media (prefers-reduced-motion: reduce){.sidebar{transition:none}}@media (max-width: 720px){table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}}.user-chip{display:flex;align-items:center;gap:10px}.avatar{width:34px;height:34px;border-radius:50%;flex:none;background:linear-gradient(135deg,var(--teal),var(--brand));color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}.user-chip .name{font-weight:600;color:var(--heading);font-size:13px;line-height:1.2}.user-chip .role{font-size:11px;color:var(--muted);text-transform:capitalize}table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--border);font-size:13.5px}th{background:var(--surface-2);color:var(--muted);font-weight:650;font-size:12px;text-transform:uppercase;letter-spacing:.4px}tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--hover-tint)}input,select,textarea{padding:9px 12px;border:1px solid var(--silver);border-radius:8px;font-size:13.5px;width:100%;background:var(--input-bg);color:var(--text);font-family:inherit;transition:border-color .12s,box-shadow .12s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #24a4dc26}:where(a,button,.tab,summary,[role=button],[tabindex="0"]):focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:6px}.sidebar a:focus-visible,.modal-close:focus-visible,.btn.ms:focus-visible,.impersonation-bar .btn:focus-visible{outline-color:#fff}#main:focus{outline:none}.skip-link{position:fixed;top:10px;left:10px;z-index:2000;background:var(--brand);color:#fff;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:600;box-shadow:var(--shadow-lg);transform:translateY(-160%);transition:transform .15s}.skip-link:focus,.skip-link:focus-visible{transform:translateY(0);outline:2px solid #fff;outline-offset:2px}label.field{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:12px}label.field span{display:block;margin-bottom:5px}.row{display:flex;gap:10px;align-items:center}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}@media (max-width: 760px){.form-grid{grid-template-columns:1fr}}.switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;font-weight:500;color:var(--text);-webkit-user-select:none;user-select:none}.switch input{display:none}.switch .track{width:38px;height:21px;border-radius:999px;background:var(--silver);position:relative;flex:none;transition:background .15s}.switch .track:after{content:"";position:absolute;top:2.5px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:left .15s}.switch input:checked+.track{background:var(--brand)}.switch input:checked+.track:after{left:19px}.badge{font-size:11.5px;padding:3px 10px;border-radius:999px;background:#24a4dc1f;color:var(--brand-dark);font-weight:600}.badge.teal{background:#48a8b824;color:var(--teal-dark)}.badge.gray{background:var(--hover);color:var(--muted)}.badge.on{background:#2e9e6b1f;color:var(--success)}.badge.off{background:#d645451a;color:var(--danger)}.day-chip{display:inline-flex;align-items:center;justify-content:center;width:30px;height:26px;border-radius:6px;font-size:11.5px;font-weight:700;background:var(--hover);color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent;transition:all .12s}.day-chip.on{background:#24a4dc24;color:var(--brand-dark);border-color:var(--brand)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3a3a408c;display:flex;align-items:flex-start;justify-content:center;padding:5vh 16px;z-index:900;overflow-y:auto}.modal{background:var(--surface);border-radius:12px;box-shadow:var(--shadow-lg);width:100%;max-width:720px;overflow:hidden;animation:modal-in .18s ease-out}.modal.wide{max-width:860px}@keyframes modal-in{0%{opacity:0;transform:translateY(-10px) scale(.985)}to{opacity:1;transform:none}}.modal-header{background:var(--ink);color:#fff;padding:14px 20px;display:flex;align-items:center;justify-content:space-between}.modal-header h3{margin:0;color:#fff;font-size:15px;display:flex;align-items:center;gap:9px}.modal-close{background:none;border:0;color:#fff;font-size:20px;cursor:pointer;opacity:.8;line-height:1;padding:2px 4px}.modal-close:hover{opacity:1}.modal-body{padding:20px;max-height:66vh;overflow-y:auto}.modal-footer{padding:14px 20px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px;background:var(--surface-2)}.tabs{display:flex;gap:2px;border-bottom:2px solid var(--border);margin-bottom:18px}.tab{background:none;border:0;cursor:pointer;padding:10px 16px;font-size:13px;font-weight:600;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-2px;display:inline-flex;align-items:center;gap:7px}.tab:hover{color:var(--heading)}.tab.active{color:var(--brand-dark);border-bottom-color:var(--brand)}.login-split{display:grid;grid-template-columns:1.15fr 1fr;min-height:100vh}.login-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(150deg,var(--sidebar-bg, var(--ink)) 0%,var(--sidebar-bg-dark, var(--ink-darker)) 55%,var(--teal-dark) 140%);background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:space-between;padding:48px 56px}.login-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#28282eb8,#28282e59);pointer-events:none}.login-hero>*{position:relative}.login-hero .hero-brand{display:flex;align-items:center;gap:12px}.login-hero .hero-brand img{height:40px;max-width:200px}.login-hero .hero-brand .brand-name{font-size:22px;font-weight:700;letter-spacing:.3px}.login-hero .hero-dot{width:11px;height:11px;border-radius:50%;background:var(--teal);flex:none}.login-hero h2{color:#fff;font-size:30px;font-weight:700;line-height:1.3;margin:0 0 14px;max-width:480px}.login-hero .hero-points{display:grid;gap:12px;margin-top:6px}.login-hero .hero-points div{display:flex;align-items:center;gap:10px;color:#ffffffd1;font-size:14px}.login-hero .hero-points svg{color:var(--teal);flex:none}.login-hero .hero-footer{color:#ffffff8c;font-size:12px}.login-panel{display:flex;align-items:center;justify-content:center;background:var(--bg);padding:32px 24px}.login-box{width:100%;max-width:380px}.login-box .card{border:0;box-shadow:var(--shadow-lg);padding:36px 32px}.login-box h1{font-size:22px;margin-bottom:6px}.btn.ms{width:100%;background:var(--ink);padding:12px 18px;font-size:14px}.btn.ms:hover{background:var(--ink-darker);box-shadow:0 3px 12px #3a3a4059}.login-divider{display:flex;align-items:center;gap:12px;color:var(--silver);font-size:11.5px;text-transform:uppercase;letter-spacing:1px;margin:18px 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}@media (max-width: 860px){.login-split{grid-template-columns:1fr}.login-hero{display:none}}.report-frame{height:calc(100vh - 130px)}.muted{color:var(--muted);font-size:13px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:26px 0 14px}.section-title h2{margin:0}.search-box{position:relative;max-width:300px;width:100%}.search-box input{padding-left:34px;border-radius:999px}.search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--silver);pointer-events:none}.fav-btn{background:none;border:0;cursor:pointer;font-size:18px;line-height:1;color:var(--brand);padding:0}.fav-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}.toaster{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:10px;z-index:1000;max-width:360px}.toast{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:10px;box-shadow:var(--shadow-lg);font-size:14px;color:#fff;animation:toast-in .15s ease-out}.toast-error{background:var(--danger)}.toast-success{background:var(--success)}.toast-info{background:var(--brand)}.toast-close{background:none;border:0;color:inherit;font-size:18px;line-height:1;cursor:pointer;opacity:.85;padding:0}.toast-close:hover{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.impersonation-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:linear-gradient(90deg,var(--teal),var(--brand));color:#fff;padding:9px 16px;border-radius:8px;margin:14px 0 0;font-size:13px}.impersonation-bar .btn{background:#ffffff38;color:#fff}.impersonation-bar .btn:hover{background:#ffffff52;box-shadow:none}.actions{position:relative;display:inline-block}.actions-menu{position:absolute;right:0;top:100%;margin-top:4px;z-index:40;background:var(--surface);border:1px solid var(--border);border-radius:9px;box-shadow:var(--shadow-lg);min-width:190px;padding:5px;display:flex;flex-direction:column}.actions-menu button{display:flex;align-items:center;gap:9px;background:none;border:0;cursor:pointer;padding:8px 10px;border-radius:6px;font-size:13px;color:var(--text);text-align:left;width:100%}.actions-menu button:hover{background:var(--hover)}.actions-menu button.danger{color:var(--danger)}.actions-menu .sep{height:1px;background:var(--border);margin:4px 2px}.notice{border-radius:8px;padding:11px 13px;font-size:13px;line-height:1.45;border:1px solid}.notice-info{background:#24a4dc14;border-color:#24a4dc4d;color:var(--brand-dark)}.notice-warning{background:#d695451a;border-color:#d6954559;color:#9a6320}.notice-success{background:#2e9e6b1a;border-color:#2e9e6b59;color:#1f7a50}.viewer-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:7px 10px;margin-bottom:12px;box-shadow:var(--shadow)}.viewer-toolbar .tb-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:0;color:var(--heading);padding:6px 10px;border-radius:7px;cursor:pointer;font-size:13px;font-weight:500}.viewer-toolbar .tb-btn:hover{background:var(--hover)}.viewer-toolbar .tb-btn:disabled{opacity:.4;cursor:not-allowed}.viewer-toolbar .tb-sep{width:1px;height:22px;background:var(--border);margin:0 4px}.viewer-toolbar .tb-zoom{font-variant-numeric:tabular-nums;min-width:44px;text-align:center;font-size:13px;color:var(--muted)}.viewer-toolbar .tb-title{font-weight:650;color:var(--heading);margin-right:auto;display:flex;align-items:center;gap:8px}.viewer-toolbar .tb-logo{height:24px;max-width:120px;object-fit:contain}.viewer-toolbar .tb-btn.tb-active{background:#24a4dc24;color:var(--brand-dark)}.report-frame.fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:800;height:100vh;background:#fff;padding:10px}.empty{text-align:center;padding:48px 24px;border:1px dashed var(--border);border-radius:var(--radius);background:var(--surface-2);display:flex;flex-direction:column;align-items:center;gap:8px}.empty-ico{color:var(--silver)}.empty h3{margin:0}.empty p{margin:0;max-width:46ch}.spinner{width:36px;height:36px;border:4px solid var(--border);border-top-color:var(--brand);border-radius:50%;margin:0 auto;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}input[type=checkbox],input[type=radio],input[type=range],progress{accent-color:var(--brand)}::selection{background:#24a4dc38}.stat-value,td{font-variant-numeric:tabular-nums}@media print{.sidebar,.topbar,.scrim,.skip-link,.viewer-toolbar,.impersonation-bar,.toaster{display:none!important}.content{margin-left:0!important;padding:0!important}body{background:#fff}.card,table{box-shadow:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.spinner{animation-duration:1.4s!important;animation-iteration-count:infinite!important}}