:root{--paper:#F2EFE8;--surface:#FFFFFF;--surface-2:#F8F6F0;--ink:#17160F;--ink-2:#45423A;--muted:#75705F;--line:#E2DCCD;--line-2:#D3CDBD;--sy:#FBCE07;--sr:#DD1D21;--good:#2F9E44;--mid:#E0A100;--bad:#DD1D21;--r:12px;--sh:0 1px 2px rgba(23,22,15,.06), 0 8px 24px -12px rgba(23,22,15,.18)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#14130F;--surface:#1D1C17;--surface-2:#232118;--ink:#F2EFE4;--ink-2:#CFC9B8;--muted:#918B79;--line:#2F2C22;--line-2:#3A362A;--sh:0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:IBM Plex Sans,-apple-system,system-ui,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:Jost,system-ui,sans-serif;margin:0;letter-spacing:-.01em;font-weight:600}button{font-family:inherit}.mono{font-family:IBM Plex Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums}:focus-visible{outline:2px solid var(--sr);outline-offset:2px}.app{display:flex;flex-direction:column;min-height:100%;padding-bottom:76px}.topbar{position:sticky;top:0;z-index:20;background:var(--surface);border-bottom:1px solid var(--line);padding:12px 16px;display:flex;align-items:center;gap:12px;padding-top:max(12px,env(safe-area-inset-top))}.topbar .wave{height:3px;background:linear-gradient(90deg,var(--sr) 0 50%,var(--sy) 50% 100%);position:absolute;left:0;right:0;bottom:-1px}.topbar h1{font-size:16px;line-height:1.2}.topbar .sub{font-size:11.5px;color:var(--muted);font-family:IBM Plex Mono,monospace;letter-spacing:.06em}.topbar .sp{margin-left:auto}.iconbtn{background:none;border:1px solid var(--line);color:var(--ink-2);width:34px;height:34px;border-radius:9px;cursor:pointer;font-size:14px;display:grid;place-items:center}main{flex:1;padding:16px;max-width:760px;width:100%;margin:0 auto}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;background:var(--surface);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom)}.tabbar button{background:none;border:0;padding:10px 4px 12px;cursor:pointer;color:var(--muted);font-size:11px;display:flex;flex-direction:column;align-items:center;gap:4px;font-weight:500}.tabbar button .ic{font-size:18px;line-height:1}.tabbar button[aria-current=true]{color:var(--sr)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh)}.card+.card{margin-top:14px}.card-h{padding:14px 16px 0;display:flex;align-items:baseline;gap:8px}.card-h h2{font-size:15px}.card-h .note{font-size:12px;color:var(--muted);margin-left:auto}.card-b{padding:14px 16px 16px}.kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.kpi>div{background:var(--surface);padding:14px 12px}.kpi b{display:block;font-family:Jost,sans-serif;font-size:26px;font-weight:600;line-height:1}.kpi span{display:block;font-size:11.5px;color:var(--muted);margin-top:6px;line-height:1.3}.kpi .delta{font-size:12px;font-weight:600;margin-top:4px}.up{color:var(--good)}.down{color:var(--bad)}.bar{display:flex;height:30px;border-radius:8px;overflow:hidden;background:var(--line)}.bar i{display:block;height:100%}.legend{display:flex;gap:14px;margin-top:10px;flex-wrap:wrap;font-size:12.5px}.legend span{display:flex;align-items:center;gap:6px;color:var(--ink-2)}.legend i{width:10px;height:10px;border-radius:3px;display:block}.rows{display:flex;flex-direction:column}.row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.row .nm{font-weight:500;font-size:14px}.row .sub{font-size:12px;color:var(--muted)}.row .rt{margin-left:auto;text-align:right}.track{flex:1;height:8px;background:var(--line);border-radius:99px;overflow:hidden;max-width:180px}.track i{display:block;height:100%;background:var(--sr);border-radius:99px}.pill{display:inline-block;font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:99px;white-space:nowrap}.p-open{background:#dd1d211f;color:var(--sr)}.p-done,.p-on{background:#2f9e4424;color:var(--good)}.p-off{background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}.hours{display:flex;align-items:flex-end;gap:3px;height:92px;margin-top:6px}.hours>div{flex:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%;gap:2px}.hours i{display:block;border-radius:3px 3px 0 0;min-height:2px}.hours .lbl{font-size:9px;color:var(--muted);text-align:center;font-family:IBM Plex Mono,monospace}.btn{background:var(--sr);color:#fff;border:0;border-radius:10px;padding:11px 18px;font-size:14.5px;font-weight:600;cursor:pointer;width:100%}.btn:disabled{opacity:.55;cursor:default}.btn.sec{background:var(--surface);color:var(--ink);border:1px solid var(--line-2)}.btn.sm{width:auto;padding:7px 13px;font-size:13px;border-radius:8px}.login{min-height:100%;display:grid;place-items:center;padding:24px}.login .box{width:100%;max-width:380px}.login .brand{text-align:center;margin-bottom:26px}.login .brand img{height:44px;margin-bottom:14px}.login .brand p{margin:6px 0 0;color:var(--muted);font-size:13px}label{display:block;font-size:12.5px;color:var(--muted);margin:0 0 6px;font-weight:500}input{width:100%;padding:12px 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--surface);color:var(--ink);font-size:16px;font-family:inherit}.field+.field{margin-top:14px}.err{background:#dd1d211a;color:var(--sr);padding:10px 13px;border-radius:9px;font-size:13px;margin-bottom:14px}.ok{background:#2f9e441f;color:var(--good);padding:10px 13px;border-radius:9px;font-size:13px;margin-bottom:14px}.empty{text-align:center;padding:34px 16px;color:var(--muted);font-size:13.5px}.loading{text-align:center;padding:40px;color:var(--muted);font-size:13.5px}.code{font-family:IBM Plex Mono,monospace;font-size:28px;font-weight:500;letter-spacing:.18em;text-align:center;padding:18px;background:var(--surface-2);border:1px dashed var(--line-2);border-radius:10px;margin:12px 0 6px}.seg{display:flex;gap:6px;margin-bottom:14px}.seg button{flex:1;padding:8px;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:9px;font-size:13px;font-weight:500;cursor:pointer}.seg button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.isi{display:grid;grid-template-columns:repeat(24,1fr);gap:2px;height:34px}.isi-h{border:0;padding:0;border-radius:3px;cursor:pointer;transition:transform .12s,box-shadow .12s}.isi-h:hover{transform:scaleY(1.12)}.isi-h.sec{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--ink-2);opacity:1!important}.isi-eksen{display:flex;justify-content:space-between;margin-top:6px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.isi-bilgi{margin-top:10px;font-size:13px;color:var(--ink-2)}