:root{font-family:Inter,"Segoe UI",sans-serif;color:#172b3c;background:#f5f7fa;font-size:14px;--green:#157760;--muted:#697a89;--line:#e3e9ee}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{width:238px;background:#132b3b;color:#e8f2f5;padding:34px 22px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;color:#7ddcbd;font-size:26px;font-weight:800}.brand span{color:white;font-size:21px;letter-spacing:-.5px}.brand small{display:block;font-size:9px;letter-spacing:2px;color:#8eabb8;margin-top:5px}nav{display:grid;gap:8px;margin-top:55px}nav button{text-align:left;border:0;background:transparent;color:#a9bdc8;padding:14px 18px;font-weight:500}nav button.active,nav button:hover{background:#244352;color:white}.sidebar-note{margin-top:auto;font-size:12px;line-height:1.9;border-top:1px solid #35505e;padding-top:20px}.sidebar-note span{color:#98adb8}main{margin-left:238px;padding:38px 46px;width:calc(100% - 238px);max-width:1800px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--green);font-weight:700}h1{font-size:30px;margin:8px 0 0;letter-spacing:-1px}h2{font-size:20px;margin:0 0 12px;letter-spacing:-.4px}p{color:var(--muted);line-height:1.7;margin:6px 0 20px}.header-actions{display:flex;align-items:center;gap:12px}#connection{font-size:12px;color:var(--muted)}button{font:inherit;border:1px solid var(--line);border-radius:7px;background:white;padding:10px 15px;cursor:pointer;color:inherit;transition:.15s}button:hover{border-color:#6aa794;background:#f0f9f6}button:disabled{opacity:.55;cursor:wait}.primary{background:var(--green);color:white;border-color:var(--green);font-weight:600}.primary:hover{background:#105d4b;color:white}label{display:block;font-size:12px;font-weight:600;margin-bottom:18px}input,select,textarea{font:inherit;display:block;width:100%;padding:12px;border:1px solid #cfdbe3;border-radius:6px;margin-top:7px;background:#fff;color:#172b3c}input:focus,select:focus,textarea:focus{outline:2px solid #9fd8c8;outline-offset:2px}.login-card{background:white;border:1px solid var(--line);border-radius:14px;padding:38px;max-width:460px;margin:45px auto}.login-card h2{font-size:27px;line-height:1.3;margin-top:12px}.login-card form button{width:100%}small{font-size:12px;color:var(--muted);line-height:1.6}.login-card small{display:block;margin-top:22px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stats article{background:white;border:1px solid var(--line);border-radius:10px;padding:22px}.stats article>span{color:var(--muted);font-size:12px}.stats strong{display:block;font-size:34px;line-height:1.4;margin:12px 0 4px}.welcome{display:flex;align-items:center;justify-content:space-between;padding:32px;margin:26px 0;background:#e8f1ef;border:1px solid #d9e8e2;border-radius:12px}.welcome h2{font-size:28px;line-height:1.35;margin-top:12px}.welcome p{max-width:540px;margin-bottom:0}.section-title{display:flex;align-items:center;justify-content:space-between;margin:28px 0 16px}.section-title p{margin:0}.table-wrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:10px}table{border-collapse:collapse;width:100%;text-align:left;min-width:760px}th{font-size:11px;font-weight:600;color:var(--muted);padding:16px;background:#fafcfd;border-bottom:1px solid var(--line)}td{padding:18px 16px;border-bottom:1px solid #edf1f4;font-size:13px}td small{display:block;margin-top:5px}td:last-child{min-width:160px}td button{padding:6px 9px;font-size:11px;margin:3px}.badge{display:inline-block;background:#edf3f7;border-radius:5px;padding:5px 8px;font-size:11px;white-space:nowrap}.badge.active{background:#e4f4ed;color:#13684f}.badge.suspended,.badge.revoked,.badge.expired{background:#fbe9e6;color:#a43e33}.badge.pending{background:#fff3d9;color:#8b6421}.search-label{max-width:440px;font-weight:400;color:var(--muted)}.event{background:white;border:1px solid var(--line);border-bottom:0;padding:18px;display:flex;gap:18px;align-items:center}.event:first-child{border-radius:9px 9px 0 0}.event:last-child{border-bottom:1px solid var(--line);border-radius:0 0 9px 9px}.event time{color:var(--muted);font-size:12px;min-width:135px}.event small{display:block;overflow-wrap:anywhere}.empty{text-align:center;color:var(--muted);padding:44px;background:white;border:1px dashed #d4dfe6;border-radius:8px}.warning,#notice{background:#fff5df;border:1px solid #ecd8a6;border-radius:8px;padding:15px 18px;margin-bottom:22px;line-height:1.6;font-size:13px}#notice.error{background:#fff0ed;color:#9f3029;border-color:#f0c8c2}#notice.success{background:#e9f7ef;color:#176143;border-color:#bedac9}footer{margin-top:55px;padding-top:20px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);display:flex;justify-content:space-between}dialog{border:1px solid var(--line);border-radius:12px;padding:28px;width:min(480px,92vw);box-shadow:0 25px 70px #10273933}dialog::backdrop{background:#10273988}dialog h2{margin-bottom:22px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:24px}#new-key{font-family:Consolas,monospace;overflow-wrap:anywhere}button:focus-visible{outline:3px solid #79bba7;outline-offset:2px}[hidden]{display:none!important}@media(max-width:1000px){main{padding:28px 24px}.stats{grid-template-columns:repeat(2,1fr)}.welcome{display:block}.welcome button{margin-top:20px}}@media(max-width:700px){aside{position:static;width:100%;padding:18px}body{display:block}.brand{font-size:20px}nav{display:flex;margin-top:20px;gap:4px;overflow:auto}nav button{padding:10px}.sidebar-note{display:none}main{margin:0;width:100%;padding:24px 16px}header{align-items:flex-start;gap:10px}.header-actions{flex-wrap:wrap;justify-content:flex-end}h1{font-size:25px}.stats{gap:10px}.stats article{padding:16px}.login-card{margin:10px auto;padding:25px}footer{gap:20px}.event{display:block}.event time{display:block;margin-bottom:8px}}