@import"https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=JetBrains+Mono:wght@500;600&display=swap";:root{color-scheme:light;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;--bg: #f0f4f8;--surface: #ffffff;--surface-2:#f7f9fb;--border: #e2e8f0;--border-2: #cbd5e1;--text: #0f172a;--text-soft:#334155;--muted: #94a3b8;--green: #059669;--green-light: #ecfdf5;--green-border: #6ee7b7;--green-text: #065f46;--amber: #d97706;--amber-light: #fffbeb;--amber-border: #fcd34d;--amber-text: #78350f;--red: #dc2626;--red-light: #fef2f2;--red-border: #fca5a5;--red-text: #7f1d1d;--slate: #475569;--slate-light: #f1f5f9;--slate-border: #cbd5e1;--slate-text: #1e293b;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 18px;--r-pill: 999px;--shadow-xs: 0 1px 2px rgba(15,23,42,.05);--shadow-sm: 0 1px 3px rgba(15,23,42,.08), 0 1px 2px rgba(15,23,42,.04);--shadow-md: 0 4px 12px rgba(15,23,42,.1), 0 1px 3px rgba(15,23,42,.06)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;min-width:320px;background:var(--bg);color:var(--text)}.appLayout{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;background:var(--surface);border-right:1.5px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar__brand{display:flex;align-items:center;gap:.55rem;padding:1.25rem 1.1rem 1rem;border-bottom:1px solid var(--border)}.sidebar__logo{font-size:1.1rem;color:var(--green)}.sidebar__brand strong{font-size:.95rem;font-weight:700;letter-spacing:.05em;color:var(--text)}.sidebar__nav{display:flex;flex-direction:column;gap:.15rem;padding:.75rem .6rem;flex:1}.navItem{display:flex;align-items:center;gap:.6rem;padding:.62rem .75rem;border-radius:var(--r-md);font-size:.84rem;font-weight:500;color:var(--muted);background:transparent;border:none;text-align:left;width:100%;transition:background .12s,color .12s}.navItem:hover:not(:disabled){background:var(--surface-2);color:var(--text-soft);border-color:transparent;box-shadow:none;transform:none}.navItem.active{background:var(--green-light);color:var(--green-text);font-weight:600;border-color:transparent;box-shadow:none;transform:none}.navItem__icon{font-size:.7rem;width:1rem;text-align:center;flex-shrink:0}.navItem__label{flex:1}.navBadge{display:inline-flex;align-items:center;justify-content:center;min-width:1.3rem;height:1.3rem;padding:0 .3rem;border-radius:var(--r-pill);font-family:JetBrains Mono,monospace;font-size:.64rem;font-weight:700;flex-shrink:0}.navBadge{background:var(--surface-2);color:var(--muted);border:1px solid var(--border)}.navBadge.green{background:var(--green-light);color:var(--green-text);border:none}.navBadge.amber{background:var(--amber-light);color:var(--amber-text);border:none}.navBadge.red{background:var(--red-light);color:var(--red-text);border:none}.sidebarOverlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;z-index:99}.sidebar__stats{padding:.75rem .6rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.25rem}.sidebarStat{display:flex;align-items:center;justify-content:space-between;padding:.4rem .75rem;border-radius:var(--r-sm)}.sidebarStat span{font-size:.72rem;color:var(--muted)}.sidebarStat strong{font-family:JetBrains Mono,monospace;font-size:.85rem;font-weight:600;color:var(--text-soft)}.sidebarStat.green strong{color:var(--green)}.sidebarStat.amber strong{color:var(--amber)}.sidebarStat.red strong{color:var(--red)}.sidebar__footer{padding:.75rem 1.1rem;border-top:1px solid var(--border)}.sidebar__footer span{font-family:JetBrains Mono,monospace;font-size:.65rem;color:var(--muted);display:block}.mainContent{flex:1;min-width:0;display:flex;flex-direction:column}.pageBody{padding:1.5rem;flex:1}.menuToggle{display:none;min-height:unset;padding:.3rem .5rem;font-size:1rem;border-radius:var(--r-sm);border-color:var(--border)}.menuToggle:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-2);color:var(--text-soft);transform:none;box-shadow:none}button,input{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;border:1.5px solid var(--border);border-radius:var(--r-pill);color:var(--text-soft);background:var(--surface);cursor:pointer;font-size:.8rem;font-weight:500;white-space:nowrap;transition:border-color .12s,background .12s,color .12s,box-shadow .12s,transform .1s}button:hover:not(:disabled){border-color:var(--green-border);color:var(--green-text);background:var(--green-light);transform:translateY(-1px);box-shadow:var(--shadow-sm)}button:active:not(:disabled){transform:translateY(0);box-shadow:none}button:disabled{opacity:.38;cursor:not-allowed}input{min-height:2.25rem;border:1.5px solid var(--border);border-radius:var(--r-md);padding:0 .75rem;color:var(--text);background:var(--surface);outline:none;font-size:.84rem;transition:border-color .12s,box-shadow .12s}input:focus{border-color:var(--green);box-shadow:0 0 0 3px #0596691a}.loginShell{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(circle at 18% 18%,rgba(5,150,105,.18),transparent 26rem),radial-gradient(circle at 82% 20%,rgba(217,119,6,.12),transparent 22rem),linear-gradient(135deg,#eaf5f0,#f8fafc 56%,#e2e8f0)}.loginCard{width:min(100%,25rem);border:1.5px solid rgba(203,213,225,.9);border-radius:1.5rem;padding:2rem;background:#ffffffe6;box-shadow:0 24px 60px #0f172a21,var(--shadow-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.loginCard__eyebrow{display:inline-flex;margin-bottom:1rem;border:1px solid var(--green-border);border-radius:var(--r-pill);padding:.3rem .65rem;color:var(--green-text);background:var(--green-light);font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.loginCard h1{color:var(--text);font-size:clamp(2rem,8vw,3rem);line-height:.95;letter-spacing:-.07em}.loginCard p{margin-top:.8rem;color:var(--text-soft);font-size:.92rem;line-height:1.55}.loginForm{display:grid;gap:.9rem;margin-top:1.5rem}.loginForm label{display:grid;gap:.42rem}.loginForm label span{color:var(--muted);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.loginForm input{min-height:3rem;border-radius:.9rem;font-size:1rem}.loginCard__error{margin:0}.loginCard__button{min-height:3rem;border-color:transparent;color:#fff;background:var(--green);font-size:.9rem;font-weight:700}.loginCard__button:hover:not(:disabled){border-color:transparent;color:#fff;background:#047857;box-shadow:0 10px 24px #05966938}.loginCard__note{margin-top:1rem;color:var(--muted);font-size:.75rem;line-height:1.45}.topbar{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.5rem;background:var(--surface);border-bottom:1.5px solid var(--border);position:sticky;top:0;z-index:5}.topbar__left{display:flex;align-items:center;gap:.75rem}.topbar__actions{display:flex;align-items:center;gap:.5rem}.topbar strong{font-size:1rem;font-weight:700;color:var(--text);letter-spacing:-.01em}.topbar span{font-family:JetBrains Mono,monospace;font-size:.72rem;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;margin-bottom:1.25rem}.metric{min-height:5.5rem;border:1.5px solid var(--border);border-radius:var(--r-lg);padding:1.1rem 1.25rem;background:var(--surface);box-shadow:var(--shadow-xs);transition:box-shadow .16s,transform .16s}.metric:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.metric span{display:block;font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem}.metric strong{display:block;font-family:JetBrains Mono,monospace;font-size:2.4rem;font-weight:600;line-height:1;letter-spacing:-.04em;color:var(--text)}.metric.green{border-left:4px solid var(--green);background:linear-gradient(to right,var(--green-light) 0%,var(--surface) 55%)}.metric.amber{border-left:4px solid var(--amber);background:linear-gradient(to right,var(--amber-light) 0%,var(--surface) 55%)}.metric.red{border-left:4px solid var(--red);background:linear-gradient(to right,var(--red-light) 0%,var(--surface) 55%)}.metric.slate{border-left:4px solid var(--slate);background:linear-gradient(to right,var(--slate-light) 0%,var(--surface) 55%)}.metric.green strong{color:var(--green)}.metric.amber strong{color:var(--amber)}.metric.red strong{color:var(--red)}.metric.slate strong{color:var(--slate)}.toolbar{display:grid;grid-template-columns:minmax(10rem,18rem) 1fr auto;gap:.85rem;align-items:end;margin-bottom:1.25rem}.searchBox{display:grid;gap:.3rem}.searchBox span{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.searchBox input{width:100%}.filterRail{display:flex;flex-wrap:wrap;gap:.38rem;align-items:flex-end}.chip,.refresh,.logout{min-height:2.2rem;padding:0 .85rem}.chip{font-size:.77rem}.chip.active{color:var(--amber-text);border-color:var(--amber-border);background:var(--amber-light);font-weight:600}.chip.active:hover:not(:disabled){color:var(--amber-text);border-color:var(--amber);background:var(--amber-light);transform:translateY(-1px)}.refresh{color:var(--green-text);border-color:var(--green-border);background:var(--green-light);font-weight:600;font-size:.8rem}.refresh:hover:not(:disabled){background:#d1fae5;border-color:var(--green);color:var(--green-text);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.logout{color:var(--slate-text);border-color:var(--slate-border);background:var(--slate-light)}.logout:hover:not(:disabled){color:var(--red-text);border-color:var(--red-border);background:var(--red-light)}.errorBox{margin-bottom:1.25rem;border:1.5px solid var(--red-border);border-left:4px solid var(--red);border-radius:var(--r-md);padding:.85rem 1rem;color:var(--red-text);background:var(--red-light);font-size:.84rem;font-weight:500}.homeView{padding:.25rem 0}.homeHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.1rem}.homeHeader__label{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.homeCards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.homeCard{display:flex;flex-direction:column;align-items:flex-start;border-radius:var(--r-xl);padding:1.75rem;min-height:12rem;cursor:pointer;text-align:left;border:1.5px solid var(--border);background:var(--surface);box-shadow:var(--shadow-xs);transition:transform .16s,box-shadow .16s,border-color .16s,background .16s}.homeCard:hover:not(:disabled){transform:translateY(-4px);box-shadow:var(--shadow-md)}.homeCard__label{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem}.homeCard__count{font-family:JetBrains Mono,monospace;font-size:4rem;font-weight:700;line-height:1;letter-spacing:-.05em}.homeCard__desc{font-size:.78rem;color:var(--muted);margin-top:.5rem;flex:1}.homeCard__cta{font-size:.8rem;font-weight:600;margin-top:1rem;transition:transform .14s}.homeCard:hover .homeCard__cta{transform:translate(4px)}.homeCard.default{border-color:var(--border-2)}.homeCard.default .homeCard__count,.homeCard.default .homeCard__cta{color:var(--text-soft)}.homeCard.default:hover{border-color:var(--border-2);box-shadow:var(--shadow-md)}.homeCard.green{border-color:var(--green-border);background:linear-gradient(150deg,var(--green-light) 0%,var(--surface) 70%)}.homeCard.green .homeCard__count,.homeCard.green .homeCard__cta{color:var(--green)}.homeCard.green:hover{border-color:var(--green);box-shadow:0 8px 28px #0596691f}.homeCard.amber{border-color:var(--amber-border);background:linear-gradient(150deg,var(--amber-light) 0%,var(--surface) 70%)}.homeCard.amber .homeCard__count,.homeCard.amber .homeCard__cta{color:var(--amber)}.homeCard.amber:hover{border-color:var(--amber);box-shadow:0 8px 28px #d977061f}.homeCard.red{border-color:var(--red-border);background:linear-gradient(150deg,var(--red-light) 0%,var(--surface) 70%)}.homeCard.red .homeCard__count,.homeCard.red .homeCard__cta{color:var(--red)}.homeCard.red:hover{border-color:var(--red);box-shadow:0 8px 28px #dc26261f}.userGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.userCard{display:flex;flex-direction:column;border:1.5px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-xs);overflow:hidden;transition:box-shadow .15s,transform .15s}.userCard:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.userCard.is-expired{border-color:var(--red-border)}.userCard.is-expired .userCard__head{background:var(--red-light);border-bottom-color:var(--red-border)}.userCard.is-disabled .userCard__head{background:var(--slate-light)}.userCard__head{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1rem 1.1rem;background:var(--surface-2);border-bottom:1px solid var(--border)}.userCard__identity{display:flex;flex-direction:column;gap:.18rem;min-width:0}.userCard__name{font-size:.92rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.userCard__profile{font-size:.74rem;color:var(--muted)}.userCard__badges{display:flex;flex-wrap:wrap;gap:.3rem;flex-shrink:0}.userCard__meta{display:grid;grid-template-columns:1fr 1fr;flex:1;border-bottom:1px solid var(--border)}.userCard__metaItem{padding:.6rem 1.1rem;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.userCard__metaItem:nth-child(2n){border-right:none}.userCard__metaItem:nth-last-child(-n+2){border-bottom:none}.userCard__metaItem dt{font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:.2rem}.userCard__metaItem dd{font-size:.82rem;font-weight:500;color:var(--text-soft);font-family:JetBrains Mono,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.userCard__metaItem.is-alert dt{color:var(--red-text)}.userCard__metaItem.is-alert dd{font-size:1.5rem;font-weight:700;color:var(--red);letter-spacing:-.03em;line-height:1}.userCard__actions{display:flex;flex-wrap:wrap;gap:.38rem;padding:.85rem 1.1rem;background:var(--surface);align-items:center}.userCard__actions input[type=date]{width:8rem;font-family:JetBrains Mono,monospace;font-size:.74rem;min-height:2rem;padding:0 .55rem}.userCard__actions button{min-height:2rem;padding:0 .7rem;font-size:.75rem}.userCard__actions .primary{color:#fff;border-color:transparent;background:var(--green);font-weight:600}.userCard__actions .primary:hover:not(:disabled){background:#047857;border-color:transparent;color:#fff;transform:translateY(-1px);box-shadow:0 3px 10px #05966940}.userCard__actions .danger{border-color:var(--red-border);color:var(--red-text);background:var(--red-light)}.userCard__actions .danger:hover:not(:disabled){border-color:var(--red);color:var(--red-text);background:#fee2e2;transform:translateY(-1px)}.status{display:inline-flex;align-items:center;border-radius:var(--r-pill);padding:.2rem .55rem;font-size:.64rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.status.green{color:var(--green-text);background:var(--green-light);border:1px solid var(--green-border)}.status.amber{color:var(--amber-text);background:var(--amber-light);border:1px solid var(--amber-border)}.status.red{color:var(--red-text);background:var(--red-light);border:1px solid var(--red-border)}.status.slate{color:var(--slate-text);background:var(--slate-light);border:1px solid var(--slate-border)}.muted{color:var(--muted);font-style:normal}.empty{grid-column:1 / -1;padding:3rem;text-align:center;color:var(--muted);font-size:.85rem}@media(max-width:1100px){.userGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.sidebar{display:none}.sidebar.is-open{display:flex;position:fixed;top:0;left:0;height:100vh;z-index:100;box-shadow:var(--shadow-md)}.sidebarOverlay{display:block}.menuToggle{display:inline-flex}.toolbar{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(3,1fr)}.pageBody{padding:1rem}.topbar{padding:.75rem 1rem}}@media(max-width:680px){.loginShell{padding:1rem}.loginCard{padding:1.4rem;border-radius:1.2rem}.topbar__actions{gap:.35rem}.refresh,.logout{padding:0 .65rem}.metrics{grid-template-columns:repeat(2,1fr);gap:.6rem}.metric strong{font-size:1.9rem}.homeCards{grid-template-columns:repeat(2,1fr)}.homeCard{min-height:9rem;padding:1.1rem}.homeCard__count{font-size:2.8rem}.homeCard__desc{display:none}.userGrid,.userCard__meta{grid-template-columns:1fr}.userCard__metaItem{border-right:none!important}.userCard__metaItem:last-child{border-bottom:none}}