:root{--burgundy: #7a1b2e;--burgundy-2: #9a2740;--burgundy-3: #b23350;--burgundy-dark: #2a0f17;--bg: #f1ecea;--bg-app: #f7f3f1;--surface: #ffffff;--text: #231a1c;--muted: #8a7c80;--muted-2: #9a8d90;--muted-3: #b0a4a7;--border: #e7dedb;--border-2: #e1d6d2;--divider: #f3eeec;--green-bg: #e1f1e7;--green-fg: #1c7a45;--amber-bg: #fbefd6;--amber-fg: #9c6412;--gray-bg: #eeedec;--gray-fg: #7c7075;--radius: 14px;--app-width: 430px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}.app-shell{width:100%;max-width:var(--app-width);margin:0 auto;min-height:100dvh;background:var(--bg-app);display:flex;flex-direction:column;position:relative}@media(min-width:500px){body{background:var(--bg)}.app-shell{box-shadow:0 0 60px #2a0f171a}}.app-body{flex:1;overflow-y:auto;padding:20px 22px 96px}.tabbar{position:sticky;bottom:0;display:flex;background:var(--surface);border-top:1px solid var(--border);padding:8px 4px calc(8px + env(safe-area-inset-bottom))}.tabbar button{flex:1;border:none;background:transparent;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;font-weight:600;color:var(--muted-3);padding:6px 0}.tabbar button.on{color:var(--burgundy)}.tabbar .ico{font-size:21px;line-height:1}.card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border)}.h1{font-size:24px;font-weight:800;letter-spacing:-.5px;margin:10px 2px 18px}.pill{font-size:12.5px;font-weight:600;padding:6px 11px;border-radius:9px;white-space:nowrap;display:inline-block}.pill.green{background:var(--green-bg);color:var(--green-fg)}.pill.amber{background:var(--amber-bg);color:var(--amber-fg)}.pill.gray{background:var(--gray-bg);color:var(--gray-fg)}.btn{width:100%;height:54px;border:none;border-radius:var(--radius);background:var(--burgundy);color:#fff;font-size:16px;font-weight:700}.btn:disabled{opacity:.45}.btn-ghost{background:transparent;border:1.5px solid var(--border);color:var(--burgundy)}.input{width:100%;height:54px;border:1.5px solid var(--border);border-radius:13px;background:var(--surface);color:var(--text);font-size:16px;padding:0 16px;outline:none}.input:focus{border-color:var(--burgundy)}.avatar{width:44px;height:44px;border-radius:12px;background:var(--burgundy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;flex:none}.row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--divider);background:none;border-left:none;border-right:none;border-top:none;width:100%;text-align:left}.row:last-child{border-bottom:none}.muted{color:var(--muted-2);font-size:13px}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:90px;background:var(--burgundy-dark);color:#fff;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:600;z-index:100;max-width:calc(var(--app-width) - 44px)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#231a1c8c;display:flex;align-items:flex-end;justify-content:center;z-index:90}.modal{width:100%;max-width:var(--app-width);background:var(--surface);border-radius:22px 22px 0 0;padding:24px 22px calc(24px + env(safe-area-inset-bottom))}.spinner{padding:40px;text-align:center;color:var(--muted)}.error-text{color:#b3261e;font-size:14px;margin-top:10px}.admin{display:flex;min-height:100dvh}.admin-side{width:240px;flex:none;background:var(--burgundy-dark);padding:22px 14px}.admin-side .brand{color:#fff;font-weight:800;font-size:17px;padding:0 12px 20px}.admin-side button{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:12px;margin-bottom:4px;border:none;border-radius:11px;font-size:14.5px;font-weight:600;background:transparent;color:#c99aa5}.admin-side button.on{background:var(--burgundy);color:#fff}.admin-main{flex:1;padding:28px 34px;overflow-x:auto}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:22px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.stat .val{font-size:26px;font-weight:800;margin-top:6px}table{width:100%;border-collapse:collapse;background:var(--surface);border-radius:var(--radius);overflow:hidden}th,td{text-align:left;padding:13px 16px;font-size:14px;border-bottom:1px solid var(--divider)}th{color:var(--muted);font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.4px}tbody tr:last-child td{border-bottom:none}.table-wrap{overflow-x:auto}