:root{font-family:Inter,system-ui,sans-serif;color:#17211b;background:#f3f6f3}*{box-sizing:border-box}body{margin:0}header{height:64px;background:#173f2a;color:#fff;display:flex;align-items:center;gap:18px;padding:0 max(24px,calc((100% - 1160px)/2));}header b{font-size:20px;margin-right:auto}header form{margin:0}aside{position:fixed;inset:0 auto 0 0;width:250px;background:#173f2a;color:#fff;padding:26px 18px;display:flex;flex-direction:column}.brand{font-size:24px;font-weight:800;padding:0 12px 28px}nav{display:grid;gap:5px}nav a{color:#dcebe2;text-decoration:none;padding:12px;border-radius:10px}nav a:hover{background:#24563b;color:#fff}.account{margin-top:auto;padding:12px;display:grid;gap:12px}.account form{margin:0}.account button{width:100%}main{max-width:1160px;margin:40px auto;padding:0 20px}.withnav{margin-left:270px;margin-right:20px;max-width:none}.title,.row,.search,.actions{display:flex;gap:12px;align-items:center}.title{justify-content:space-between}h1{font-size:32px;margin:0 0 8px}h2{margin-top:0}.card,.table,.login{background:#fff;border:1px solid #dce5de;border-radius:16px;padding:24px;box-shadow:0 8px 30px #173f2a0b}.card{margin-bottom:20px}.login{max-width:430px;margin:80px auto}.login form,.login label,.card label{display:grid;gap:8px}.login form,.card form{gap:18px}input,textarea,select,button,.button{font:inherit;border-radius:10px;border:1px solid #bdcabe;padding:12px 14px}input,select{background:#fff}.row input,.search input{flex:1}button,.button{background:#20754a;color:#fff;border:0;font-weight:700;cursor:pointer;text-decoration:none}.ghost{background:#edf3ee;color:#204b34}.danger{background:#9f2f2f}.search{margin:22px 0}.filters select{min-width:170px}.table{padding:0;overflow:auto}table{border-collapse:collapse;width:100%}th,td{padding:16px;text-align:left;border-bottom:1px solid #edf1ed}small{display:block;color:#718078;margin-top:4px}.status{padding:6px 9px;border-radius:99px;background:#dff4e7;color:#16623a}.status.disabled{background:#eee;color:#666}.status.revoked{background:#f6dddd;color:#8b2525}.actions{justify-content:flex-end}.actions form{margin:0}.flash{padding:12px;background:#fff2c8;border-radius:10px;margin-bottom:16px}textarea{width:100%;height:220px;margin:14px 0;font-family:monospace}@media(max-width:850px){aside{position:static;width:auto}.withnav{margin:25px auto}nav{grid-template-columns:1fr 1fr}.title,.row,.actions,.filters{align-items:stretch;flex-direction:column}.actions .button,.actions button{width:100%}th:nth-child(2),td:nth-child(2),th:nth-child(3),td:nth-child(3){display:none}}