:root{color-scheme:light;--bg: #f5f7fb;--surface: #ffffff;--surface-soft: #f8fafc;--border: #dfe7f2;--text: #101828;--muted: #64748b;--brand: #1769e0;--danger: #dc2626;--critical: #f97316;--warning: #d99a00;--success: #059669;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{color-scheme:dark;--bg: #08111f;--surface: #101b2c;--surface-soft: #132238;--border: #21324a;--text: #e5edf8;--muted: #91a1b8;--brand: #4f8cff;--danger: #ff5a63;--critical: #ff9b45;--warning: #ffd166;--success: #35d08b}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--text)}button{border:0;border-radius:8px;cursor:pointer;font:inherit}.link-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.import-button{position:relative;overflow:hidden}.import-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.inline-notice{margin:-12px 0 18px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted);font-size:14px}button:disabled{cursor:progress;opacity:.72}input,select{width:100%;min-height:42px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font:inherit}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:24px;padding:24px 16px;border-right:1px solid var(--border);background:var(--surface)}.brand{font-size:24px;font-weight:800}.nav{display:grid;gap:6px}.nav a,.nav button{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border:0;border-radius:8px;background:transparent;color:var(--muted);text-decoration:none;text-align:left}.nav a.active,.nav button.active{background:color-mix(in srgb,var(--brand) 13%,transparent);color:var(--brand);font-weight:700}.user{margin-top:auto;display:grid;gap:2px;color:var(--text)}.user-button{width:100%;padding:12px;border:1px solid var(--border);background:var(--surface-soft);text-align:left}.user span{color:var(--muted);font-size:13px}.workspace{padding:20px;overflow:hidden}.mobile-nav{display:none}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:24px}.search{flex:1;display:flex;align-items:center;gap:10px;min-height:42px;padding:0 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted)}.search input{min-height:auto;padding:0;border:0;border-radius:0;background:transparent;outline:none}.theme{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;background:var(--surface);color:var(--text);border:1px solid var(--border)}.filters{display:flex;flex-wrap:wrap;gap:8px}.quick-views{display:inline-flex;min-height:42px;padding:3px;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.quick-views button{min-height:34px;padding:0 10px;background:transparent;color:var(--muted);font-size:13px;font-weight:700}.quick-views button.active{background:color-mix(in srgb,var(--brand) 13%,transparent);color:var(--brand)}.filters select{width:auto;max-width:190px}.compact-button{min-height:42px;padding:0 12px}.primary{min-height:42px;padding:0 16px;background:var(--brand);color:#fff;font-weight:700}.hero{margin-bottom:18px}.hero h1{margin:4px 0;font-size:32px;letter-spacing:0}.hero p{margin:0;color:var(--muted)}.eyebrow{font-size:13px}.cards{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;margin-bottom:18px}.card{min-height:126px;padding:18px;border:1px solid var(--border);border-radius:8px;background:var(--surface);display:grid;align-content:space-between}.card strong{font-size:34px}.card span{color:var(--muted)}.card.danger{color:var(--danger)}.card.critical{color:var(--critical)}.card.warning{color:var(--warning)}.card.success{color:var(--success)}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px}.panel{border:1px solid var(--border);border-radius:8px;background:var(--surface);overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid var(--border)}.panel-head h2{margin:0;font-size:18px}.panel-head button{background:var(--surface-soft);color:var(--brand);padding:8px 12px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:14px 16px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}th{color:var(--muted);font-size:12px}.chip{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:999px;background:var(--surface-soft);color:var(--text);font-size:12px;font-weight:700}.danger-chip,.status-expired{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.status-critical{background:color-mix(in srgb,var(--critical) 14%,transparent);color:var(--critical)}.status-soon{background:color-mix(in srgb,var(--warning) 18%,transparent);color:var(--warning)}.status-active{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}.negative{color:var(--danger);font-weight:800}.details{padding-bottom:16px}.details dl{margin:0;padding:16px;display:grid;gap:14px}.details dl div{display:flex;justify-content:space-between;gap:18px}.details dt{color:var(--muted)}.details dd{margin:0;text-align:right}.wide{width:calc(100% - 32px);margin:0 16px}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 12%,transparent),transparent 42%),var(--bg)}.auth-card{width:min(440px,100%);display:grid;gap:18px;padding:28px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:0 24px 80px #0f172a1f}.auth-card h1{margin:16px 0 6px;font-size:28px}.auth-card p{margin:0;color:var(--muted)}.auth-card label{display:grid;gap:8px;color:var(--muted);font-size:14px}.wide-auth{width:100%}.form-error{padding:12px;border-radius:8px;background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger);font-size:14px}.auth-theme{position:fixed;top:20px;right:20px}.directory-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px}.directory-form{padding-bottom:18px}.form-grid{display:grid;gap:12px;padding:16px}.form-actions{display:grid;gap:10px;padding:0 16px 18px}tbody tr{cursor:pointer}tbody tr:hover{background:color-mix(in srgb,var(--brand) 5%,transparent)}.selected-row{background:color-mix(in srgb,var(--brand) 9%,transparent)}.records-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px}.record-card{align-self:start}.edit-form,.renew-form,.history{display:grid;gap:10px;padding:16px;border-top:1px solid var(--border)}.edit-form h3,.renew-form h3,.history h3{margin:0 0 4px;font-size:16px}.form-status{margin:0;color:var(--success);font-size:13px;font-weight:700}.empty-state{margin:0;padding:16px;color:var(--muted)}.history-item{display:grid;gap:4px;padding:10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-soft)}.history-item span{color:var(--muted);font-size:13px}.calendar-list{display:grid;gap:18px}.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:18px}.tool-card{align-self:start}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:18px}.settings-card{align-self:start}.settings-wide{grid-column:1 / -1}.settings-list{display:grid;gap:0;margin:0;padding:0}.settings-list div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:14px;padding:14px 16px;border-bottom:1px solid var(--border)}.settings-list dt{color:var(--muted)}.settings-list dd{margin:0;overflow-wrap:anywhere}.threshold-row{display:flex;flex-wrap:wrap;gap:10px;padding:16px}.event-list{display:grid}.event-item{display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 16px;border-bottom:1px solid var(--border)}.event-item time{color:var(--muted);font-weight:700}.event-item div{display:grid;gap:3px}.event-item span{color:var(--muted)}.history-item a{color:var(--brand);font-weight:700;text-decoration:none}.text-button{width:fit-content;padding:0;background:transparent;color:var(--danger);font-size:13px;font-weight:700}.danger-action{color:var(--danger)}.record-actions{display:flex;gap:10px;padding:0 16px 16px}.row-actions{display:flex;gap:12px}@media(max-width:980px){.shell{grid-template-columns:1fr}.sidebar{display:none}.mobile-nav{display:grid;gap:8px;margin-bottom:14px;color:var(--muted);font-size:13px;font-weight:700}.cards,.content-grid,.records-layout,.tools-grid,.settings-grid,.directory-layout{grid-template-columns:1fr}.settings-list div{grid-template-columns:1fr;gap:6px}.topbar{flex-wrap:wrap}.search{flex-basis:100%}.filters{width:100%}.quick-views{width:100%;overflow-x:auto}.quick-views button{flex:1 0 auto}.filters select,.filters .compact-button{flex:1 1 150px;max-width:none}.table-panel{overflow-x:auto}}