:root{color:#18263b;font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f6f8fb;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,p{margin:0}h1{letter-spacing:-1px;font-size:31px;line-height:1.2}h2{font-size:18px;line-height:1.4}h3{margin-bottom:12px;font-size:15px}p+small{display:block}small,.muted{color:#64748b;font-size:13px}.muted{line-height:1.7}.eyebrow{letter-spacing:1.6px;color:#708097;margin-bottom:8px;font-size:10px;font-weight:700}fieldset{border:0;min-width:0;margin:0;padding:0}input,select,textarea{color:#18263b;background:#fff;border:1px solid #d5ddea;border-radius:7px;width:100%;min-width:0;min-height:40px;padding:8px 11px}input[type=checkbox]{accent-color:#2348d7;vertical-align:middle;flex:none;width:17px;height:17px;min-height:17px}textarea{resize:vertical;min-height:100px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px solid #8ea4f0}button{color:inherit;background:0 0;border:0}.button{color:#fff;white-space:nowrap;background:#2348d7;border:1px solid #2348d7;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.button:hover:not(:disabled){background:#1c3ab1}.button.secondary{color:#31445f;background:#fff;border-color:#d8e0eb}.button.secondary:hover:not(:disabled){background:#f0f4ff;border-color:#9cb1e5}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{align-content:start;gap:7px;font-size:13px;font-weight:600;display:grid}.field small{font-size:12px;font-weight:400}.check{align-items:center;gap:10px;font-size:14px;display:flex}.brand-mark{color:#fff;letter-spacing:-2px;background:#3159e9;border-radius:9px;flex:none;place-items:center;width:44px;height:42px;font-size:20px;font-weight:900;display:grid}.workspace{min-height:100dvh;display:flex}.sidebar{color:#d5deed;z-index:20;background:#101e35;flex-direction:column;width:245px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #ffffff12;align-items:center;gap:11px;padding:25px 20px;display:flex}.brand strong{color:#fff;font-size:16px}.brand small{color:#99abc6;margin-top:3px;font-size:11px;display:block}.sidebar nav{flex:1;padding:16px 12px;overflow-y:auto}.sidebar nav button{text-align:left;color:#c6d3e6;border-radius:8px;align-items:center;gap:12px;width:100%;margin-bottom:4px;padding:11px 14px;font-size:14px;line-height:1.5;display:flex}.sidebar nav button:hover{background:#1b304e}.sidebar nav [aria-current=page]{color:#fff;background:#294473;box-shadow:inset 3px 0 #7695ff}.user{border-top:1px solid #ffffff12;padding:17px 25px}.user strong,.user small{display:block}.user small{color:#a7b6cc;font-size:12px}.user button{align-items:center;gap:10px;margin-top:15px;font-size:13px;display:flex}.workspace>main{width:calc(100% - 245px);margin-left:245px}.topbar{color:#65788f;background:#fff;border-bottom:1px solid #dfe5ef;justify-content:space-between;align-items:center;gap:15px;min-height:73px;padding:18px 35px;font-size:13px;display:flex}.mobile-menu{display:none}.page-content{max-width:1750px;margin:0 auto;padding:34px}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.panel{background:#fff;border:1px solid #dfe5ef;border-radius:12px;margin-bottom:22px;overflow:hidden}.panel>header{border-bottom:1px solid #e7ecf4;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;display:flex}.panel>header p{color:#708198;margin-top:5px;font-size:13px}.filters{flex-wrap:wrap;align-items:end;gap:16px;padding:20px 24px;display:flex}.filters>.field{flex:1;min-width:145px}.report-filters{padding:0 0 20px}.search{color:#8090a7;border:1px solid #d5ddea;border-radius:7px;align-items:center;padding-left:10px;display:flex}.search input{background:0 0;border:0}.selection{background:#edf3ff;border-block:1px solid #cdd9fc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:13px 22px;font-size:13px;display:flex}.selection strong{color:#3654a3}.table-wrap{overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}th{text-align:left;color:#63758d;white-space:nowrap;background:#f8fafd;border-bottom:1px solid #e7edf6;padding:13px 17px;font-size:11px;font-weight:600}td{vertical-align:middle;border-bottom:1px solid #edf0f6;padding:16px 17px;font-size:13px}td small{margin-top:5px;font-size:11px;line-height:1.6;display:block}tr:last-child td{border-bottom:0}.product-name{text-align:left;min-width:170px;max-width:310px;padding:0;font-weight:600;line-height:1.5}.text-button:hover{color:#2348d7;text-decoration:underline}.quantity{color:#000}.quantity.zero{color:#9aa7b8}.quantity.total{color:#000;font-weight:700}.empty{text-align:center;color:#76869c;padding:42px 20px;font-size:14px}.pagination{border-top:1px solid #edf0f6;justify-content:flex-end;align-items:center;gap:10px;padding:15px 20px;display:flex}.pagination>span{color:#718198;margin-right:auto;font-size:12px}.notice{color:#3f597e;background:#eef4ff;border-radius:8px;margin:14px 0;padding:14px 17px;font-size:13px;line-height:1.7}.notice.error{color:#a22e43;background:#fff1f2;border:1px solid #efc8ce;justify-content:space-between;align-items:center;gap:12px;display:flex}.badge{color:#61738b;white-space:nowrap;background:#edf1f6;border-radius:6px;padding:5px 9px;font-size:11px;font-weight:600;line-height:1.4;display:inline-block}.badge.good{color:#267857;background:#eaf7f0}.badge.warning{color:#926019;background:#fff0d5}.alert-row{background:#fffcf6}.own-row{background:#f1f5ff}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px;display:grid}.metric{background:#fff;border:1px solid #dfe5ef;border-radius:11px;padding:22px}.metric span{color:#63758c;font-size:13px;display:block}.metric strong{letter-spacing:-.7px;overflow-wrap:anywhere;margin-top:14px;font-size:27px;display:block}.metric small{margin-top:10px;display:block}.channel-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:22px}.channel-card{padding:23px}.channel-card>strong{letter-spacing:-.7px;margin:22px 0 15px;font-size:25px;display:block}.channel-card small{font-size:11px;display:block}.channel-core{color:#3656b3;background:#eaf0ff}.channel-collectables{color:#7b4bb0;background:#f2ebfc}.channel-jsr{color:#267d68;background:#e7f6f1}.channel-whatnot{color:#805900;background:#fff3cb}progress{accent-color:#4769df;width:100%;height:8px}.details>div{border-bottom:1px solid #edf0f6;justify-content:space-between;gap:15px;padding:11px 0;font-size:13px;display:flex}.details span{color:#718198}.details b{text-align:right;white-space:pre-wrap;font-weight:500}.details{margin:15px 0}.trend{gap:10px;max-height:330px;padding:17px 24px;display:grid;overflow:auto}.trend-day{font-variant-numeric:tabular-nums;align-items:center;gap:15px;font-size:12px;display:flex}.trend-day>span{color:#6e7f94;width:50px}.trend-day>div{background:#f4f6fa;border-radius:4px;flex:1;height:14px}.trend-day i{background:#6683dc;border-radius:4px;height:14px;display:block}.trend-day>b{text-align:right;min-width:100px;font-weight:500}.kpi-metrics{margin:0;padding:20px}.rank{color:#566c90;background:#eef2f8;border-radius:9px;place-items:center;width:31px;height:31px;font-weight:700;display:grid}.rank.first{color:#9c7026;background:#fff0c4}dialog{color:#18263b;background:#fff;border:1px solid #d9e2f0;border-radius:13px;width:min(850px,100vw - 32px);max-height:92dvh;padding:0;box-shadow:0 24px 80px #101e3540}dialog::backdrop{background:#101e3566}dialog[open]{flex-direction:column;display:flex}dialog>form{flex-direction:column;min-height:0;display:flex;overflow:hidden}.dialog-heading{border-bottom:1px solid #dfe5ef;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 25px;display:flex}.dialog-heading h2{font-size:22px}.dialog-heading p{color:#708198;margin-top:7px;font-size:13px;line-height:1.6}.dialog-body{gap:20px;min-height:0;padding:24px;display:grid;overflow-y:auto}.dialog-heading,dialog footer{flex:none}dialog footer{border-top:1px solid #dfe5ef;padding:18px 24px}dialog footer>.actions{justify-content:flex-end}.form-card{border:1px solid #e0e7f0;border-radius:9px;gap:16px;padding:18px;display:grid}.form-card .toolbar{margin:0}.form-card details{font-size:12px}details{margin:14px 0;font-size:13px}summary{cursor:pointer;color:#496391;padding:4px 0}details .grid{margin-top:12px}.history-entry{border-bottom:1px solid #e6edf5;padding:13px 0}.history-entry>b{font-size:13px}.long-text{white-space:pre-wrap;word-break:break-word;max-width:350px}.login-page{justify-content:center;align-items:center;min-height:100dvh;padding:28px;display:flex}.login-card{background:#fff;border:1px solid #dbe2ef;border-radius:15px;gap:25px;width:100%;max-width:455px;padding:36px;display:grid;box-shadow:0 18px 55px #1424450c}.login-card h1{margin-bottom:10px;font-size:28px}.login-card fieldset{gap:20px;display:grid}.login-card .button{min-height:45px}.login-card small{font-size:12px}@media (width<=1200px){.channel-grid,.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.page-content{padding:26px}.sidebar{width:220px}.workspace>main{width:calc(100% - 220px);margin-left:220px}}@media (width<=800px){.sidebar{transition:transform .15s;transform:translate(-100%)}.sidebar.open{transform:none}.workspace>main{width:100%;margin-left:0}.mobile-menu{display:block}.scrim{z-index:19;background:#101e3570;position:fixed;inset:0}.topbar{padding:15px 20px;font-size:12px}.page-content{padding:23px 18px}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{flex-direction:column;align-items:flex-start}.filters{padding:16px}.report-filters{padding-left:0;padding-right:0}.badge{white-space:normal}}@media (width<=500px){h1{font-size:26px}.grid,.grid.three,.channel-grid{grid-template-columns:1fr}.metric{padding:16px}.metric strong{font-size:23px}.dialog-heading,.dialog-body{padding:18px}.page-heading .button{padding:8px}.page-heading{gap:10px}.selection{padding:12px}.login-card{padding:26px}.topbar>.badge{max-width:140px;font-size:10px}}.clock-actions{padding:24px}.clock-actions>.muted{margin-top:18px}.break-reminder{z-index:2;position:sticky;top:0}.strike-entry{border-bottom:1px solid #edf0f6;margin:0;padding:20px 24px}.strike-entry .toolbar{margin-bottom:12px}.long-note{white-space:pre-wrap;overflow-wrap:anywhere}.field>label{gap:7px;display:grid}.rota{grid-template-columns:repeat(7,minmax(190px,1fr));display:grid;overflow:auto}.rota-day{border-bottom:1px solid #e5ebf4;border-right:1px solid #e5ebf4;min-height:150px;padding:16px 12px}.rota-day>h3{color:#61748d;margin-bottom:16px;font-size:12px}.rota-day>p{font-size:11px}.rota-day:last-child{border-right:0}.rota-day .work-block{background:#f2f5fd;border:1px solid #dce5f5;border-left:3px solid #6a86d8;border-radius:7px;margin-bottom:10px;padding:12px;font-size:12px}.work-block>strong,.work-block>b,.work-block>small{display:block}.work-block>strong{color:#516b9d;margin-bottom:5px;font-size:11px}.work-block .long-note{margin-top:8px;font-size:11px}.work-block .actions{margin-top:12px}.work-block .button{min-height:29px;padding:5px 7px;font-size:11px}.work-block.work-break{background:#ecf8f4;border-left-color:#1f947e}.work-block.work-stream{background:#f7f0fd;border-left-color:#9967bb}.work-block.cancelled{opacity:.55}.rota-day .history-entry{font-size:10px}.rota-day details{font-size:11px}.rota-day .badge{white-space:normal;margin-top:7px}.rota-day .long-text{max-width:180px}.rota-day .pagination{flex-wrap:wrap;padding:8px}.rota-day table td,.rota-day table th{padding:8px}.rota-day .details{margin:0}.rota-day .details>div{font-size:11px}.rota-day .notice{padding:8px}.rota-day .actions{gap:5px}.rota-day .history-entry b{font-size:11px}.rota.rota-day{border:0;grid-template-columns:1fr;padding:0}.rota-day>section.rota-day{border:0}.rota.rota-month{grid-template-columns:repeat(7,minmax(190px,1fr))}@media (width<=900px){.rota,.rota.rota-month{grid-template-columns:1fr 1fr}}@media (width<=550px){.rota,.rota.rota-month{grid-template-columns:1fr}}.workspace>main,.page-content,.panel{min-width:0}.table-wrap{max-width:100%}.toolbar>p{max-width:min(700px,100%)}