*{box-sizing:border-box}body{margin:0;background:#0a101c;color:#eff4ff;font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.5;cursor:wait}a{color:#8bb2ff}input,select{background:#101c2e;border:1px solid #2a3b54;color:inherit;border-radius:11px;padding:12px;width:100%;min-width:0}input:focus{outline:2px solid #4a79ff}label{display:block;color:#aebdd3;margin:17px 0}label input{display:block;margin-top:7px}.brand{font-size:23px;letter-spacing:3px;font-weight:800;display:flex;align-items:center;gap:12px}.brand span{font-size:10px;color:#8496b1;letter-spacing:2px}.brand i{display:block;width:29px;height:27px;transform:skew(-24deg);background:repeating-linear-gradient(90deg,#8ce7b7 0 5px,transparent 5px 10px)}.auth{max-width:500px;margin:8vh auto;padding:24px}.auth-card{padding:30px;background:#101b2b;border:1px solid #263950;border-radius:22px;margin-top:30px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#8ce7b7;margin:0 0 8px}h1{font-size:28px;line-height:1.2;margin:0 0 14px}h2{font-size:19px;margin:0 0 18px}p{color:#a6b5cb}code{font:12px/1.6 ui-monospace,SFMono-Regular,monospace;overflow-wrap:anywhere}.primary,.secondary{border-radius:11px;padding:12px 20px;font-weight:600}.primary{background:#4778ff;color:white}.secondary{background:#1c2c43;color:#dbe6fb}.auth button.primary{width:100%}.foot,footer{font-size:12px;color:#6f839e}.error{color:#ffb2b6;min-height:22px}.shell{display:grid;grid-template-columns:245px 1fr;min-height:100vh}aside{background:#101a2b;border-right:1px solid #26354a;padding:30px 20px;display:flex;flex-direction:column;gap:35px;position:sticky;top:0;height:100vh}nav{display:grid;gap:6px}nav button,#logout{background:none;color:#9cacbf;text-align:left;padding:12px 14px;border-radius:10px}nav button:hover,nav button.active{color:#fff;background:#203554}nav button.active{box-shadow:inset 3px 0 #8ce7b7}.aside-bottom{margin-top:auto;display:grid;gap:15px}main{padding:35px 40px;min-width:0;max-width:1600px;width:100%;margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}header h1{margin:0}.search{display:flex;gap:10px;margin-bottom:25px}.badge{display:inline-block;background:#173b32;color:#8ce7b7;padding:5px 10px;border-radius:8px;font-size:12px;white-space:nowrap}.badge.warn{background:#45361c;color:#f9d78d}.badge.bad{background:#492b35;color:#ffb6c3}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.metric,.card{background:#111e30;border:1px solid #28394f;border-radius:17px;padding:22px}.metric small{color:#8fa2bb}.metric strong{display:block;font-size:31px;margin-top:9px;color:#9cebc6}.card{margin-bottom:20px}.table-wrap{overflow:auto;max-width:100%}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th{color:#8fa5bf;font-weight:500;white-space:nowrap;padding:13px 12px;border-bottom:1px solid #30405a}td{padding:15px 12px;border-bottom:1px solid #223249;max-width:320px;overflow-wrap:anywhere;vertical-align:top}tr:last-child td{border:0}td.numeric{white-space:nowrap;font-variant-numeric:tabular-nums}.link{background:none;color:#9fc4ff;padding:0;text-align:left}.filters{display:flex;gap:12px;align-items:center;margin-bottom:18px}.filters select{width:auto}.muted{color:#91a4bd}.empty{padding:30px;text-align:center;color:#91a4bd}.notice{border:1px solid #3b5270;background:#172940;border-radius:13px;padding:18px;color:#b8c9df;margin-bottom:20px}.pager{display:flex;justify-content:space-between;align-items:center;margin:16px 0}.row{display:flex;align-items:center;justify-content:space-between;gap:16px}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.account{padding:18px;background:#17263c;border-radius:12px}.account strong{display:block}.account code{display:block;margin:10px 0}#totp-qr{width:200px;height:200px;display:block;margin:20px auto;background:white;padding:8px;border-radius:10px}details{color:#9eafc7}details code{display:block;margin-top:10px;word-break:break-all}[hidden]{display:none!important}footer{margin-top:30px}@media(max-width:1050px){.grid{grid-template-columns:repeat(2,1fr)}main{padding:25px 22px}.shell{grid-template-columns:210px 1fr}.brand{font-size:18px}}@media(max-width:720px){.shell{display:block}aside{position:static;width:100%;height:auto;padding:18px;gap:15px}nav{display:flex;overflow:auto;gap:5px}nav button{white-space:nowrap;font-size:13px}.aside-bottom{display:flex;align-items:center;justify-content:space-between}.grid{gap:10px}.metric,.card{padding:16px}.metric strong{font-size:25px}.details-grid{grid-template-columns:1fr}.search input{font-size:13px}.search button{padding:10px}.filters{flex-wrap:wrap}h1{font-size:24px}main{padding:22px 15px}}

.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 14px;background:#111e30;border:1px solid #28394f;border-radius:16px;padding:15px 20px}.filter-grid label{margin:9px 0;font-size:12px}.filter-grid select,.filter-grid input{margin-top:5px;font-size:13px;padding:10px}.filter-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;padding:12px 0 4px}.small{font-size:12px}.detail-card{margin-top:20px}textarea{width:100%;display:block;resize:vertical;color:inherit;background:#101c2e;border:1px solid #2a3b54;border-radius:11px;padding:12px;font:inherit}.note{padding:15px 0;border-top:1px solid #28394f}.note p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.notes{margin-top:22px}#revoke-form{max-width:350px;margin-top:25px}@media(max-width:1000px){.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.filter-grid{grid-template-columns:1fr}.filter-actions{flex-direction:column}}