:root{--primary: #0f766e;--primary-dark: #115e59;--accent: #fbbf24;--bg: #faf7f2;--line: #e7e0d3;--ink: #1c1917;--ink-soft: #57534e;--good: #15803d;--good-bg: #dcfce7;--warn: #b45309;--warn-bg: #fef3c7;--bad: #b91c1c;--bad-bg: #fee2e2;--radius: 14px;--radius-lg: 22px;--shadow: 0 1px 3px rgba(28, 25, 23, .12)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{font:16px/1.5 system-ui,sans-serif;background:var(--bg);color:var(--ink)}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit}.screen{max-width:480px;margin:0 auto;padding:0 16px calc(96px + env(safe-area-inset-bottom));min-height:100%}.appbar{display:flex;align-items:center;gap:8px;background:var(--primary);color:#fff;margin:0 -16px 14px;padding:calc(12px + env(safe-area-inset-top)) 14px 12px;border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow)}.appbar h1{font-size:20px;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appbar .back{border:none;background:transparent;color:#fff;font-size:26px;min-width:44px;min-height:44px}.appbar .bell{position:relative;border:none;background:transparent;color:#fff;font-size:22px;min-width:44px;min-height:44px}.appbar .bell .dot{position:absolute;top:8px;right:8px;width:10px;height:10px;border-radius:50%;background:var(--accent)}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.grow{flex:1}.center{text-align:center}.muted{color:var(--ink-soft)}.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tile{border:none;border-radius:var(--radius);min-height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:13.5px;color:var(--ink);box-shadow:var(--shadow);padding:8px}.tile .ticon{font-size:30px}.tile:active{transform:scale(.97)}.t1{background:#f3e8ff}.t2{background:#dbeafe}.t3{background:#fde8cd}.t4{background:#fecdd3}.t5{background:#d1fae5}.t6{background:#fbcfe8}.t7{background:#fed7aa}.t8{background:#bae6fd}.t9{background:#ddd6fe}.t10{background:#fef9c3}.btn{background:var(--primary);color:#fff;border:none;border-radius:999px;padding:13px 22px;font-weight:700;font-size:17px;width:100%;min-height:52px}.btn:disabled{opacity:.45}.btn.secondary{background:#fff;color:var(--ink);border:2px solid var(--line)}.btn.danger{background:var(--bad)}.btn.small{width:auto;min-height:42px;padding:8px 18px;font-size:15px}.field{width:100%;border:2px solid var(--line);border-radius:999px;padding:12px 18px;background:#fff;font-size:16px}textarea.field{border-radius:var(--radius)}.badge{display:inline-block;font-size:12.5px;font-weight:700;border-radius:999px;padding:2px 10px}.badge.good{background:var(--good-bg);color:var(--good)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.bad{background:var(--bad-bg);color:var(--bad)}.badge.neutral{background:#eee9df;color:var(--ink-soft)}.banner{border-radius:var(--radius);padding:11px 14px;font-weight:600}.banner.good{background:var(--good-bg);color:var(--good)}.banner.warn{background:var(--warn-bg);color:var(--warn)}.banner.bad{background:var(--bad-bg);color:var(--bad)}.listrow{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--line);background:#fff}.listwrap{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.listrow:last-child{border-bottom:none}.num{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.num.in{color:var(--good)}.num.out{color:var(--bad)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;max-width:480px;margin:0 auto;display:flex;justify-content:space-around;align-items:center;background:#fff;border-top:1px solid var(--line);padding:10px 8px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -3px 14px #1c191714}@media (min-width: 481px){.bottom-nav{border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:1px solid var(--line);border-bottom:none}}.bottom-nav a{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:24px;text-decoration:none;transition:transform .15s ease}.bottom-nav a.active{background:var(--primary);transform:translateY(-10px) scale(1.08);box-shadow:0 4px 12px #0f766e66}.bottom-nav.five{padding:8px 4px calc(8px + env(safe-area-inset-bottom))}.bottom-nav.five a{width:auto;min-width:58px;height:auto;border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:7px 6px;color:var(--ink-soft)}.bottom-nav.five a .nav-label{font-size:10.5px;font-weight:700;letter-spacing:.1px}.bottom-nav.five a.active{background:var(--primary);color:#fff;transform:none;box-shadow:none}.bottom-nav.five .dot{position:absolute;top:6px;right:12px}.auth-wrap{display:grid;place-items:center;min-height:100vh;padding:20px}.auth-card{width:100%;max-width:420px;display:flex;flex-direction:column;gap:12px}.auth-card h1{text-align:center;color:var(--primary);margin:0}