:root{--bg: #0f0f14;--surface: #17171f;--surface-2: #1f1f2a;--border: #2b2b38;--text: #f2f2f7;--text-dim: #9a9aab;--accent: #7c3aed;--accent-dim: #4c1d95;--ladies: #ec4899;--transladies: #22d3ee;--everyone: #a78bfa;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--radius: 14px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:transparent}button{font-family:inherit}.screen{min-height:100%;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 16px calc(env(safe-area-inset-bottom) + 16px);max-width:720px;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--border);margin-bottom:16px}.topbar h1{font-size:18px;margin:0}.topbar .sub{color:var(--text-dim);font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px}.btn{border:none;border-radius:12px;padding:14px 18px;font-size:15px;font-weight:600;cursor:pointer;color:var(--text);background:var(--surface-2);transition:transform .05s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-block{width:100%}.btn-primary{background:var(--accent)}.btn-success{background:var(--success);color:#06210f}.btn-warning{background:var(--warning);color:#2b1900}.btn-danger{background:var(--danger)}.btn-ghost{background:transparent;border:1px solid var(--border)}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.name-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.name-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 12px;text-align:center;font-size:16px;font-weight:600;color:var(--text);cursor:pointer}.name-btn.selected{border-color:var(--accent);background:var(--accent-dim)}.pin-input{width:100%;font-size:28px;letter-spacing:12px;text-align:center;padding:16px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);color:var(--text)}.pin-input:focus{outline:2px solid var(--accent)}.field-label{display:block;color:var(--text-dim);font-size:13px;margin-bottom:8px}.error-text{color:var(--danger);font-size:14px;margin:8px 0}.empty-state{text-align:center;color:var(--text-dim);padding:48px 16px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.badge-ladies{background:color-mix(in srgb,var(--ladies) 20%,transparent);color:var(--ladies)}.badge-transladies{background:color-mix(in srgb,var(--transladies) 20%,transparent);color:var(--transladies)}.badge-everyone{background:color-mix(in srgb,var(--everyone) 20%,transparent);color:var(--everyone)}.badge-status-open{background:color-mix(in srgb,var(--warning) 20%,transparent);color:var(--warning)}.badge-status-assigned{background:color-mix(in srgb,var(--success) 20%,transparent);color:var(--success)}.badge-status-cancelled{background:color-mix(in srgb,var(--danger) 20%,transparent);color:var(--danger)}.notification-card{border-left:4px solid var(--accent)}.notification-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}.notification-note{color:var(--text-dim);font-size:14px;margin:4px 0 12px}.notification-time{color:var(--text-dim);font-size:12px}.response-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.response-row{display:flex;align-items:center;justify-content:space-between;background:var(--surface-2);border-radius:10px;padding:10px 12px;font-size:14px}.response-row .name{font-weight:600}.response-type{font-size:12px;color:var(--text-dim)}.shift-toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-dim)}.switch{position:relative;width:44px;height:26px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);cursor:pointer}.switch.on{background:var(--success)}.switch .knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .15s ease}.switch.on .knob{left:20px}.category-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.category-picker button{padding:14px 8px;border-radius:12px;border:2px solid var(--border);background:var(--surface);color:var(--text);font-weight:700;cursor:pointer}.category-picker button.selected{border-color:var(--accent)}textarea.note-input{width:100%;min-height:64px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:12px;font-size:14px;resize:vertical}.link-btn{background:none;border:none;color:var(--text-dim);font-size:13px;cursor:pointer;text-decoration:underline}.push-banner{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px;font-size:13px;color:var(--text-dim);margin-bottom:12px}