:root{--bg:#f4efe4;--surface:#fbf9f3;--surface2:#ffffff;--ink:#20292b;--muted:#8a7e66;--muted2:#9c917a;--line:#e7dcc6;--line2:#efe7d6;--tan:#eaddc2;--tan-line:#e2d4b8;--navy:#16313d;--navy2:#1f4250;--navy-deep:#102530;--navy-mut:#90a3a8;--green:#1c6e48;--green-d:#155738;--green-soft:#e2efe5;--gold:#c08a2d;--gold-d:#a5751f;--danger:#c0492f;--radius:14px;--shadow:0 1px 2px rgba(30,40,30,.04),0 8px 26px rgba(40,40,20,.06)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:IBM Plex Sans,system-ui,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}.hidden{display:none!important}h1,h2,.disp{font-family:Fraunces,Georgia,serif;letter-spacing:-.2px;font-weight:600}.v{font-family:Fraunces,Georgia,serif}.num{font-variant-numeric:tabular-nums}::selection{background:var(--gold);color:#fff}.ic-svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;display:inline-block;vertical-align:middle}#login{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50;background:radial-gradient(800px 460px at 80% -10%,#24505f,transparent),radial-gradient(700px 460px at 5% 115%,#143039,transparent),var(--navy)}#login:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.5;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.04) 1px,transparent 0);background-size:22px 22px}.login-card{position:relative;width:100%;max-width:404px;background:var(--surface);border-radius:22px;padding:42px 38px;box-shadow:0 40px 90px #00000080;border:1px solid var(--line2);animation:pop .4s cubic-bezier(.2,.85,.25,1)}@keyframes pop{0%{transform:translateY(16px) scale(.97);opacity:0}to{transform:none;opacity:1}}.login-mark{width:60px;height:60px;border-radius:16px;margin:0 auto 4px;display:grid;place-items:center;color:#fff;background:var(--navy);box-shadow:0 14px 30px #16313d66}.login-card h1{font-size:27px;text-align:center;color:var(--ink);margin-top:14px}.login-card p.sub{text-align:center;color:var(--muted);font-size:13.5px;margin-bottom:26px}.field{margin-bottom:16px}.field label{display:block;font-size:12.5px;font-weight:600;margin-bottom:7px;color:#4a443a}.field input{width:100%;padding:13px 15px;border:1.5px solid var(--line);border-radius:11px;font-size:14.5px;outline:none;transition:.15s;background:#fffdf8}.field input:focus{border-color:var(--green);box-shadow:0 0 0 4px #1c6e481f}.btn-primary{width:100%;background:var(--navy);color:#fbf9f3;border:none;border-radius:11px;padding:14px;font-size:15px;font-weight:600;transition:.15s;box-shadow:0 10px 24px #16313d4d}.btn-primary:hover{background:var(--navy2);transform:translateY(-1px)}.btn-primary:active{transform:none}.login-err{color:var(--danger);font-size:13px;text-align:center;min-height:18px;margin-bottom:4px;font-weight:500}#app{display:flex;min-height:100vh}.sidebar{width:256px;background:var(--navy);color:var(--navy-mut);flex-shrink:0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#274a57;border-radius:3px}.brand{display:flex;align-items:center;gap:12px;padding:24px 22px 20px}.brand .bmark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#2a6e5a,#c08a2d)}.brand .bt b{font-family:Fraunces;font-size:20px;color:#fff;letter-spacing:.5px;display:block;line-height:1}.brand .bt span{font-size:9.5px;letter-spacing:2.4px;color:var(--navy-mut);font-weight:600;margin-top:3px;display:block}.menu-label{font-size:10px;letter-spacing:1.8px;color:#5e7882;padding:16px 24px 8px;font-weight:600}.nav{padding:0 14px}.nav a,.nav .group-head{display:flex;align-items:center;gap:13px;padding:11px 14px;color:#aebcbf;font-size:14.5px;text-decoration:none;border:none;background:none;width:100%;text-align:left;border-radius:11px;transition:.15s;margin-bottom:2px;font-weight:500}.nav a:hover,.nav .group-head:hover{background:#ffffff0d;color:#fff}.nav a.active{background:#ffffff1a;color:#fff;font-weight:600}.nav a.active .ico{color:var(--gold)}.ico{width:20px;display:grid;place-items:center;opacity:.92}.group-head{justify-content:space-between}.caret{transition:transform .2s;display:grid;place-items:center}.group.open .caret{transform:rotate(90deg)}.submenu{max-height:0;overflow:hidden;transition:max-height .25s ease}.group.open .submenu{max-height:200px}.submenu a{padding-left:30px;font-size:13px;color:#94a5a9}.submenu a:before{content:"";width:6px;height:6px;border-radius:50%;background:#34555f;flex-shrink:0}.submenu a.active{background:none;color:#fff;font-weight:600}.submenu a.active:before{background:var(--gold)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{background:var(--bg);display:flex;align-items:center;gap:22px;padding:0 30px;height:80px;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line)}.tb-left{display:flex;align-items:center;gap:8px}.hamb{background:none;border:none;color:var(--ink);display:grid;place-items:center}.crumb{font-family:Fraunces;font-size:24px;font-weight:600;color:var(--ink)}.topsearch{flex:1;max-width:440px;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:11px 15px;color:var(--muted)}.topsearch input{border:none;background:none;outline:none;flex:1;font-size:14px;color:var(--ink)}.topsearch input::placeholder{color:var(--muted2)}.tb-right{margin-left:auto;display:flex;align-items:center;gap:14px}.company{font-size:13px;color:var(--muted);font-weight:500}.company b{color:var(--ink);font-weight:600}.iconbtn{background:var(--surface);border:1px solid var(--line);color:#4a544b;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;transition:.15s}.iconbtn:hover{background:#efe7d6}.signout{background:var(--navy);color:#fbf9f3;border:none;padding:10px 20px;border-radius:11px;font-size:13.5px;font-weight:600;transition:.15s}.signout:hover{background:var(--navy2)}.rolepill{font-size:12px;font-weight:600;padding:5px 12px;border-radius:20px;letter-spacing:.3px}.rolepill.unofficial{background:var(--green-soft);color:var(--green)}.rolepill.official{background:#f0ead9;color:var(--gold-d)}.content{padding:30px;flex:1;animation:fade .3s ease}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}.stat{position:relative;background:var(--surface);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);border:1px solid var(--line2);overflow:hidden;transition:.2s}.stat:after{content:"";position:absolute;top:-30px;right:-30px;width:120px;height:120px;border-radius:50%;background:#c08a2d0f}.stat:hover{transform:translateY(-3px);box-shadow:0 14px 36px #2828141a}.stat .t{font-size:11px;letter-spacing:1px;color:var(--muted);font-weight:600;text-transform:uppercase}.stat .v{font-size:34px;font-weight:600;color:var(--green);margin-top:12px;line-height:1.05}.stat .v .unit{font-size:16px;color:var(--muted);margin-left:5px;font-family:IBM Plex Sans}.stat .sub2{font-size:12.5px;color:var(--muted2);margin-top:10px}.panel{background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);margin-bottom:28px;border:1px solid var(--line2)}.panel-head{padding:22px 26px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;border-bottom:1px solid var(--line2)}.panel-head h2{font-size:22px;color:var(--ink)}.panel-body{padding:24px 26px}.btns{display:flex;gap:10px;flex-wrap:wrap}.btn{border:none;border-radius:11px;padding:10px 18px;font-size:13.5px;font-weight:600;display:inline-flex;align-items:center;gap:7px;transition:.15s}.btn:hover{transform:translateY(-1px)}.btn:active{transform:none}.btn.soft{background:var(--surface2);color:#4a544b;border:1px solid var(--line)}.btn.soft:hover{background:#f3ece0;border-color:var(--tan-line)}.btn.add,.btn.ghost{background:var(--navy);color:#fbf9f3}.btn.add:hover,.btn.ghost:hover{background:var(--navy2)}.btn.gold{background:var(--gold);color:#fff}.btn.gold:hover{background:var(--gold-d)}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:14px 26px;background:var(--tan);border-bottom:1px solid var(--tan-line)}tbody td{padding:16px 26px;font-size:14px;border-bottom:1px solid var(--line2);color:#3c4339}tbody tr{transition:.12s}tbody tr:last-child td{border-bottom:none}tbody tr.click{cursor:pointer}tbody tr.click:hover{background:#f4efe3}tbody tr.click:hover .chev{opacity:1;transform:translate(0)}.chev{float:right;color:var(--green);font-weight:600;opacity:0;transform:translate(-6px);transition:.15s;display:inline-flex;align-items:center;gap:3px;font-size:13px}.empty{text-align:center;color:var(--muted);padding:40px;font-size:14px}.empty .eic{display:grid;place-items:center;margin-bottom:10px;color:#c9bfa6}.tag{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;padding:4px 12px;border-radius:20px}.tag.yes{background:var(--green-soft);color:var(--green)}.tag.no{background:#efe7d6;color:var(--muted)}.role{background:#f0ead9;color:var(--gold-d);font-size:12.5px;font-weight:600;padding:4px 12px;border-radius:20px}.row-actions{display:flex;gap:8px}.mini{border-radius:9px;padding:7px 13px;font-size:13px;border:1.5px solid var(--line);background:var(--surface2);color:#4a544b;font-weight:600;transition:.15s;display:inline-flex;align-items:center;gap:5px}.mini:hover{border-color:var(--green);color:var(--green)}.mini.del{color:var(--danger);border-color:#e7c4b9}.mini.del:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.filterbar{background:var(--surface);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);margin-bottom:28px;display:flex;align-items:flex-end;gap:22px;flex-wrap:wrap;border:1px solid var(--line2)}.filterbar .field{margin:0}.filterbar input[type=date]{padding:11px 14px;border:1.5px solid var(--line);border-radius:11px;font-size:14px;background:#fffdf8;transition:.15s}.filterbar input[type=date]:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 4px #1c6e481f}.page-title{font-family:Fraunces;font-size:27px;color:var(--ink);font-weight:600;margin-bottom:22px}.chartwrap{display:flex;gap:10px}.ylab{writing-mode:vertical-rl;transform:rotate(180deg);color:var(--muted);font-size:12px;font-weight:600;align-self:center}.chart{display:flex;align-items:flex-end;gap:9px;height:270px;padding:0 4px 4px;border-left:1.5px solid var(--line);border-bottom:1.5px solid var(--line);flex:1}.chart .bar{flex:1;background:linear-gradient(180deg,#3a9b6a,#1c6e48);border-radius:6px 6px 0 0;min-height:4px;position:relative;transition:.25s;animation:grow .55s cubic-bezier(.2,.8,.2,1) backwards}.chart .bar:hover{filter:brightness(1.07)}.chart .bar:hover .tip{opacity:1;transform:translateY(-4px)}@keyframes grow{0%{height:0!important}}.chart .bar .lbl{position:absolute;bottom:-22px;left:0;right:0;text-align:center;font-size:10.5px;color:var(--muted)}.chart .bar .tip{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:var(--navy);color:#fff;font-size:11px;padding:3px 9px;border-radius:6px;white-space:nowrap;opacity:0;transition:.15s;pointer-events:none;font-weight:600}.chart-axis{text-align:center;margin-top:8px;font-size:12px;color:var(--muted);font-weight:600}.linechart{width:100%;height:auto;overflow:visible;display:block}.datesel{padding:9px 34px 9px 14px;border:1px solid var(--line);border-radius:11px;font-size:13.5px;font-weight:600;color:var(--ink);background:var(--surface2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%238a7e66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 5 4 4 4-4'/%3E%3C/svg%3E") no-repeat right 13px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-family:IBM Plex Sans}.datesel:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 4px #1c6e481f}.loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--muted);font-size:14px;font-weight:500}.spin{width:22px;height:22px;border:3px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.lc-grid{stroke:var(--line2);stroke-width:1}.lc-line{fill:none;stroke:var(--green);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:2800;stroke-dashoffset:2800;animation:lcdraw 1.15s ease forwards}@keyframes lcdraw{to{stroke-dashoffset:0}}.lc-area{opacity:0;animation:lcfade .8s ease .55s forwards}@keyframes lcfade{to{opacity:1}}.lc-dot{fill:#fff;stroke:var(--green);stroke-width:2.5;transition:.15s}.lc-hit{fill:transparent;cursor:pointer}.lc-pt:hover .lc-dot{stroke-width:3.5;r:6}.lc-xlbl{fill:var(--muted);font-size:11px;text-anchor:middle;font-family:IBM Plex Sans}.lc-ylbl{fill:var(--muted);font-size:11px;text-anchor:end;font-family:IBM Plex Sans}.lc-tipbg{fill:var(--navy);opacity:0;transition:.15s;pointer-events:none}.lc-tiptx{fill:#fff;font-size:11px;font-weight:600;text-anchor:middle;opacity:0;transition:.15s;pointer-events:none;font-family:IBM Plex Sans}.lc-pt:hover .lc-tipbg,.lc-pt:hover .lc-tiptx{opacity:1}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#10253080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;z-index:40;animation:fade .2s}.modal-side{background:var(--bg);margin-left:auto;width:min(80%,1180px);display:flex;flex-direction:column;animation:slidein .28s cubic-bezier(.2,.85,.25,1)}@keyframes slidein{0%{transform:translate(60px);opacity:.3}to{transform:none;opacity:1}}.modal-side .mhead{background:var(--navy);color:#fff;padding:24px 32px;display:flex;justify-content:space-between;align-items:center}.modal-side .mhead h2{font-size:23px;font-weight:600;color:#fff}.modal-side .mbody{padding:24px 32px;overflow:auto}.modal-side table{background:var(--surface);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--line2)}.xclose{background:#ffffff24;border:none;color:#fff;width:38px;height:38px;border-radius:11px;transition:.15s;display:grid;place-items:center}.xclose:hover{background:#ffffff42}.modal-center{margin:auto;background:var(--surface);width:min(92%,460px);border-radius:18px;overflow:hidden;box-shadow:0 40px 90px #0006;border:1px solid var(--line2);animation:pop .25s cubic-bezier(.2,.85,.25,1)}.modal-center .mhead{background:var(--navy);color:#fff;padding:22px 26px;display:flex;justify-content:space-between;align-items:center}.modal-center .mhead h2{font-size:21px;color:#fff}.modal-center .mbody{padding:26px}.modal-center .field label{font-size:13px;font-weight:600;color:#4a443a}.modal-center input{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:11px;font-size:14px;background:#fffdf8;transition:.15s}.modal-center input:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 4px #1c6e481f}.modal-foot{display:flex;justify-content:flex-end;gap:12px;margin-top:4px}.btn-cancel{background:#ece3d2;color:#5a5446;border:none;border-radius:11px;padding:12px 22px;font-weight:600;transition:.15s}.btn-cancel:hover{background:#e3d9c5}.btn-save{background:var(--navy);color:#fbf9f3;border:none;border-radius:11px;padding:12px 28px;font-weight:600;box-shadow:0 10px 22px #16313d47;transition:.15s}.btn-save:hover{background:var(--navy2)}.btn-danger{background:var(--danger);color:#fff;border:none;border-radius:11px;padding:12px 26px;font-weight:600;box-shadow:0 10px 22px #c0492f4d;transition:.15s}.btn-danger:hover{filter:brightness(.95)}.form-grid{display:grid;gap:16px}.form-row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field select.inp{width:100%;padding:12px 14px;border:1.5px solid var(--line);border-radius:11px;font-size:14px;background:#fffdf8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%238a7e66' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 5 4 4 4-4'/%3E%3C/svg%3E") no-repeat right 14px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:.15s}.field select.inp:focus{border-color:var(--green);outline:none;box-shadow:0 0 0 4px #1c6e481f}.perms-label{font-size:13px;font-weight:600;color:#4a443a;margin-bottom:8px}.perms{display:flex;gap:10px;flex-wrap:wrap}.toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1.5px solid var(--line);border-radius:11px;padding:11px 13px;font-size:13.5px;font-weight:600;color:#4a544b;flex:1;min-width:96px;background:#fffdf8}.sw{position:relative;width:38px;height:22px;flex-shrink:0}.sw input{opacity:0;width:0;height:0;position:absolute}.sw .slide{position:absolute;top:0;right:0;bottom:0;left:0;background:#d9cfba;border-radius:20px;transition:.2s;cursor:pointer}.sw .slide:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.2s;box-shadow:0 1px 3px #00000040}.sw input:checked+.slide{background:var(--green)}.sw input:checked+.slide:before{transform:translate(16px)}.err{color:var(--danger);font-size:12.5px;font-weight:500;min-height:18px;margin-top:2px}.confirm-ic{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#f6e1da;color:var(--danger);margin:0 auto 16px}.confirm-txt{text-align:center;color:#4a544b;font-size:14.5px;line-height:1.5;margin-bottom:24px}.confirm-txt b{color:var(--ink)}.foot{padding:20px 30px;display:flex;justify-content:space-between;color:#a99e85;font-size:13px;border-top:1px solid var(--line);background:var(--surface)}#toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%) translateY(80px);background:var(--navy);color:#fff;padding:14px 22px;border-radius:12px;font-size:14px;font-weight:500;box-shadow:0 16px 36px #0000004d;z-index:60;opacity:0;transition:.3s;display:flex;align-items:center;gap:9px}#toast.show{transform:translate(-50%) translateY(0);opacity:1}#toast .dot{display:grid;place-items:center;color:var(--gold)}@media (max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.topsearch{display:none}}@media (max-width:720px){.sidebar{position:fixed;left:0;transform:translate(-100%);transition:.25s;z-index:30;box-shadow:6px 0 40px #0006}.sidebar.show{transform:none}.stats{grid-template-columns:1fr}.modal-side{width:100%}.company{display:none}}@media print{body{background:#fff!important;color:#000!important}.sidebar,.topbar,.foot,.btns,.filterbar,.xclose,.btn,#toast,.hintLine{display:none!important}.main{margin:0!important;padding:0!important;height:auto!important;min-height:auto!important}.content{padding:0!important}.panel{box-shadow:none!important;border:none!important;background:transparent!important;margin:0!important}.panel-head{padding:0 0 10px!important;border-bottom:2px solid #000!important;margin-bottom:20px!important}.panel-head h2{color:#000!important;font-size:24px!important}table{width:100%!important;border-collapse:collapse!important}thead th{background:#f0f0f0!important;color:#000!important;border-bottom:2px solid #000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}tbody td{border-bottom:1px solid #ddd!important;color:#000!important}body:has(.modal-overlay) #app{display:none!important}body:has(.modal-overlay) .modal-overlay{position:static!important;background:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:0!important;display:block!important}body:has(.modal-overlay) .modal-side,body:has(.modal-overlay) .modal-center{width:100%!important;max-width:100%!important;box-shadow:none!important;border:none!important;margin:0!important;background:transparent!important}body:has(.modal-overlay) .modal-side .mhead,body:has(.modal-overlay) .modal-center .mhead{background:none!important;color:#000!important;padding:0 0 10px!important;border-bottom:2px solid #000!important}body:has(.modal-overlay) .modal-side .mhead h2,body:has(.modal-overlay) .modal-center .mhead h2{color:#000!important}body:has(.modal-overlay) .modal-side .mbody,body:has(.modal-overlay) .modal-center .mbody{padding:20px 0!important;overflow:visible!important}}