@font-face{font-family:Vazirmatn;src:url(/panel/fonts/Vazirmatn-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/panel/fonts/Vazirmatn-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/panel/fonts/Vazirmatn-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(/panel/fonts/Vazirmatn-Black.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:Space Mono;src:url(/panel/fonts/SpaceMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+2212}@font-face{font-family:Space Mono;src:url(/panel/fonts/SpaceMono-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+2212}:root{--ink: #1a1917;--ink-2: #262420;--ink-3: #34322d;--paper: #f7f5f1;--surface: #fffdfa;--bg: #e9e5dd;--bg-2: #efede7;--muted: #6e6a62;--muted-2: #857f74;--muted-3: #a39c90;--line: #ddd8ce;--line-2: #e4dfd5;--accent: oklch(.7 .16 95);--accent-strong: oklch(.62 .15 95);--accent-soft: oklch(.7 .16 95 / .22);--due-past: #c4362f;--due-soon: oklch(.7 .16 95);--due-future: #b8b2a6;--ok: #2e5e3a;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-pill: 999px;--font: Vazirmatn, system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;--font-mono: "Space Mono", ui-monospace, monospace;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--ink);line-height:1.7;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}.mono{font-family:var(--font-mono);direction:ltr;unicode-bidi:isolate}.mono-fa{font-family:var(--font);direction:ltr;unicode-bidi:isolate}.tap{min-height:44px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.screen{min-height:100%;max-width:480px;margin:0 auto;background:var(--paper);display:flex;flex-direction:column;padding-bottom:var(--safe-bottom)}.screen:has(>.tabbar),.screen:has(>.bottom-bar){padding-bottom:0}.topbar{background:var(--ink);color:var(--paper);padding:calc(14px + var(--safe-top)) 18px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar h1{font-size:15px;font-weight:700}.topbar .back{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:36px;padding:6px 12px 6px 10px;margin:-6px 0;border-radius:999px;background:var(--ink-2);border:1px solid var(--ink-3);color:var(--paper);line-height:1}.topbar .back:active{background:var(--ink-3)}.topbar .back-arrow{font-size:18px;font-weight:700;color:var(--accent);line-height:1}.topbar .back-label{font-size:13px;font-weight:700;color:var(--paper)}.body{flex:1;padding:18px;display:flex;flex-direction:column;gap:18px}.logo{width:32px;height:32px;border-radius:50%;background:conic-gradient(from 205deg,var(--accent) 0deg 252deg,var(--ink-3) 252deg 360deg);display:grid;place-items:center;flex:none}.logo:after{content:"";width:22px;height:22px;border-radius:50%;background:var(--ink)}.logo-lg{width:34px;height:34px}.logo-lg:after{width:24px;height:24px}.accent-dock{padding:14px;background:var(--ink)}.body-flush{padding:0;gap:0}.btn{display:block;width:100%;text-align:center;padding:17px;font-size:15.5px;font-weight:700;border-radius:var(--r-md)}.btn-ink{background:var(--ink);color:var(--paper)}.btn-accent{background:var(--accent);color:var(--ink)}.btn-ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.btn:disabled{opacity:.45;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:8px}.field>label{font-size:13.5px;font-weight:700}.field .hint{font-size:12.5px;color:var(--muted)}.field .error{font-size:12.5px;color:var(--due-past);font-weight:500}.input{width:100%;padding:15px 14px;border:1px solid #c9c3b7;border-radius:var(--r-md);background:var(--surface);font-size:16px}.input:focus{outline:none;border:2px solid var(--ink);padding:14px 13px}.input.is-invalid{border-color:var(--due-past)}.input-mono{font-family:var(--font-mono);font-size:19px;letter-spacing:.06em;direction:ltr;text-align:left}.card{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-md);padding:14px}.card-ink{background:var(--ink);color:var(--paper);border:0;border-radius:var(--r-lg);padding:18px}.card-accent{background:var(--accent);color:var(--ink);border:0;border-radius:var(--r-lg);padding:18px}.row{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-md);padding:12px;width:100%;text-align:right}.row .avatar{width:40px;height:40px;border-radius:11px;background:#f1eee7;display:grid;place-items:center;flex:none;font-size:15px;font-weight:700;color:var(--muted)}.row .main{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.row .title{font-size:14.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .sub{font-size:12px;color:var(--muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.due{font-family:var(--font);font-size:12.5px;font-weight:700;border-radius:7px;padding:5px 8px;flex:none}.due-past{color:var(--due-past);background:#c4362f1a}.due-soon{color:#6b4a00;background:#bb9c004d;background:oklch(.7 .16 95 / .3)}.due-future{color:var(--muted)}.chips{display:flex;gap:7px;flex-wrap:wrap}.chip{padding:8px 13px;border-radius:var(--r-pill);font-size:12.5px;border:1px solid #d5d0c6;color:var(--muted);background:transparent;font-weight:500}.chip[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink);font-weight:700}.segmented{display:flex;gap:8px}.segmented button{flex:1;border-radius:var(--r-md);padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--surface);border:1px solid #c9c3b7}.segmented button[aria-pressed=true]{background:var(--accent);border-color:var(--accent-strong)}.segmented .label{font-size:13px;font-weight:700}.segmented .km{font-family:var(--font-mono);font-size:11px;color:var(--muted-2)}.segmented button[aria-pressed=true] .km{color:#4a4436}.consent{display:flex;align-items:flex-start;gap:11px;padding:14px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--surface)}.consent input{width:22px;height:22px;flex:none;margin-top:2px;accent-color:var(--ink)}.consent label{font-size:13.5px;line-height:1.6}.banner{border-radius:var(--r-md);padding:13px 14px;font-size:13.5px;line-height:1.6;display:flex;gap:10px;align-items:flex-start}.banner-warn{background:#bb9c0033;background:oklch(.7 .16 95 / .2);color:#3a3833}.banner-danger{background:#c4362f1a;color:#7a231d}.banner-info{background:var(--bg-2);color:#3a3833}.tabbar{position:sticky;bottom:0;background:#f7f5f1f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid var(--line-2);padding:10px 18px calc(14px + var(--safe-bottom));display:flex;align-items:center;justify-content:space-between;gap:12px}.bottom-bar{position:sticky;bottom:0;margin-top:auto;background:#fffdfa;border-top:1px solid var(--line-2);padding:14px 18px calc(18px + var(--safe-bottom));display:flex;flex-direction:column;gap:8px}.legend-bar{margin:auto -18px -18px;padding:13px 18px 16px;border-top:1px solid var(--line-2);background:var(--bg-2);display:flex;gap:14px;font-size:11.5px;color:var(--muted);align-items:center}.tabs{display:flex;gap:22px;align-items:center}.tab{font-size:13px;color:var(--muted-2);display:flex;flex-direction:column;align-items:center;gap:5px}.tab[aria-current=page]{font-weight:700;color:var(--ink)}.tab .mark{width:16px;height:3px;border-radius:var(--r-pill);background:transparent}.tab[aria-current=page] .mark{background:var(--accent)}.fab{height:52px;padding:0 20px;border-radius:var(--r-pill);background:var(--ink);color:var(--paper);display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;box-shadow:0 8px 20px -8px #1a191799}.stack{display:flex;flex-direction:column;gap:8px}.input-wrap{position:relative;display:flex;align-items:center}.input-wrap .input{padding-left:40px}.input-wrap .suffix{position:absolute;left:14px;font-family:var(--font-mono);font-size:12px;color:var(--muted-2);pointer-events:none}.input-wrap .check{position:absolute;left:14px;color:#298646;font-size:16px;font-weight:700;pointer-events:none}.input-wrap.has-check .input{border:2px solid var(--ink);padding:14px 13px 14px 40px}.muted{color:var(--muted);font-size:13px}.empty{text-align:center;padding:40px 20px;color:var(--muted);font-size:14px;line-height:1.9}.spinner{width:26px;height:26px;border:3px solid var(--line);border-top-color:var(--ink);border-radius:50%;animation:spin .7s linear infinite;margin:0 auto}.spinner-full{min-height:100vh;display:grid;place-items:center}@keyframes spin{to{transform:rotate(360deg)}}