body{margin:0;font-family:Inter,sans-serif;background:#0c0f14;color:#e6edf3}.layout{display:flex;height:100vh}.sidebar{width:220px;background:#0a0d12;border-right:1px solid #1b2230;padding:20px}.logo{color:#00e0ff;font-size:20px;margin-bottom:30px}.sidebar button{display:block;width:100%;margin-bottom:12px;padding:10px;background:transparent;border:1px solid #1e2636;color:#c9d1d9;cursor:pointer;transition:.2s}.sidebar button:hover{border-color:#00e0ff;color:#00e0ff}.content{flex:1;padding:30px;overflow-y:auto}.panel{background:#11161f;border:1px solid #1f2937;padding:20px;margin-bottom:20px;border-radius:8px}.panel-title{font-size:14px;letter-spacing:1px;color:#7dd3fc;margin-bottom:15px}.status-green{color:#00ff9c}.status-red{color:#ff4d6d}.status-yellow{color:#facc15}table{width:100%;border-collapse:collapse}td,th{padding:10px;border-bottom:1px solid #1e2636}th{text-align:left;color:#8b949e}button,input,select{font-family:inherit;border-radius:6px;border:1px solid #1e2636;background:#ffffff0f;color:#e6edf3;padding:8px 10px;outline:none}button:hover,input:hover,select:hover{border-color:#00e0ff}button:disabled{opacity:.55;cursor:not-allowed}.btn{background:#00e0ff1f;border-color:#00e0ff40;color:#a5f3ff}.btn:hover{background:#00e0ff2e}.btn-primary{background:#3b82f626;border-color:#3b82f659;color:#93c5fd}.btn-primary:hover{background:#3b82f63b}.btn-danger{background:#ef444429;border-color:#ef444459;color:#fecaca}.btn-danger:hover{background:#ef444442}.login-page{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#05070c,#0b0f18)}.login-panel{width:min(420px,90vw);padding:32px;border-radius:14px;background:#192237d9;border:1px solid rgba(0,224,255,.18);box-shadow:0 18px 45px #00000073}.login-panel .logo{margin:0 0 16px;font-size:24px}.login-subtitle{margin:0 0 24px;color:#e6edf3bf}.login-panel form{display:grid;gap:12px}.login-panel label{display:grid;gap:6px;font-size:13px;color:#e6edf3bf}.login-panel input{padding:10px 12px}.login-footnote{margin-top:16px;font-size:12px;color:#e6edf3a6;display:flex;align-items:center;gap:10px}.login-footnote button{padding:6px 10px;border-radius:6px;background:#00e0ff1f;border:1px solid rgba(0,224,255,.25);color:#e6edf3d9;cursor:pointer}.login-footnote button:hover{background:#00e0ff2e}.role-builder{display:grid;gap:8px;margin-bottom:12px;max-width:560px}.role-builder-label{display:grid;gap:6px;font-size:13px;color:#e6edf3cc}.role-builder-scale{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));font-size:12px;color:#e6edf3ad}.role-builder-level{font-size:13px;color:#a5f3ff}