:root{--bg:#08090b;--bg-grad:radial-gradient(120% 90% at 50% -20%, #14181f 0%, #08090b 62%);--surface:#101317;--surface-2:#161a20;--surface-3:#1c2128;--line:#262c34;--line-soft:#1a1e24;--ink:#e9ebee;--ink-2:#a2aab5;--ink-3:#6b7480;--ink-4:#464e59;--accent:#cfae6a;--accent-dim:#8a7440;--accent-ink:#0a0b0d;--cool:#86a9c8;--good:#74bf95;--warn:#dda15e;--bad:#cf7267;--shadow:0 1px 2px #00000080, 0 12px 40px -18px #000000e6;--sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Inter, system-ui, sans-serif;--serif:ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;--mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--r-sm:8px;--r:12px;--r-lg:18px;--pad:22px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f6f5f2;--bg-grad:radial-gradient(120% 90% at 50% -20%, #fff 0%, #f2f1ed 60%);--surface:#fff;--surface-2:#faf9f6;--surface-3:#f1efe9;--line:#e2ded4;--line-soft:#ece9e1;--ink:#1a1c1f;--ink-2:#555c66;--ink-3:#838b95;--ink-4:#adb3bb;--accent:#8d6f28;--accent-dim:#c3ac77;--accent-ink:#fffdf7;--cool:#43698c;--good:#33795a;--warn:#9a6a22;--bad:#a94d43;--shadow:0 1px 2px #1e190f0d, 0 14px 40px -22px #1e190f59;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);background-image:var(--bg-grad);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-attachment:fixed;margin:0;font-size:14.5px;line-height:1.55}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-weight:600}p{margin:0 0 10px}p:last-child{margin-bottom:0}a{color:inherit}button,input,textarea,select{font:inherit;color:inherit}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.app{grid-template-columns:246px minmax(0,1fr);min-height:100%;display:grid}.sidebar{border-inline-end:1px solid var(--line-soft);background:color-mix(in srgb, var(--surface) 55%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);flex-direction:column;height:100vh;padding:26px 16px 18px;display:flex;position:sticky;top:0}.wordmark{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;direction:ltr;align-items:baseline;gap:1px;padding:0 10px 2px;font-size:13.5px;font-weight:600;display:flex}.wordmark .slash{color:var(--accent)}.wordmark-sub{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);margin-bottom:26px;padding:0 10px;font-size:10.5px}.nav{flex-direction:column;flex:1;gap:1px;display:flex;overflow-y:auto}.nav-group{letter-spacing:.13em;text-transform:uppercase;color:var(--ink-4);padding:18px 10px 7px;font-size:10px}.nav-item{border-radius:var(--r-sm);color:var(--ink-2);align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;text-decoration:none;transition:background .14s,color .14s;display:flex}.nav-item:hover{background:var(--surface-2);color:var(--ink)}.nav-item[aria-current=page]{background:var(--surface-3);color:var(--ink)}.nav-item[aria-current=page] .nav-dot{background:var(--accent)}.nav-dot{background:var(--ink-4);border-radius:50%;flex:none;width:5px;height:5px;transition:background .14s}.nav-badge{font-family:var(--mono);color:var(--accent-ink);background:var(--accent);border-radius:20px;margin-inline-start:auto;padding:1px 6px;font-size:10.5px}.sidebar-foot{color:var(--ink-4);border-top:1px solid var(--line-soft);padding:14px 10px 0;font-size:11px;line-height:1.5}.main{min-width:0;max-width:1180px;padding:34px 40px 90px}.page-head{margin-bottom:26px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4);margin-bottom:8px;font-size:10.5px}.page-title{font-family:var(--serif);letter-spacing:-.02em;font-size:33px;font-weight:500;line-height:1.14}.page-sub{color:var(--ink-2);max-width:62ch;margin-top:9px}.grid{gap:16px;display:grid}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.span2{grid-column:span 2}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.row-tight{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.spread{justify-content:space-between;align-items:center;gap:12px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.stack-sm{flex-direction:column;gap:7px;display:flex}.push{margin-inline-start:auto}.mt{margin-top:16px}.mt-sm{margin-top:9px}.card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:var(--pad);box-shadow:var(--shadow)}.card.flush{padding:0;overflow:hidden}.card-head{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.card-title{letter-spacing:-.005em;font-size:14px;font-weight:600}.card-sub{color:var(--ink-3);margin-top:3px;font-size:12.5px}.card-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.subtle{color:var(--ink-3)}.small{font-size:12.5px}.tiny{font-size:11.5px}.mono{font-family:var(--mono)}.serif{font-family:var(--serif)}hr.rule{border:0;border-top:1px solid var(--line-soft);margin:16px 0}.stat{flex-direction:column;gap:4px;display:flex}.stat-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4);font-size:10.5px}.stat-value{font-family:var(--serif);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:30px;line-height:1.05}.stat-value.sm{font-size:22px}.stat-note{color:var(--ink-3);font-size:12px}.stat-value .unit{font-family:var(--sans);color:var(--ink-3);letter-spacing:0;margin-inline-start:3px;font-size:13px}.btn{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface-2);color:var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:500;transition:background .14s,border-color .14s,color .14s,transform 60ms;display:inline-flex}.btn:hover{background:var(--surface-3);border-color:var(--ink-4)}.btn:active{transform:translateY(.5px)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn.primary:hover{background:color-mix(in srgb, var(--accent) 86%, white);border-color:#0000}.btn.ghost{color:var(--ink-2);background:0 0;border-color:#0000}.btn.ghost:hover{background:var(--surface-2);color:var(--ink)}.btn.danger{color:var(--bad);border-color:color-mix(in srgb, var(--bad) 36%, transparent);background:0 0}.btn.danger:hover{background:color-mix(in srgb, var(--bad) 12%, transparent);border-color:var(--bad)}.btn.sm{border-radius:7px;padding:5px 10px;font-size:12px}.btn.block{width:100%}.field{flex-direction:column;gap:6px;display:flex}.field>label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-size:11px}.field .hint{color:var(--ink-4);font-size:12px;line-height:1.45}.input,.textarea,.select{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm);width:100%;color:var(--ink);padding:9px 11px;transition:border-color .14s,background .14s}.input:hover,.textarea:hover,.select:hover{border-color:var(--ink-4)}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);background:var(--surface);outline:none}.input::placeholder,.textarea::placeholder{color:var(--ink-4)}.textarea{resize:vertical;min-height:76px;line-height:1.55}.select{appearance:none;cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--ink-3) 50%), linear-gradient(135deg, var(--ink-3) 50%, transparent 50%);background-position:calc(100% - 15px),calc(100% - 10px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-inline-end:30px}.scale{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.scale button{cursor:pointer;border:1px solid var(--line);background:var(--surface-2);color:var(--ink-3);font-family:var(--mono);border-radius:7px;padding:7px 0;font-size:12px;transition:all .13s}.scale button:hover{border-color:var(--ink-4);color:var(--ink)}.scale button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.scale-ends{color:var(--ink-4);justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.dayrow{grid-template-columns:repeat(7,1fr);gap:4px;max-width:260px;display:grid}.dayrow button{cursor:pointer;border:1px solid var(--line);background:var(--surface-2);color:var(--ink-3);font-size:11.5px;font-family:var(--mono);border-radius:6px;padding:6px 0}.dayrow button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.slider{width:100%;accent-color:var(--accent)}.chip{letter-spacing:.02em;border:1px solid var(--line);color:var(--ink-2);background:var(--surface-2);white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:2px 9px;font-size:11px;display:inline-flex}.chip.accent{border-color:color-mix(in srgb, var(--accent) 45%, transparent);color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.chip.good{border-color:color-mix(in srgb, var(--good) 42%, transparent);color:var(--good);background:color-mix(in srgb, var(--good) 10%, transparent)}.chip.warn{border-color:color-mix(in srgb, var(--warn) 42%, transparent);color:var(--warn);background:color-mix(in srgb, var(--warn) 10%, transparent)}.chip.bad{border-color:color-mix(in srgb, var(--bad) 42%, transparent);color:var(--bad);background:color-mix(in srgb, var(--bad) 10%, transparent)}.chip.cool{border-color:color-mix(in srgb, var(--cool) 42%, transparent);color:var(--cool);background:color-mix(in srgb, var(--cool) 10%, transparent)}.chip button{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:0;padding-inline-start:2px}.chip button:hover{opacity:1}.ifthen{font-family:var(--serif);letter-spacing:-.005em;font-size:16.5px;line-height:1.5}.ifthen .kw{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);vertical-align:2px;margin-inline-end:7px;font-size:10.5px;font-weight:600}.ifthen .then-line{margin-top:5px;display:block}.list{flex-direction:column;display:flex}.list-item{padding:15px var(--pad);border-top:1px solid var(--line-soft);align-items:flex-start;gap:14px;display:flex}.list-item:first-child{border-top:0}.list-item.click{cursor:pointer;transition:background .13s}.list-item.click:hover{background:var(--surface-2)}.list-head{padding:13px var(--pad);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4);border-bottom:1px solid var(--line-soft);background:var(--surface-2);align-items:center;gap:10px;font-size:10.5px;display:flex}.empty{text-align:center;color:var(--ink-3);border:1px dashed var(--line);border-radius:var(--r);background:color-mix(in srgb, var(--surface-2) 60%, transparent);padding:34px 24px}.empty .empty-title{color:var(--ink-2);margin-bottom:5px;font-weight:500}.table{border-collapse:collapse;width:100%;font-size:13px}.table th{text-align:start;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4);padding:11px var(--pad);border-bottom:1px solid var(--line-soft);background:var(--surface-2);font-size:10.5px;font-weight:500;position:sticky;top:0}.table td{padding:12px var(--pad);border-bottom:1px solid var(--line-soft);vertical-align:top}.table tr:last-child td{border-bottom:0}.table .num{text-align:end;font-family:var(--mono);font-variant-numeric:tabular-nums}.bar{background:var(--surface-3);border-radius:3px;height:5px;overflow:hidden}.bar>i{background:var(--accent);border-radius:3px;height:100%;transition:width .3s;display:block}.bar.good>i{background:var(--good)}.bar.cool>i{background:var(--cool)}.modal-scrim{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#040507a8;justify-content:center;align-items:flex-start;padding:6vh 20px 40px;animation:.16s fade;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:100%;max-width:620px;animation:.2s cubic-bezier(.2,.8,.3,1) rise;box-shadow:0 40px 100px -30px #000000e6}.modal.wide{max-width:820px}.modal-head{padding:20px var(--pad) 16px;border-bottom:1px solid var(--line-soft);align-items:center;gap:12px;display:flex}.modal-title{font-family:var(--serif);letter-spacing:-.01em;font-size:20px;font-weight:500}.modal-body{padding:var(--pad);flex-direction:column;gap:16px;display:flex}.modal-foot{padding:16px var(--pad);border-top:1px solid var(--line-soft);background:var(--surface-2);border-radius:0 0 var(--r-lg) var(--r-lg);align-items:center;gap:10px;display:flex}.x{color:var(--ink-3);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:2px 6px;font-size:20px;line-height:1}.x:hover{color:var(--ink);background:var(--surface-2)}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}.notice{border:1px solid var(--line);border-inline-start:2px solid var(--accent);border-radius:var(--r-sm);background:color-mix(in srgb, var(--accent) 6%, transparent);color:var(--ink-2);padding:12px 14px;font-size:12.5px;line-height:1.55}.notice.plain{border-inline-start-color:var(--ink-4);background:var(--surface-2)}.chart{direction:ltr;width:100%;height:auto;display:block;overflow:visible}.chart text{font-family:var(--mono);fill:var(--ink-4);font-size:9px}.chart .grid-line{stroke:var(--line-soft);stroke-width:1px}.chart .axis{stroke:var(--line);stroke-width:1px}.legend{color:var(--ink-3);flex-wrap:wrap;gap:14px;margin-top:10px;font-size:11.5px;display:flex}.legend i{vertical-align:-1px;border-radius:2px;width:9px;height:9px;margin-inline-end:6px;display:inline-block}.kbd{font-family:var(--mono);border:1px solid var(--line);color:var(--ink-3);background:var(--surface-2);border-bottom-width:2px;border-radius:5px;padding:1px 5px;font-size:11px}.timer{font-family:var(--serif);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:46px;line-height:1}.steps{align-items:center;gap:6px;display:flex}.step-dot{background:var(--surface-3);border-radius:2px;flex:1;height:3px}.step-dot.on{background:var(--accent)}.mobile-only{display:none}@media (max-width:1020px){.g4,.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.app{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line-soft);flex-direction:row;align-items:center;gap:10px;height:auto;padding:12px 14px;position:static;overflow-x:auto}.wordmark-sub,.sidebar-foot,.nav-group{display:none}.wordmark{margin:0;padding:0 8px 0 0}.nav{scrollbar-width:none;flex-flow:row;gap:3px;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.nav>div{display:contents}.nav-item{white-space:nowrap;padding:7px 10px}.nav-dot{display:none}.main{padding:22px 16px 70px}.g2,.g3,.g4{grid-template-columns:minmax(0,1fr)}.span2{grid-column:span 1}.page-title{font-size:26px}.mobile-only{display:block}}@media print{.sidebar{display:none}.app{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}[lang=ar]{--sans:"SF Arabic", -apple-system, BlinkMacSystemFont, "Geeza Pro", "Noto Sans Arabic", system-ui, sans-serif;--serif:"Al Bayan", "Baghdad", "Noto Naskh Arabic", "SF Arabic", ui-serif, serif}[lang=ar] .eyebrow,[lang=ar] .stat-label,[lang=ar] .nav-group,[lang=ar] .field>label,[lang=ar] .list-head,[lang=ar] .table th,[lang=ar] .wordmark-sub{letter-spacing:0;text-transform:none;font-size:11px}[lang=ar] .stat-label{font-size:11.5px}[lang=ar] .page-title{line-height:1.3}[lang=ar] .ifthen{line-height:1.75}[lang=ar] .ifthen .kw{letter-spacing:0;font-family:var(--sans);vertical-align:0}[lang=ar] .mono{font-family:var(--sans);letter-spacing:0;font-variant-numeric:tabular-nums}[lang=ar] .stat-value,[lang=ar] .timer{font-family:var(--serif)}p,.small,.ifthen,.stat-note,.card-sub,.empty,.list-item .serif{unicode-bidi:plaintext}[lang=ar] .chart text{font-family:var(--sans);font-size:10.5px}[dir=rtl] .select{background-position:15px,20px;background-image:linear-gradient(45deg, transparent 50%, var(--ink-3) 50%), linear-gradient(135deg, var(--ink-3) 50%, transparent 50%);padding-inline:30px 11px}[dir=rtl] .input[type=date],[dir=rtl] .input[type=number]{text-align:right;direction:ltr}[dir=rtl] .slider{direction:rtl}html{-webkit-text-size-adjust:100%;overscroll-behavior-y:none}*{-webkit-tap-highlight-color:transparent}.btn,.scale button,.dayrow button,.nav-item,.chip,.x,.step-dot,.list-head,.stat-label{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.btn,.scale button,.dayrow button,.nav-item,.x,.list-item.click{touch-action:manipulation}@supports (padding:env(safe-area-inset-top)){.app{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.sidebar{padding-top:calc(26px + env(safe-area-inset-top));padding-bottom:calc(18px + env(safe-area-inset-bottom))}.main{padding-top:calc(34px + env(safe-area-inset-top));padding-bottom:calc(90px + env(safe-area-inset-bottom))}.modal-scrim{padding-bottom:calc(40px + env(safe-area-inset-bottom))}}@media (pointer:coarse){.input,.textarea,.select{padding:12px 13px;font-size:16px}.select{background-position:calc(100% - 17px),calc(100% - 12px)}[dir=rtl] .select{background-position:17px,22px}.btn{padding:11px 16px}.btn.sm{padding:8px 13px;font-size:12.5px}.scale button{padding:12px 0;font-size:13px}.dayrow{max-width:320px}.dayrow button{padding:11px 0;font-size:12.5px}.x{padding:6px 11px;font-size:24px}.nav-item{padding:11px 12px}.slider{height:26px}.list-item{padding-top:18px;padding-bottom:18px}.table td{padding-top:15px;padding-bottom:15px}}@media (min-width:761px) and (max-width:900px){.sidebar{width:210px}.app{grid-template-columns:210px minmax(0,1fr)}.main{padding-left:24px;padding-right:24px}}@media (max-width:760px){@supports (padding:env(safe-area-inset-top)){.sidebar{padding-top:calc(12px + env(safe-area-inset-top));padding-bottom:12px}.main{padding-top:22px;padding-bottom:calc(70px + env(safe-area-inset-bottom))}}}
