:root{--navy:#10243e;--blue:#2563eb;--ink:#172033;--muted:#748197;--line:#e6ebf2;--bg:#f5f7fb;--green:#249866;--amber:#d88a0c;--red:#df4444}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:14px}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.layout{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{background:#fff;border-right:1px solid var(--line);padding:26px 18px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:800;margin:0 8px 28px}.brand-logo{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#2863eb,#17399e);color:#fff;display:grid;place-items:center;font-weight:900}.sidebar nav{display:grid;gap:5px}.sidebar nav a{padding:12px;border-radius:9px;color:#657289;font-weight:650}.sidebar nav a.active,.sidebar nav a:hover{background:#edf3ff;color:#2057d7}.content{padding:28px 34px;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.topbar h1{font-size:24px;margin:0 0 4px}.muted{color:var(--muted);font-size:12px}.primary,.secondary,.danger{border:0;border-radius:9px;padding:10px 15px;font-weight:700;cursor:pointer}.primary{background:var(--blue);color:#fff}.secondary{background:#fff;border:1px solid var(--line);color:#58667b}.danger{background:#ffeded;color:var(--red)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:0 2px 8px #1c2d4c08}.card{padding:18px}.card span{display:block;color:#8793a6;font-size:10px;font-weight:800;letter-spacing:.06em}.card strong{display:block;font-size:25px;margin-top:7px}.panel{overflow:hidden;margin-bottom:20px}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:17px 19px;border-bottom:1px solid var(--line)}.panel-head h2{font-size:15px;margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:850px}th{text-align:left;color:#8c98aa;background:#fafbfd;padding:12px 15px;font-size:10px}td{padding:13px 15px;border-top:1px solid #edf1f5;color:#5d6a7e}td strong{color:#2b374a}.badge{display:inline-block;border-radius:20px;padding:5px 8px;font-size:10px;font-weight:750}.active{background:#e8f8f0;color:var(--green)}.soon{background:#fff2d9;color:var(--amber)}.critical,.expired{background:#ffebeb;color:var(--red)}.flash{padding:12px 14px;border-radius:9px;margin:0 0 18px;background:#eaf8f1;color:#20825c}.flash.error{background:#ffebeb;color:#be3838}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{font-size:12px;font-weight:700;color:#536075}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:6px;border:1px solid #dce3ec;background:#fff;border-radius:8px;padding:10px;outline:none}.form-grid textarea{min-height:85px;resize:vertical}.form-grid .wide{grid-column:1/-1}.form-grid small{display:block;color:#8c98aa;margin-top:4px;font-weight:400}.actions{display:flex;gap:8px;align-items:center}.search{display:flex;gap:8px}.search input{border:1px solid var(--line);border-radius:9px;padding:9px 12px;min-width:240px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:25px}.install-card,.login-card{width:min(650px,100%);background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 20px 60px #1a294218}.login-card{width:min(420px,100%)}.install-card>.brand-logo,.login-card>.brand-logo{margin-bottom:14px}.install-card h1,.login-card h1{margin:0 0 5px}.install-card>p,.login-card>p{color:var(--muted);margin:0 0 22px}.key{font-family:ui-monospace,monospace;background:#f1f4f8;padding:6px 8px;border-radius:6px}.site-list{font-size:11px;color:#66748a}.note{background:#fffaf0;border:1px solid #f7dfaa;padding:13px;border-radius:9px;color:#856329;margin-bottom:18px}@media(max-width:950px){.stats{grid-template-columns:1fr 1fr}.layout{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar nav{display:flex;overflow:auto}.sidebar nav a{white-space:nowrap}.content{padding:20px}}@media(max-width:600px){.stats{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.topbar{align-items:flex-start;flex-direction:column}.search{width:100%}.search input{min-width:0;flex:1}}

.brand-image{width:52px;height:52px;object-fit:cover;border-radius:12px;display:block;flex:0 0 auto;box-shadow:0 7px 18px #10243e26}