:root{--bg: #f8fafc;--panel: #ffffff;--field: #ffffff;--field-muted: #f8fafc;--text: #0f172a;--muted: #64748b;--accent: #2563eb;--accent-hover: #1d4ed8;--danger: #e11d48;--success: #059669;--warning: #b45309;--border: #e2e8f0;--soft-border: #f1f5f9;--shadow: 0 10px 28px rgba(15, 23, 42, .08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.page{min-height:100vh}header{padding:20px 32px;display:flex;gap:24px;justify-content:space-between;align-items:center;position:sticky;top:0;background:#ffffffeb;border-bottom:1px solid var(--border);z-index:10}h1{margin:0;font-size:24px;font-weight:800}main{padding:24px 32px 48px;display:grid;gap:20px}.tabs{display:flex;gap:22px;flex-wrap:wrap;justify-content:flex-start;flex:1}button.tab{background:transparent;color:var(--muted);border:none;border-radius:0;box-shadow:none;padding:4px 0;position:relative}button.tab:hover{background:transparent;color:var(--text);transform:none}button.tab.active{background:transparent;color:var(--accent)}button.tab.active:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--accent);border-radius:2px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:18px}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.tight{gap:10px}.align-fields{align-items:flex-end}.align-center{align-items:center}.inline-title{margin:0;padding:0 8px 8px 0;font-size:16px}.column{display:flex;flex-direction:column;gap:10px}.inline-action{align-self:flex-end}.space-between{justify-content:space-between;align-items:center}label{font-size:12px;color:var(--muted);display:block;margin-bottom:6px;font-weight:700}input,select{background:var(--field);border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:8px;min-width:180px;font-size:14px}input:focus,select:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 3px #dbeafe}button{border:none;border-radius:8px;padding:10px 14px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer;transition:background .12s ease,transform .12s ease}button:hover{background:var(--accent-hover);transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed}button.danger{background:var(--danger)}table{width:100%;border-collapse:collapse;margin-top:12px}th,td{padding:12px 10px;text-align:left;font-size:13px;border-bottom:1px solid var(--soft-border);vertical-align:top}th{color:var(--muted);font-weight:800;background:#f8fafc}tr:hover td{background:#f8fafc}.date-stack{display:inline-flex;flex-direction:column;gap:2px}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a61;display:grid;place-items:center;z-index:30}.dialog{background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:20px;min-width:340px;max-width:460px}.dialog footer{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.dialog h3{margin-top:0}.pill,.type-badge,.type-chip{padding:4px 8px;border-radius:8px;font-size:12px;font-weight:800;display:inline-block}.pill.active{background:#ecfdf5;color:var(--success)}.pill.expired{background:#fffbeb;color:var(--warning)}.pill.revoked{background:#fff1f2;color:var(--danger)}.type-badge{background:#eff6ff;color:var(--accent);margin-right:6px}.type-chip{background:#f1f5f9;border:1px solid var(--border);color:var(--text)}.type-list{display:flex;flex-wrap:wrap;gap:8px;align-items:center;max-width:520px}.muted{color:var(--muted)}.small{font-size:12px}.toast{position:fixed;right:18px;bottom:18px;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid var(--border);box-shadow:var(--shadow);max-width:320px;z-index:20}.toast.success{border-color:#86efac;color:#166534}.toast.error{border-color:#fda4af;color:#9f1239}.table-wrap{overflow-x:auto}@media(max-width:760px){header,main{padding-left:16px;padding-right:16px}header{align-items:flex-start;gap:12px;flex-direction:column}.tabs{justify-content:flex-start;width:100%}input,select,button{width:100%}}