*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.app{max-width:var(--col);margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.screen{flex:1;padding:calc(var(--safe-top) + 20px) 24px calc(var(--safe-bottom) + 104px);display:flex;flex-direction:column;gap:18px}.screen.flush{padding-top:0}h1{font-size:30px;line-height:1.1;letter-spacing:-.02em;margin:0;font-weight:800}h2{font-size:20px;line-height:1.25;letter-spacing:-.01em;margin:0;font-weight:800}p{margin:0}.muted{color:var(--muted)}.text{color:var(--text)}.small{font-size:14px}.tiny{font-size:13px;font-weight:700}.center{text-align:center}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.card{background:var(--surface);border-radius:var(--radius);padding:18px 20px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow)}.card.flat{padding:0;overflow:hidden}.card.tap{cursor:pointer;transition:transform .12s ease}.card.tap:active{transform:scale(.99)}label.field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:var(--text)}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{font:inherit;font-weight:600;color:var(--ink);background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-sm);padding:0 16px;height:50px;width:100%}textarea{height:auto;padding:12px 16px;min-height:96px;resize:vertical}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}button,.btn{font:inherit;font-weight:800;font-size:16px;height:54px;padding:0 22px;border-radius:999px;border:2px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;white-space:nowrap;transition:transform .12s ease,opacity .12s ease}button:active,.btn:active{transform:scale(.98)}button:disabled{opacity:.4;cursor:default;transform:none}button.ghost,.btn.ghost{background:var(--surface);color:var(--ink);border-color:var(--line)}button.soft,.btn.soft{background:var(--accent-soft);color:var(--accent);border-color:transparent}button.quiet{background:none;border:none;color:var(--muted);height:auto;padding:0;font-weight:700}button.wide,.btn.wide{width:100%}button.sm,.btn.sm{height:40px;padding:0 16px;font-size:14px}.row{display:flex;gap:10px;align-items:center}.row.between{justify-content:space-between}.grow{flex:1;min-width:0}.topbar{display:flex;align-items:center;gap:12px;padding:calc(var(--safe-top) + 16px) 24px 8px}.brand{font-weight:800;font-size:22px;color:var(--accent);letter-spacing:-.01em}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:5;display:flex;justify-content:center;gap:8px;padding:10px 16px calc(var(--safe-bottom) + 12px);background:var(--surface);border-top:1px solid var(--line)}.tabbar a{flex:1;max-width:160px;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted);font-size:12px;font-weight:800;padding:8px 4px;border-radius:14px}.tabbar a.on{color:var(--accent);background:var(--accent-soft)}.tabbar svg{width:22px;height:22px}.err{color:var(--bad);font-size:14px;font-weight:700}.pill{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:var(--surface-2);color:var(--accent);font-size:13px;font-weight:800;white-space:nowrap}.progress{height:8px;background:var(--line);border-radius:999px;overflow:hidden}.progress>i{display:block;height:100%;background:var(--accent);border-radius:999px;transition:width .3s ease}.seg{display:flex;background:var(--accent-soft);border-radius:999px;padding:4px;gap:4px}.seg button{flex:1;height:40px;border:none;background:transparent;color:var(--accent);font-size:15px;padding:0 8px}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #2b2d421f}.dots{display:flex;align-items:center;justify-content:space-between;padding:8px 4px}.dots button{flex:none;padding:0;border-radius:50%;border-width:3px;border-style:solid;background:var(--surface);height:auto;min-width:0;transition:transform .12s ease,background .12s ease,box-shadow .12s ease}.dots button.on{transform:scale(1.06)}.band{border-radius:0 0 36px 36px;padding:calc(var(--safe-top) + 56px) 24px 28px;display:flex;flex-direction:column;align-items:center;gap:12px;color:#fff}.band .eyebrow{color:#fffc}.band h1{color:#fff;font-size:34px}.bar{height:10px;border-radius:999px;overflow:hidden}.bar>i{display:block;height:100%;border-radius:999px;transition:width .4s ease}:root{--bg: #f7f6fb;--surface: #ffffff;--surface-2: #f1eefb;--ink: #2b2d42;--text: #3c3f58;--muted: #8a8ca3;--line: #e6e3f2;--accent: #6e5bbe;--accent-deep: #4f3f94;--accent-soft: #f1eefb;--green: #33a474;--green-deep: #1e6b49;--green-soft: #e6f5ee;--blue: #4298b4;--blue-deep: #2c6e86;--blue-soft: #e6f2f7;--yellow: #e4ae3a;--yellow-deep: #9a6b00;--yellow-soft: #fbf3df;--bad: #c4362f;--shadow: 0 8px 28px rgba(43, 45, 66, .08);--radius: 20px;--radius-sm: 14px;--col: 430px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}.adm{min-height:100dvh;background:var(--bg);color:var(--ink)}.adm .wrap{max-width:860px;margin:0 auto;padding:calc(var(--safe-top) + 16px) 16px 64px;display:flex;flex-direction:column;gap:14px}.adm .head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.adm .head h1{flex:1}.adm .step{display:flex;gap:12px;align-items:flex-start}.adm .mark{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;background:var(--surface-2);color:var(--muted)}.adm .mark.on{background:var(--good);color:#fff}.adm .mark.lock{background:var(--surface-2);color:var(--muted)}.adm table{width:100%;border-collapse:collapse;font-size:13px}.adm th,.adm td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.adm th{font-weight:600;color:var(--muted);font-size:12px}.adm td.cell{text-align:center;font-variant-numeric:tabular-nums}.adm .scroll{overflow-x:auto}.adm .warn{background:#fff4e5;border:1px solid #f0d8b0;color:#7a4a00;border-radius:var(--radius-sm);padding:10px 12px;font-size:14px}.adm .sm{height:36px;padding:0 12px;font-size:14px;border-radius:8px}.adm .toast{position:fixed;left:50%;transform:translate(-50%);bottom:24px;background:var(--ink);color:#fff;padding:10px 16px;border-radius:12px;font-size:14px;z-index:20}.adm .pill.ok{background:#e6f5ee;color:#1e6b49}.adm .pill.hot{background:#fbe9e4;color:#9c3b27}.adm code{background:var(--surface-2);padding:2px 6px;border-radius:6px;font-size:13px}
