:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17202a;background:#f5f7fa;font-synthesis:none;--primary: #176b87;--primary-dark: #10536a;--accent: #c46a1b;--border: #d8e0ea;--soft-border: #e9eef4;--muted: #617083;--danger: #b42318;--success: #067647;--warning: #b54708;--panel: #ffffff;--sidebar: #18212c;--shadow: 0 8px 22px rgba(32, 45, 64, .06)}*{box-sizing:border-box}body{margin:0;min-width:1080px;min-height:100vh;background:#f5f7fa}button,input,select,textarea{font:inherit}button,.button-link{border:1px solid var(--primary);border-radius:8px;padding:8px 12px;min-height:36px;background:var(--primary);color:#fff;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}button:hover,.button-link:hover{background:var(--primary-dark);border-color:var(--primary-dark)}button:disabled{opacity:.55;cursor:not-allowed}button.secondary,.button-link.secondary{background:#fff;color:#344054;border-color:var(--border)}button.secondary:hover,.button-link.secondary:hover{background:#f6f8fb;color:#17202a}button.danger{background:#fff7f5;border-color:#f4b4ad;color:var(--danger)}button.danger:hover{background:#fff0ed;border-color:#e59a92}button.ghost{background:transparent;color:#667085;border-color:transparent}.icon-button{width:34px;min-height:34px;padding:0;font-size:22px;line-height:1}input,select,textarea{border:1px solid var(--border);border-radius:8px;padding:9px 11px;background:#fff;color:#17202a;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #176b871f}textarea{resize:vertical;width:100%;margin-bottom:10px}.app-shell{display:grid;grid-template-columns:238px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:22px 16px;background:var(--sidebar);color:#fff;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;padding:2px 8px 22px;border-bottom:1px solid rgba(255,255,255,.1)}.brand-mark{width:40px;height:40px;border-radius:8px;display:grid;place-items:center;font-weight:800;font-size:20px;background:#2b8aa6}.brand strong,.brand span{display:block}.brand span{font-size:12px;color:#a9b5c3;margin-top:2px}.sidebar nav{display:grid;gap:4px;margin-top:20px}.sidebar nav a{color:#c8d2de;text-decoration:none;padding:10px 12px;border-radius:8px;border:1px solid transparent}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#ffffff14;border-color:#ffffff14}.identity-card{margin-top:auto;border-top:1px solid rgba(255,255,255,.1);padding:15px 8px 0;display:grid;gap:7px}.identity-card span{color:#a9b5c3;font-size:12px;overflow:hidden;text-overflow:ellipsis}.identity-card button{margin-top:6px;width:100%}.main-content{padding:22px 30px 56px;min-width:0}.topbar{height:42px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);border-bottom:1px solid var(--soft-border);margin:-22px -30px 24px;padding:0 30px;background:#ffffffb3}.topbar strong{color:#17202a;font-size:13px}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.page-header h1{margin:0;font-size:25px;font-weight:760;letter-spacing:0}.page-header p{margin:6px 0 0;color:var(--muted)}.page-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);padding:18px;margin-bottom:18px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-title h2{font-size:16px;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.stats-grid.compact .stat-card{padding:15px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);padding:17px;display:grid;gap:6px}.stat-card>span{color:var(--muted);font-size:13px}.stat-card strong{font-size:25px;font-weight:780}.stat-card small{color:var(--muted)}.two-column,.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.two-column>.panel,.detail-grid>.panel{min-width:0}.filters{display:flex;gap:10px;align-items:center}.filters label{display:flex;align-items:center;gap:8px}.search-box{display:flex;flex:1;gap:8px}.search-box input{flex:1}.table-wrap{padding:0;overflow:hidden}table{width:100%;border-collapse:collapse}th{background:#f8fafc;color:#516073;font-size:12px;font-weight:700;text-align:left;padding:12px 14px;border-bottom:1px solid var(--border)}td{padding:12px 14px;border-bottom:1px solid var(--soft-border);vertical-align:middle}tbody tr:hover{background:#fbfcfe}tbody tr:last-child td{border-bottom:0}.actions-col{width:1%;text-align:right}.row-actions{display:flex;gap:7px;justify-content:flex-end;flex-wrap:wrap}.row-actions button,.row-actions .button-link{min-height:32px;padding:6px 10px}.block{display:block;margin-top:4px;color:var(--muted)}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.wrap{overflow-wrap:anywhere}.muted-text{color:var(--muted);font-size:12px}.code-copy{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:8px;align-items:center;max-width:380px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700;background:#eef2f6;color:#475467}.badge-active{background:#ecfdf3;color:var(--success)}.badge-pending{background:#fff8e6;color:var(--warning)}.badge-disabled,.badge-expired{background:#fff4ed;color:#b93815}.badge-revoked{background:#fef3f2;color:var(--danger)}.badge-missing{background:#f2f4f7;color:#667085}.badge-exhausted{background:#eef2f6;color:#475467}.empty-state{text-align:center;color:var(--muted);padding:30px}.empty-state button{margin-left:12px}.spinner{display:inline-block;width:16px;height:16px;border:2px solid #cbd5e1;border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin-right:8px;vertical-align:-3px}@keyframes spin{to{transform:rotate(360deg)}}.error-panel{border-color:#fecaca;color:var(--danger)}.error-panel p{color:#7a271a}.notice{border-radius:8px;padding:11px 13px;margin-bottom:16px}.notice.success{background:#ecfdf3;color:var(--success);border:1px solid #b7ebc6}.notice.error{background:#fef3f2;color:var(--danger);border:1px solid #fac5bf}.detail-list{display:grid;grid-template-columns:130px 1fr;row-gap:11px;column-gap:14px;margin:0}.detail-list dt{color:var(--muted)}.detail-list dd{margin:0}.action-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.trend-list,.activity-list{display:grid;gap:10px}.trend-row{display:grid;grid-template-columns:90px 1fr 65px 120px;align-items:center;gap:10px}.trend-bar{height:8px;background:#edf1f6;border-radius:99px;overflow:hidden}.trend-bar i{display:block;height:100%;background:var(--primary);border-radius:inherit}.trend-row small{color:var(--muted)}.activity-row{display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding-bottom:10px;border-bottom:1px solid var(--soft-border)}.activity-row span,.activity-row small,.activity-row time{color:var(--muted);font-size:12px}.activity-row time{grid-column:2;grid-row:1}.pagination{padding:15px;display:flex;justify-content:center;margin-top:4px}.secret-panel{border-color:#f2c779;background:#fffcf3}.secret-panel pre{padding:14px;background:#18212c;color:#d8f7e4;border-radius:8px;white-space:pre-wrap}.audit-list details{border-bottom:1px solid var(--border);padding:12px 0}.audit-list summary{display:grid;grid-template-columns:1fr 1fr 1.5fr auto auto;align-items:center;gap:12px;cursor:pointer}.audit-list summary button{min-height:30px;padding:5px 10px}.audit-list summary span,.audit-list summary time{color:var(--muted)}.audit-list pre{background:#18212c;color:#e4e7ec;padding:14px;border-radius:8px;overflow:auto}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-grid label,.form-grid label{display:grid;gap:7px}.settings-grid label span,.form-grid label span{color:#475467;font-size:13px;font-weight:650}.form-grid .checkbox-row{display:flex;align-items:center;gap:8px}.checkbox-row input{width:16px;height:16px}.center-screen{min-height:100vh;display:grid;place-items:center;padding:30px}.center-screen .panel{min-width:420px}.login-panel{display:grid;gap:14px;width:430px}.login-panel h1{margin:0;font-size:24px}.login-panel p{margin:0;color:var(--muted)}.login-panel input,.login-panel button{width:100%}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:#0f172a61;z-index:20}.modal{width:min(620px,100%);background:#fff;border-radius:8px;box-shadow:0 24px 70px #0f172a38;border:1px solid var(--border);padding:18px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.modal-header h2{margin:0;font-size:19px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px;padding-top:14px;border-top:1px solid var(--soft-border)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.span-2{grid-column:1 / -1}.form-hint{color:var(--muted);margin:0}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.two-column,.detail-grid{grid-template-columns:1fr}}