*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#6c3fc5;--primary-dark:#5230a0;--accent:#f5a623;--bg:#f7f5ff;--white:#fff;--text:#222;--muted:#888;--danger:#e53935;--success:#2e7d32;--radius:12px;--shadow:0 2px 12px #6c3fc51a}body{background:#f7f5ff;background:var(--bg);color:#222;color:var(--text);font-family:Segoe UI,sans-serif;min-height:100vh}button{cursor:pointer}button,input,select,textarea{font-family:inherit}.card{background:#fff;background:var(--white);border-radius:12px;border-radius:var(--radius);box-shadow:0 2px 12px #6c3fc51a;box-shadow:var(--shadow);padding:20px}.btn{border:none;border-radius:8px;display:inline-block;font-size:15px;font-weight:600;padding:12px 24px;transition:opacity .2s}.btn:hover{opacity:.88}.btn-primary{background:#6c3fc5;background:var(--primary);color:#fff}.btn-accent{background:#f5a623;background:var(--accent);color:#fff}.btn-outline{background:#0000;border:2px solid #6c3fc5;border:2px solid var(--primary);color:#6c3fc5;color:var(--primary)}.btn-danger{background:#e53935;background:var(--danger);color:#fff}.btn-sm{font-size:13px;padding:7px 14px}.btn-block{text-align:center;width:100%}.input{border:1.5px solid #ddd;border-radius:8px;font-size:15px;outline:none;padding:11px 14px;transition:border .2s;width:100%}.input:focus{border-color:#6c3fc5;border-color:var(--primary)}.label{color:#888;color:var(--muted);display:block;font-size:13px;font-weight:600;margin-bottom:5px}.badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:700;padding:3px 10px}.badge-pending{background:#fff3cd;color:#856404}.badge-confirm{background:#d4edda;color:#155724}.badge-cancel{background:#f8d7da;color:#721c24}.badge-done{background:#d1ecf1;color:#0c5460}.page-header{align-items:center;background:#6c3fc5;background:var(--primary);color:#fff;display:flex;gap:12px;padding:16px 20px}.page-header h1{font-size:20px}.logo{color:#6c3fc5;color:var(--primary);font-size:22px;font-weight:800;letter-spacing:-.5px}.logo span{color:#f5a623;color:var(--accent)}.spinner{animation:spin .7s linear infinite;border:3px solid #eee;border-radius:50%;border-top:3px solid var(--primary);height:32px;margin:40px auto;width:32px}@keyframes spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.c5b6229c.css.map*/