:root{color:#140f25;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#7c3aed1a,#0000 30%),#f7f5ff;margin:0}.page{max-width:1200px;margin:0 auto;padding:28px 18px 40px}.login-page{place-items:center;min-height:100vh;display:grid}.card{background:#ffffffeb;border:1px solid #7c3aed26;border-radius:16px;padding:18px;box-shadow:0 18px 40px #4c1d951a}.login-card{gap:12px;width:min(430px,95vw);display:grid}h1,h2,p{margin:0}label{color:#5f5875;gap:6px;font-size:13px;display:grid}input{border:1px solid #7c3aed33;border-radius:10px;padding:10px 11px;font-size:14px}button{color:#fff;cursor:pointer;background:#7c3aed;border:none;border-radius:10px;padding:10px 14px;font-weight:700}button.secondary{color:#6d28d9;background:#fff;border:1px solid #7c3aed33}button.danger{background:#b91c1c}.error{color:#b91c1c;font-size:13px}.topbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.topbar-actions{gap:8px;display:flex}.badge{color:#6d28d9;text-transform:uppercase;letter-spacing:.08em;background:#7c3aed1f;border-radius:999px;margin-bottom:6px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-block}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;border-bottom:1px solid #7c3aed1f;padding:11px 10px;font-size:13px}th{text-transform:uppercase;letter-spacing:.05em;color:#4c1d95;font-size:12px}.clickable{cursor:pointer}.clickable:hover{background:#7c3aed0d}.empty-cell{text-align:center;color:#8b85a3}.detail{gap:12px;margin-top:14px;display:grid}.detail-head{justify-content:space-between;align-items:center;display:flex}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.detail-grid div{background:#7c3aed0d;border:1px solid #7c3aed24;border-radius:10px;gap:3px;padding:10px;display:grid}.detail-grid span,.message-box span{letter-spacing:.06em;text-transform:uppercase;color:#7f78a1;font-size:11px}.detail-grid strong{color:#140f25;font-size:14px}.message-box{background:#ffffffd9;border:1px solid #7c3aed1f;border-radius:10px;padding:12px}.message-box p{color:#3f365a;margin-top:6px;line-height:1.7}