*{box-sizing:border-box;margin:0;padding:0}
body.bg-dark{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#0b1120;color:#e5e7eb;min-height:100vh;display:flex;justify-content:center;align-items:center}
.container{max-width:900px;margin:0;padding:24px;background:#020617;border-radius:16px;box-shadow:0 25px 50px -12px rgba(15,23,42,.9);border:1px solid rgba(148,163,184,.3)}
h1{font-size:1.6rem;margin-bottom:4px}h2{font-size:1.2rem;margin-bottom:12px}
.subtitle{font-size:.85rem;color:#9ca3af;margin-bottom:20px}
.text-center{text-align:center}
.header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:16px}
.user-info{text-align:right}.role-tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:.7rem;margin-left:4px}
.role-1{background:rgba(96,165,250,.15);border:1px solid rgba(96,165,250,.6)}.role-2{background:rgba(249,115,22,.15);border:1px solid rgba(249,115,22,.6)}.role-3{background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.6)}
.card{background:#020617;border-radius:12px;padding:16px 18px;border:1px solid rgba(148,163,184,.4);margin-bottom:18px}
.form-group{margin-bottom:12px}label{display:block;font-size:.9rem;margin-bottom:4px}
input,select{width:100%;padding:9px 10px;border-radius:8px;border:1px solid #1f2937;background:#020617;color:#e5e7eb;font-size:.95rem}
.btn{display:inline-block;padding:9px 14px;border-radius:999px;border:none;cursor:pointer;font-size:.9rem;text-decoration:none;text-align:center}
.btn-primary{background:linear-gradient(90deg,#6366f1,#a855f7);color:#f9fafb}.btn-secondary{background:#111827;color:#e5e7eb;border:1px solid #4b5563}
.btn-link{background:transparent;color:#9ca3af;border:none;padding:4px 8px}.btn-sm{padding:5px 10px;font-size:.8rem}.btn-full{width:100%;margin-top:8px}
.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th,.table td{padding:6px 8px;border-bottom:1px solid rgba(55,65,81,.7)}.table th{text-align:left;font-weight:600;color:#e5e7eb}
.top-menu{display:flex;gap:10px;margin-bottom:14px}.menu-link{font-size:.85rem;color:#9ca3af;text-decoration:none;padding:4px 10px;border-radius:999px;border:1px solid transparent}.menu-link:hover{border-color:#4b5563}
.alert{border-radius:8px;padding:8px 10px;margin-bottom:12px;font-size:.9rem}.alert-error{background:rgba(248,113,113,.15);border:1px solid rgba(248,113,113,.5);color:#fecaca}
.muted{color:#9ca3af;font-size:.9rem}.inline-form{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.records-list{list-style:none;padding:0;margin:0}.records-list li{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid rgba(55,65,81,.6);font-size:.9rem}
.record-number{font-weight:600}.record-time{color:#9ca3af}
.session-info{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;font-size:.85rem}
.actions-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.text-right{text-align:right}