:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18181b;background:#f4f4f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}aside{background:#111113;color:#d4d4d8;padding:28px 18px}aside button{width:100%;border:0;background:transparent;color:#a1a1aa;text-align:left;padding:12px 14px;border-radius:9px;margin:4px 0;font-size:14px}aside button:hover,aside button.active{background:#27272a;color:#fff}.brand{display:flex;gap:12px;align-items:center;font-weight:700;margin:0 8px 34px}.brand>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#fff;color:#111}.brand small{display:block;color:#71717a;font-weight:500;margin-top:2px}main{padding:34px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h1{font-size:26px;margin:0}header p{margin:5px 0;color:#71717a}.account{display:flex;align-items:center;gap:12px;color:#52525b;font-size:14px}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:18px}.card,.panel{background:#fff;border:1px solid #e4e4e7;border-radius:12px;box-shadow:0 1px 2px #00000008}.card{padding:18px}.card small{display:block;color:#71717a}.card strong{display:block;font-size:28px;margin-top:8px}.panel{padding:20px;margin-bottom:18px;overflow:auto}.panel h2{font-size:16px;margin:0 0 16px}.create,.toolbar{display:flex;gap:10px;align-items:end}.create label{font-size:12px;color:#52525b}.grow{flex:1}input,select,button{font:inherit}input,select{border:1px solid #d4d4d8;border-radius:8px;padding:9px 10px;background:#fff;width:100%}.create input{display:block;margin-top:5px}.create label:first-child{width:90px}.create label:nth-child(2){width:180px}button{border:0;background:#18181b;color:#fff;border-radius:8px;padding:9px 13px;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}.secondary,.actions button{background:#f4f4f5;color:#27272a}.created{margin-top:16px;padding:14px;background:#fafafa;border-radius:9px}.created button{float:right}.created pre{white-space:pre-wrap;line-height:1.7;margin-bottom:0}.toolbar{margin-bottom:16px}.toolbar input:first-child{max-width:320px}.toolbar input:nth-child(2){max-width:190px}.toolbar select{max-width:140px}.toolbar .secondary{margin-left:auto;white-space:nowrap}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#71717a;font-weight:600;padding:11px 9px;border-bottom:1px solid #e4e4e7}td{padding:12px 9px;border-bottom:1px solid #f4f4f5;white-space:nowrap}code{font-family:SFMono-Regular,Consolas,monospace;font-size:12px}.badge{padding:4px 8px;border-radius:999px;background:#f4f4f5}.badge.active{background:#dcfce7;color:#166534}.badge.revoked{background:#fee2e2;color:#991b1b}.actions{display:flex;gap:6px}.actions button{padding:6px 9px}.pager{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:16px;color:#71717a}.pager button{background:#f4f4f5;color:#27272a}.error{padding:12px 14px;background:#fee2e2;color:#991b1b;border-radius:9px;margin-bottom:16px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#e0e7ff 0,transparent 38%),#f4f4f5}.login-card{width:min(400px,100%);padding:34px;background:#fff;border:1px solid #e4e4e7;border-radius:16px;box-shadow:0 18px 45px #18181b14}.login-card h1{text-align:center;font-size:23px;margin:14px 0 4px}.login-card>p{text-align:center;color:#71717a;margin:0 0 24px}.login-card label{display:block;font-size:13px;color:#52525b;margin:14px 0}.login-card label input{display:block;margin-top:6px}.login-card>button{width:100%;margin-top:8px;padding:11px}.login-logo{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#18181b;color:#fff;font-weight:800;margin:auto}@media(max-width:1000px){.shell{grid-template-columns:1fr}aside{display:flex;padding:12px;align-items:center}.brand{margin:0 20px 0 0}.brand small{display:none}aside button{width:auto}.stats{grid-template-columns:repeat(2,1fr)}main{padding:20px}}
