:root{--bg: #f6f7f9;--surface: #ffffff;--ink: #16181d;--muted: #6b7280;--line: #e5e7eb;--brand: #111827;--accent: #2563eb;--ok: #16a34a;--warn: #d97706;--bad: #dc2626;--radius: 10px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--ink);font-size:14px}h1{font-size:20px;margin:0 0 16px}h2{font-size:15px;margin:24px 0 10px}a{color:var(--accent);text-decoration:none}.layout{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;background:var(--brand);color:#e5e7eb;display:flex;flex-direction:column;padding:16px 12px;gap:4px}.sidebar .brand{font-weight:700;color:#fff;padding:8px 10px 18px;font-size:15px}.sidebar a{color:#d1d5db;padding:8px 10px;border-radius:8px;display:block}.sidebar a.router-link-active{background:#ffffff1f;color:#fff}.sidebar .spacer{flex:1}.sidebar .who{font-size:12px;color:#9ca3af;padding:8px 10px;word-break:break-all}.main{flex:1;padding:28px 32px;max-width:1100px}.acting{background:#fef3c7;border:1px solid #fcd34d;border-radius:var(--radius);padding:8px 14px;margin-bottom:18px;display:flex;align-items:center;gap:10px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;margin-bottom:18px}table{width:100%;border-collapse:collapse;background:var(--surface)}.card table{margin:-6px 0}th{text-align:left;font-weight:600;color:var(--muted);font-size:12px;padding:8px 10px;border-bottom:1px solid var(--line)}td{padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border-bottom:none}tr.clickable{cursor:pointer}tr.clickable:hover td{background:#f9fafb}label{display:block;font-size:12px;color:var(--muted);margin:10px 0 4px}input,select,textarea{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:8px;font:inherit;background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid #bfdbfe;border-color:var(--accent)}.row{display:flex;gap:14px}.row>*{flex:1}.inline{display:flex;gap:8px;align-items:center}.inline input{width:auto}button,.btn{font:inherit;border:none;border-radius:8px;padding:8px 14px;background:var(--brand);color:#fff;cursor:pointer}button.secondary,.btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}button.danger{background:#fff;color:var(--bad);border:1px solid #fecaca}button.small{padding:4px 9px;font-size:12px}button:disabled{opacity:.5;cursor:default}.badge{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;background:#e5e7eb;color:#374151}.badge.paid,.badge.active{background:#dcfce7;color:var(--ok)}.badge.pending,.badge.invited{background:#fef3c7;color:var(--warn)}.badge.canceled,.badge.expired{background:#fee2e2;color:var(--bad)}.msg-ok{color:var(--ok)}.msg-err{color:var(--bad)}.muted{color:var(--muted)}.right{text-align:right}.login-wrap{min-height:100vh;display:grid;place-items:center}.login-card{width:380px}.login-card .brand{font-weight:700;font-size:18px;margin-bottom:18px}.divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;margin:16px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.checklist{list-style:none;padding:0;margin:0}.checklist li{padding:6px 0}.checklist .done:before{content:"✓ ";color:var(--ok);font-weight:700}.checklist .todo:before{content:"○ ";color:var(--muted)}.thumb{width:34px;height:34px;object-fit:cover;border-radius:6px;border:1px solid var(--line)}.stock-zero{color:var(--bad);font-weight:700}