:root{--brand-a:#00DBDE;--brand-b:#FC00FF;--ink:#1f2937;--muted:#6b7280;--bg:#f7f8fb;--card:#ffffff;--ring: rgba(0,219,222,.35);--fs-base: 16px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font:var(--fs-base)/1.45 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial}html,body{font-size:var(--fs-base)}a{text-decoration:none;color:inherit}.layout{display:flex;flex-direction:column;height:100%}.header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:#fff;border-bottom:1px solid #eef0f3}.header-left,.brand{display:flex;align-items:center;gap:12px}.brand img{height:32px}.brand .tag{font-weight:700;font-size:18px;padding:6px 10px;border-radius:999px;background:linear-gradient(135deg,var(--brand-a),var(--brand-b));color:#fff}.header-right{display:flex;align-items:center;gap:16px}.badge{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--brand-a),var(--brand-b));color:#fff;font-weight:700}.btn{border:0;border-radius:12px;padding:10px 18px;font-weight:700;cursor:pointer;transition:transform .05s ease,box-shadow .2s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg,var(--brand-a),var(--brand-b));color:#fff;box-shadow:0 6px 18px #fc00ff2e}.btn-gradient{background:linear-gradient(135deg,var(--brand-a),var(--brand-b));color:#fff;box-shadow:0 6px 18px #00dbde2e}.btn-secondary{background:#eef2ff;color:#1f2937;border:1px solid #e5e7eb}.btn-danger{background:#ef4444;color:#fff}.btn-ghost{background:#f1f5f9}.btn-outline{background:#fff;color:#1f2937;border:1px solid #e5e7eb}.btn-sm{padding:8px 12px;font-weight:600;border-radius:10px}.btn-gradient-sm{padding:8px 14px;border-radius:10px;background:linear-gradient(135deg,var(--brand-a),var(--brand-b));color:#fff;font-weight:700}.input,select{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}.input:focus,select:focus{outline:none;box-shadow:0 0 0 4px var(--ring)}.input-compact{padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}.main{flex:1;display:flex;min-height:0}.sidebar{width:260px;background:#fff;border-right:1px solid #eef0f3;padding:16px 12px;overflow:auto}.nav-group{margin-bottom:14px}.nav-root{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;font-weight:700;transition:all .2s}.nav-root:hover{background:#f4f6ff}.nav-root.active{background:linear-gradient(135deg,var(--brand-a),var(--brand-b));color:#fff}.nav-root .caret{margin-left:auto;opacity:.8}.nav-sub{margin-left:44px;margin-top:8px;display:grid;gap:10px}.nav-link{display:flex;align-items:center;gap:10px;color:var(--ink);padding:6px 10px;border-radius:10px}.nav-link:hover{background:#f9fafc}.nav-link.active{background:#f1f5ff;border-left:4px solid var(--brand-b);padding-left:12px}.content{flex:1;padding:20px;overflow:auto;display:flex;flex-direction:column}.footer{margin:24px auto 6px;color:var(--muted);font-size:13px}.card{background:var(--card);border-radius:18px;box-shadow:0 6px 16px #0000000a;border:1px solid #eef0f3}.card.pad{padding:18px}.card-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px}.card-title h2{margin:0;font-size:28px;display:flex;align-items:center;gap:10px}.page-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:12px}.page-toolbar .spacer{flex:1}.table-wrap,.table-container{width:100%;overflow:auto}.table{width:100%;border-collapse:separate;border-spacing:0;min-width:900px;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.table th,.table td{padding:12px 14px;border-bottom:1px solid #eef0f3;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:#fff}.table th{background:#fafbff;font-weight:800;text-align:left;border-bottom:1px solid #e5e7eb}.table tr:nth-child(2n) td{background:#fbfdff}.table tr:hover td{background:#f6f9ff}.table thead th.sortable{cursor:pointer}.actions{display:flex;gap:8px;flex-wrap:wrap}.cell-muted{color:#6b7280}.tag{padding:2px 8px;border-radius:999px;font-size:12px;border:1px solid #e5e7eb;background:#fff}.status-busy{background:#fff0f0;border-color:#ffc9c9;color:#c53030}.status-free{background:#effdfc;border-color:#c6fffe;color:#0b8a89}.modal{position:fixed;inset:0;background:#00000059;display:grid;place-items:center;padding:20px;z-index:50}.modal-card{background:#fff;border-radius:16px;width:min(880px,95vw);box-shadow:0 30px 50px #00000040}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eef0f3}.modal-body{padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.modal-body .field{display:flex;flex-direction:column;gap:6px}.modal-body input,.modal-body select,.modal-body textarea{padding:10px 12px;border:1px solid #e5e7eb;border-radius:10px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;padding:12px 16px;border-top:1px solid #eef0f3}.center{display:grid;place-items:center;min-height:100vh}.login-card{width:100%;max-width:520px;background:#fff;border-radius:22px;padding:28px;box-shadow:0 8px 24px #00000014}.login-title{font-size:30px;font-weight:900;margin:0 0 8px}.subtle{color:var(--muted);font-size:14px;margin-bottom:18px}.row{display:grid;gap:10px;margin:14px 0}.db-page .table td,.db-page .table th{max-width:300px}:root[data-theme=dark]{--bg:#0b0b0f;--card:#111318;--ink:#e5e7eb;--muted:#9ca3af;--ring: rgba(0,219,222,.25)}:root[data-theme=dark] body{background:var(--bg);color:var(--ink)}:root[data-theme=dark] .header{background:#0f1116;border-bottom:1px solid #1f2430}:root[data-theme=dark] .brand .tag{color:#fff}:root[data-theme=dark] .sidebar{background:#0f1116;border-right:1px solid #1f2430}:root[data-theme=dark] .card{background:var(--card);border:1px solid #1f2430;box-shadow:none}:root[data-theme=dark] .nav-root:hover{background:#141824}:root[data-theme=dark] .nav-link:hover{background:#141824}:root[data-theme=dark] .nav-link.active{background:#141824;border-left-color:var(--brand-b)}:root[data-theme=dark] .input,:root[data-theme=dark] select{background:#0f1116;border:1px solid #1f2430;color:var(--ink)}:root[data-theme=dark] .input::placeholder{color:#7b8496}:root[data-theme=dark] .btn-secondary{background:#151a22;color:#e5e7eb;border:1px solid #1f2430}:root[data-theme=dark] .btn-outline{background:#0f1116;color:#e5e7eb;border:1px solid #253047}:root[data-theme=dark] .btn-ghost{background:#151a22}:root[data-theme=dark] .table{border-color:#1f2430}:root[data-theme=dark] .table th{background:#151a22;border-bottom:1px solid #1f2430;color:#dfe4ea}:root[data-theme=dark] .table td{background:#111318;border-bottom:1px solid #1a1f2a;color:#e5e7eb}:root[data-theme=dark] .table tr:nth-child(2n) td{background:#0f1219}:root[data-theme=dark] .table tr:hover td{background:#161b26}:root[data-theme=dark] .modal{background:#0000008c}:root[data-theme=dark] .modal-card{background:#10131a;border-color:#1f2430}:root[data-theme=dark] .modal-head,:root[data-theme=dark] .modal-foot{border-color:#1f2430}:root[data-theme=dark] .tag{background:#0f1116;border-color:#293146;color:#c7d0dc}:root[data-theme=dark] .status-busy{background:#2a1013;border-color:#7a2b33;color:#ffb4be}:root[data-theme=dark] .status-free{background:#0f2b2a;border-color:#1e4a49;color:#9be7e5}:root[data-theme=dark] .subtle,:root[data-theme=dark] .cell-muted{color:#a5adbd}