:root{--ground: #f3f5f4;--card: #fff;--line: #dce5e1;--line-soft: #e9efec;--ink: #10211f;--ink-2: #33433f;--muted: #4d5f5c;--side: #0f2624;--teal: #0f6b6b;--amber: #f0b429;--ok: #145c39;--ok-bg: #dff3e8;--warn: #7a4a00;--warn-bg: #fdf0d2;--bad: #8a1c12;--bad-bg: #fde7e4;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font-family:Inter Tight,system-ui,sans-serif}a{color:var(--teal)}a:hover{color:#0a4c4c}h1{margin:0;font-size:30px;font-weight:800;letter-spacing:-.02em}h2{margin:0;font-size:18px;font-weight:700}h3{margin:0;font-size:15px;font-weight:700}p{margin:0}button,input,select{font:inherit}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.shell{min-height:100vh;display:flex;flex-wrap:wrap}.side{flex:1 1 232px;max-width:100%;background:#fff;color:var(--ink);border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column;gap:28px}.brand{display:flex;align-items:center;gap:12px;padding:0 8px}.brand-mark{width:40px;height:40px;border-radius:10px;background:var(--amber);color:var(--side);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px}.brand-text{display:flex;flex-direction:column;font-weight:700;font-size:16px}.brand-text small{font-weight:400;font-size:12px;color:var(--muted)}.nav{display:flex;flex-direction:column;gap:4px}.nav a{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:10px;color:var(--ink-2);text-decoration:none;font-weight:500;font-size:15px}.nav a.on{color:#0a4c4c;font-weight:600}.nav .count{margin-left:auto;background:var(--amber);color:var(--side);font-size:12px;font-weight:700;border-radius:999px;padding:2px 8px}.me{margin-top:auto;padding:12px;border-radius:12px;background:var(--ground);display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}.me-link{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 100%;color:inherit;text-decoration:none;min-height:44px}.me-text{display:flex;flex-direction:column;min-width:0;font-size:14px;font-weight:600}.me-text span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.me-text small{font-size:12px;font-weight:400;color:var(--muted)}.signout{background:none;border:0;color:var(--muted);cursor:pointer;font-size:13px;min-height:32px;padding:0 4px}.signout:hover{color:var(--ink)}.avatar{width:36px;height:36px;flex:none;border-radius:50%;background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.main{flex:999 1 640px;min-width:0;padding:28px clamp(16px,3vw,40px) 48px;display:flex;flex-direction:column;gap:24px}.head{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px;justify-content:space-between}.head-text{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--muted)}.head-text h1{color:var(--ink)}.head-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.search{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;background:#fff;border:1px solid #d5dfdc;border-radius:10px;min-width:280px}.search input{border:0;outline:none;font-size:14px;background:transparent;flex:1;color:var(--ink);min-width:0}.search:focus-within{outline:2px solid var(--teal);outline-offset:1px}.periods{display:flex;background:#e4ebe9;border-radius:10px;padding:4px;gap:4px}.periods button{min-height:36px;padding:0 14px;border:0;border-radius:8px;background:transparent;color:var(--ink-2);font-size:14px;font-weight:500;cursor:pointer}.periods button.on{background:#fff;color:var(--ink);font-weight:600;box-shadow:0 1px 2px #10211f1f}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:14px;min-width:0}.kpi-label{font-size:13px;font-weight:600;color:var(--muted)}.kpi-value{font-family:var(--mono);font-size:30px;font-weight:600;letter-spacing:-.02em}.kpi-foot{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--muted)}.delta{font-weight:700;border-radius:6px;padding:2px 6px;color:var(--ok);background:var(--ok-bg)}.delta.down{color:var(--bad);background:var(--bad-bg)}.section{display:flex;flex-direction:column;gap:12px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.hint{font-size:13px;color:var(--muted)}.grid-sys{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.sys{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:14px;scroll-margin-top:16px}.sys-top{display:flex;align-items:flex-start;gap:12px}.sys-mark{width:40px;height:40px;flex:none;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px}.mark-mauzo{background:#0f6b6b;color:#fff}.mark-soko{background:#131a17;color:#d4f04a}.mark-wafanyakazi{background:var(--amber);color:var(--side)}.mark-cargo{background:#2f4d8a;color:#fff}.mark-global{background:var(--ink);color:var(--amber)}.sys-name{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;font-size:12px;color:var(--muted)}.sys-name h3{color:var(--ink)}.sys-name span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill{font-size:12px;font-weight:700;border-radius:999px;padding:4px 10px;white-space:nowrap;border:0;background:var(--ok-bg);color:var(--ok)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.pill.bad{background:var(--bad-bg);color:var(--bad)}.pill.none{background:#edf1ef;color:var(--muted)}.pill.trial{background:#e3eaf8;color:#22396b}button.pill{cursor:pointer}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:auto}.stat{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--muted)}.stat b{font-family:var(--mono);font-size:18px;font-weight:600;color:var(--ink)}.sys-foot{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted);border-top:1px solid var(--line-soft);padding-top:10px}.row{display:flex;flex-wrap:wrap;gap:16px}.wide{flex:2 1 520px}.narrow{flex:1 1 290px}.legend{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:13px}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:10px;height:10px;border-radius:3px}.source{display:flex;flex-direction:column;gap:6px;font-size:14px}.source div:first-child{display:flex;justify-content:space-between}.source b{font-family:var(--mono);font-weight:600;color:var(--ink)}.track{height:6px;background:var(--line-soft);border-radius:999px;overflow:hidden}.fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#0f6b6b,#00908c)}.empty{padding:24px 0;text-align:center;color:var(--muted);font-size:14px}.places{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}.places>div{display:flex;flex-direction:column;gap:12px;min-width:0}.places h3{font-size:13px;font-weight:600;color:var(--muted)}.geo-credit{font-size:12px}.geo-credit a{color:var(--muted)}.spread{justify-content:space-between}.scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;color:var(--muted);font-size:12px;font-weight:600;padding:10px 8px}td{padding:12px 8px;color:var(--ink-2);border-top:1px solid var(--line-soft)}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}td.strong{font-weight:600;color:var(--ink)}td.mono{font-family:var(--mono);font-size:13px}td.nowrap{white-space:nowrap}.right{text-align:right}.center{text-align:center}.tag{font-size:12px;font-weight:600;border-radius:6px;padding:3px 8px;white-space:nowrap;flex:none;background:#edf1ef;color:var(--ink-2)}.tag-mauzo{background:#dcefee;color:#0a4c4c}.tag-soko{background:#eef8c7;color:#3d4a08}.tag-wafanyakazi{background:var(--warn-bg);color:var(--warn)}.tag-cargo{background:#e3eaf8;color:#22396b}.alert{display:flex;gap:12px;padding:12px;margin:0 -12px;border-radius:12px;transition:background .15s;align-items:flex-start;font-size:14px;font-weight:600}.alert small{display:block;font-size:13px;font-weight:400;color:var(--muted);margin-top:2px}.alert>div{flex:1;min-width:0}.dot{width:10px;height:10px;flex:none;margin-top:5px;border-radius:50%;background:#c27a00}.dot.bad{background:#b42318}.dot.ok{background:#1f7a4d}.linkbtn{background:none;border:0;color:var(--teal);cursor:pointer;font-weight:600;font-size:14px;min-height:44px;padding:0 4px;display:inline-flex;align-items:center}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.tile{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid #e9efec;border-radius:14px;background:linear-gradient(180deg,#f8faf9,#f2f6f4);font-size:12px;color:var(--muted)}.tile-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ink)}.tile-top .dot{margin:0}.tile b{font-family:var(--mono);font-size:20px;font-weight:600;color:var(--ink)}.meter{height:6px;background:#e1e8e6;border-radius:999px;overflow:hidden}.meter div{height:100%;border-radius:999px;background:#1f7a4d}.meter .warn{background:#c27a00}.meter .bad{background:#b42318}.totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.total{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:16px;border-radius:14px;font-size:13px;font-weight:600;text-align:left;cursor:pointer;background:#fff;color:var(--ink);border:1px solid var(--line)}.total b{font-family:var(--mono);font-size:24px;font-weight:600}.total small{font-size:12px;font-weight:400}.total.on{background:#e6f2f0;color:#0a4c4c;border-color:var(--teal)}.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.filters .search{flex:1 1 260px;background:#f6f8f7}.field{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink-2)}select,.input{height:44px;padding:0 12px;border-radius:10px;border:1px solid #d5dfdc;background:#fff;font-size:14px;color:var(--ink)}.btn{min-height:44px;padding:0 16px;border-radius:10px;border:1px solid #c8d4d0;background:#fff;color:var(--ink);font-size:14px;font-weight:600;cursor:pointer}.btn.primary{border:0;background:var(--teal);color:#fff;font-weight:700}.btn:disabled{opacity:.5;cursor:default}.pager{display:flex;align-items:center;justify-content:flex-end;gap:12px;font-size:13px;color:var(--muted)}.phone-btn{background:none;border:0;padding:0;min-height:28px;font-family:var(--mono);font-size:13px;color:var(--teal);cursor:pointer;text-decoration:underline dotted}.lvl{font-size:12px;font-weight:700;border-radius:6px;padding:3px 8px;display:inline-block}.lvl-admin{color:#fff;background:var(--teal)}.lvl-support{color:#0a4c4c;background:#dcefee}.lvl-view{color:var(--ink-2);background:#edf1ef}.lvl-none{color:var(--muted);border:1px dashed #b7c4c0;padding:2px 8px}.person{display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:0;color:var(--ink);cursor:pointer;text-align:left;min-height:44px}.person b,.person small{display:block}.person small{font-size:12px;color:var(--muted);font-weight:400}.person b{font-weight:600}tr.picked td{background:#f0f6f4}.logline{display:flex;flex-wrap:wrap;gap:8px 14px;padding:12px 0;border-top:1px solid var(--line-soft);align-items:flex-start;font-size:14px}.logline time{font-family:var(--mono);font-size:13px;color:var(--muted);width:136px;flex:none}.logline span:last-child{flex:1 1 240px;min-width:0}.panel{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f262473;display:flex;align-items:center;justify-content:center;padding:16px;z-index:10;overflow-y:auto}.dialog{background:#fff;border-radius:14px;padding:24px;width:min(520px,100%);display:flex;flex-direction:column;gap:14px;max-height:calc(100vh - 32px);overflow-y:auto}.form{display:flex;flex-direction:column;gap:12px}.form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--ink-2)}.form .input,.form select{width:100%}.access-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.secret{font-family:var(--mono);font-size:15px;padding:12px;background:#f6f8f7;border-radius:10px;word-break:break-all}.error{color:var(--bad);background:var(--bad-bg);border-radius:10px;padding:10px 12px;font-size:14px}.buttons{display:flex;flex-wrap:wrap;gap:12px}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--ground)}.login .dialog{padding:28px}.notice{background:var(--warn-bg);color:var(--warn);border-radius:10px;padding:10px 12px;font-size:14px}.nav a{position:relative;transition:background .15s,color .15s}.nav a:hover{background:var(--ground);color:var(--ink)}.nav a.on{background:#e6f2f0}.nav a.on:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--teal)}.side{position:sticky;top:0;align-self:flex-start;height:100vh;overflow-y:auto}.card,.sys,.total,.hero-kpi{box-shadow:0 1px 2px #10211f0a,0 10px 28px -16px #10211f1f}.card{border-color:#e4ebe8}.hero{display:flex;flex-direction:column;gap:20px}.hero-top{display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;align-items:flex-start}.hero-date{font-size:14px;color:var(--muted)}.hero h1{margin-top:2px}.pulse-line{display:inline-flex;align-items:center;gap:10px;margin-top:8px;font-size:15px;font-weight:600;color:var(--ok)}.pulse-line.warn{color:var(--warn)}.pulse-line.bad{color:var(--bad)}.pulse{width:10px;height:10px;border-radius:50%;background:#1f9d63;box-shadow:0 0 #1f9d6380;animation:pulse 2.2s infinite;flex:none}.warn .pulse{background:var(--amber)}.bad .pulse{background:#d6402f}@keyframes pulse{70%{box-shadow:0 0 0 9px #1f9d6300}to{box-shadow:0 0 #1f9d6300}}.hero .search svg{stroke:var(--muted)}.hero-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px}.hero-kpi{background:#fff;border:1px solid #e4ebe8;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:8px;transition:transform .18s,box-shadow .18s;min-width:0}.hero-kpi:hover{transform:translateY(-2px)}.hero-kpi .kpi-foot{font-size:12px}.spark{width:100%;height:36px;color:var(--teal);display:block}.sys{position:relative;overflow:hidden;transition:transform .18s,box-shadow .18s}.sys:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--edge, #dce5e1)}.sys:hover{transform:translateY(-3px);box-shadow:0 2px 4px #10211f0d,0 18px 36px -16px #10211f3d}.edge-mauzo{--edge: #0f6b6b}.edge-soko{--edge: #b6d62f}.edge-wafanyakazi{--edge: var(--amber)}.edge-cargo{--edge: #2f4d8a}.edge-global{--edge: #10211f}.pill{display:inline-flex;align-items:center;gap:6px}.pill .live{width:7px;height:7px;border-radius:50%;background:currentColor}.strip{display:flex;gap:2px;height:22px}.strip span{flex:1;min-width:0;border-radius:2px;background:#2fae74;transition:transform .12s;transform-origin:bottom}.strip span:hover{transform:scaleY(1.2)}.strip .warn{background:var(--amber)}.strip .bad{background:#d6402f}.strip .none{background:#e4ebe8}.strip-note{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:-8px}.trend{position:relative;width:100%;min-width:0}.trend svg{display:block;touch-action:pan-y;max-width:100%}.axis-text{font-size:11px;fill:var(--muted);font-family:Inter Tight,system-ui,sans-serif}.end-text{font-size:12px;font-weight:600;fill:var(--ink);font-family:Inter Tight,system-ui,sans-serif}.tip{position:absolute;top:8px;width:178px;pointer-events:none;background:#fff;color:var(--ink-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:12px;display:flex;flex-direction:column;gap:4px;box-shadow:0 10px 24px -10px #10211f4d}.tip small{color:var(--muted)}.tip div{display:flex;align-items:center;gap:6px}.tip b{font-family:var(--mono);font-weight:600;font-size:14px;color:var(--ink);min-width:42px}.tip i{width:8px;height:8px;border-radius:2px;flex:none}.as-table{margin-top:8px;font-size:13px;color:var(--muted)}.as-table summary{cursor:pointer;min-height:32px;display:flex;align-items:center}.alert:hover{background:#f6f8f7}.total{transition:transform .18s,box-shadow .18s}.total:hover{transform:translateY(-2px)}.login .dialog{border:1px solid var(--line);box-shadow:0 20px 44px -24px #10211f4d}.rise{animation:rise .45s cubic-bezier(.2,.7,.2,1) both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@media (min-width: 1180px){.grid-sys:has(>:nth-child(5):last-child){grid-template-columns:repeat(6,minmax(0,1fr))}.grid-sys:has(>:nth-child(5):last-child)>.sys{grid-column:span 2}.grid-sys:has(>:nth-child(5):last-child)>.sys:nth-child(n+4){grid-column:span 3}}@media (max-width: 760px){.side{position:static;height:auto;padding:14px 12px;gap:12px;flex-basis:100%;border-right:0;border-bottom:1px solid var(--line)}.nav{flex-direction:row;overflow-x:auto;scrollbar-width:none;margin:0 -12px;padding:0 12px}.nav a{flex:none}.nav a.on:before{display:none}.me{margin-top:0;padding:4px 10px}.hero .search{min-width:0;flex:1 1 100%}.hero-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-kpi .kpi-value{font-size:26px}.hero-kpi{padding:14px}.hero-kpi:last-child:nth-child(odd),.tile:last-child:nth-child(odd){grid-column:1 / -1}.phone-btn{min-height:44px}.me{flex-wrap:nowrap}.me-link{flex:1}.signout{min-height:44px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.periods{flex:1 1 100%}.periods button{min-height:44px;flex:1}.as-table summary{min-height:44px}}@media (prefers-reduced-motion: reduce){.pulse,.rise{animation:none}.sys,.hero-kpi,.total{transition:none}}