*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:Arial,Helvetica,sans-serif}button{font:inherit}.chief-login{color:#16211c;background:#0d1f18;place-items:center;min-height:100vh;padding:24px;display:grid}.chief-login-card{background:#fff;border:1px solid #dfe5df;border-radius:16px;width:min(100%,390px);padding:30px;box-shadow:0 24px 80px #0005}.chief-login-mark{align-items:center;gap:12px;margin-bottom:34px;display:flex}.chief-login-mark strong,.chief-login-mark small{display:block}.chief-login-mark small{letter-spacing:.14em;color:#6f7b73;margin-top:3px;font-size:10px}.chief-login-card h1{letter-spacing:-.04em;margin:0 0 8px;font-size:28px}.chief-login-card>p{color:#6f7b73;margin:0 0 25px;font-size:14px}.chief-login-card label{color:#405047;gap:7px;margin-top:15px;font-size:12px;font-weight:700;display:grid}.chief-login-card input{width:100%;font:inherit;border:1px solid #ccd6cf;border-radius:9px;outline:none;padding:12px}.chief-login-card input:focus{border-color:#00a86b;box-shadow:0 0 0 3px #00a86b20}.chief-login-card>button{color:#fff;cursor:pointer;background:#0d1f18;border:0;border-radius:9px;width:100%;margin-top:20px;padding:12px;font-weight:750}.chief-login-card>button:disabled{opacity:.6}.chief-login-error{color:#922;background:#fff0f0;border-radius:8px;margin-top:14px;padding:10px 12px;font-size:12px}.chief-logout{color:#dce9e2;cursor:pointer;background:0 0;border:1px solid #496558;border-radius:7px;margin-top:12px;padding:7px 10px;font-size:11px;display:block}.chief-logout:disabled{opacity:.6}
:root{--chief-bg:#f4f6f3;--chief-ink:#16211c;--chief-muted:#6f7b73;--chief-line:#dfe5df;--chief-green:#00a86b;--chief-deep:#10291f}.chief-shell{background:var(--chief-bg);min-height:100vh;color:var(--chief-ink);grid-template-columns:224px 1fr;display:grid}.chief-sidebar{color:#dce9e2;background:#0d1f18;flex-direction:column;height:100vh;padding:28px 18px;display:flex;position:sticky;top:0}.chief-brand{align-items:center;gap:12px;padding:0 8px 30px;display:flex}.chief-brand strong,.chief-brand small{display:block}.chief-brand strong{letter-spacing:.06em}.chief-brand small{color:#7fa391;letter-spacing:.14em;margin-top:3px;font-size:10px}.chief-ring{border:7px solid #00b578;border-radius:50%;width:34px;height:34px;box-shadow:0 0 20px #00b57833}.chief-sidebar nav{gap:3px;display:grid}.chief-sidebar nav button{color:#91aa9e;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:650}.chief-sidebar nav button:hover,.chief-sidebar nav button.active{color:#fff;background:#17372a}.chief-sidebar nav button.active{box-shadow:inset 3px 0 var(--chief-green)}.chief-private{color:#9bb1a6;border-top:1px solid #284036;margin-top:auto;padding:14px 10px;font-size:11px}.chief-private span{color:#637d70}.chief-main{min-width:0;padding:38px 44px}.chief-main>header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.chief-main header p,.chief-panel-title p{color:var(--chief-green);letter-spacing:.16em;margin:0 0 7px;font-size:10px;font-weight:800}.chief-main h1{letter-spacing:-.04em;margin:0 0 7px;font-size:30px}.chief-main header span{color:var(--chief-muted)}.chief-status{border:1px solid var(--chief-line);letter-spacing:.08em;background:#fff;border-radius:999px;padding:9px 14px;font-size:11px;font-weight:800}.chief-notice{color:#24543d;background:#e9f7ef;border:1px solid #bfe3cf;border-radius:10px;margin-bottom:18px;padding:13px 16px;font-size:13px}.chief-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.chief-metrics article{border:1px solid var(--chief-line);background:#fff;border-radius:11px;flex-direction:column;justify-content:space-between;min-height:112px;padding:18px;display:flex}.chief-metrics article span{color:var(--chief-muted);font-size:12px}.chief-metrics article strong{font-size:23px}.chief-panel{border:1px solid var(--chief-line);background:#fff;border-radius:12px;overflow:hidden}.chief-panel-title{border-bottom:1px solid var(--chief-line);padding:20px 22px}.chief-panel-title h2{margin:0;font-size:18px}.chief-empty{text-align:center;color:var(--chief-muted);padding:54px}@media (max-width:1000px){.chief-metrics{grid-template-columns:repeat(2,1fr)}.chief-main{padding:28px 24px}}@media (max-width:720px){.chief-shell{grid-template-columns:1fr}.chief-sidebar{height:auto;position:static}.chief-sidebar nav{grid-template-columns:repeat(3,1fr)}.chief-private{display:none}.chief-main{padding:22px 14px}.chief-metrics{grid-template-columns:1fr}.chief-main>header{gap:12px}.chief-status{display:none}}.chief-error{color:#8c3027;background:#fff0ee;border:1px solid #f2c8c2;border-radius:10px;margin-bottom:18px;padding:13px 16px}.chief-metrics article.emphasis{background:var(--chief-deep);color:#fff}.chief-metrics article.emphasis span{color:#a9c7b8}.chief-metrics article small{color:#9fc6b3}.renewal-panel{margin-top:16px}.chief-panel-title{justify-content:space-between;align-items:center;display:flex}.chief-toolbar{justify-content:space-between;gap:12px;margin-bottom:14px;display:flex}.chief-toolbar input{min-width:260px}.chief-toolbar button,.chief-dialog-actions .primary{background:var(--chief-deep);color:#fff;border-color:var(--chief-deep)}.chief-toolbar input,.chief-toolbar button,.actions button,.chief-dialog input,.chief-dialog select,.chief-dialog textarea,.chief-dialog-actions button{border:1px solid var(--chief-line);font:inherit;border-radius:8px;padding:10px 12px}.chief-table-wrap{border:1px solid var(--chief-line);background:#fff;border-radius:12px;overflow:auto}.chief-table-wrap table{border-collapse:collapse;width:100%;min-width:850px}.chief-table-wrap th,.chief-table-wrap td{border-bottom:1px solid var(--chief-line);text-align:left;white-space:nowrap;padding:13px 14px;font-size:12px}.chief-table-wrap th{color:var(--chief-muted);text-transform:uppercase;letter-spacing:.06em;background:#fafbfa;font-size:10px}.actions{justify-content:flex-end;gap:6px;display:flex}.actions button{background:#fff;padding:6px 8px}.chief-dialog-backdrop{z-index:20;background:#07130dbf;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.chief-dialog{background:#fff;border-radius:14px;width:min(760px,100%);max-height:90vh;overflow:auto;box-shadow:0 24px 80px #0005}.chief-dialog-head,.chief-dialog-actions{border-bottom:1px solid var(--chief-line);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.chief-dialog-head h2{margin:3px 0 0}.chief-dialog-head>button{background:0 0;border:0;font-size:28px}.chief-form{grid-template-columns:1fr 1fr;gap:16px;padding:22px;display:grid}.chief-form label{gap:6px;display:grid}.chief-form label>span{color:var(--chief-muted);font-size:11px;font-weight:700}.chief-form .wide{grid-column:1/-1}.chief-dialog textarea{resize:vertical;min-height:90px}.chief-dialog-actions{border-top:1px solid var(--chief-line);border-bottom:0;justify-content:flex-end;gap:8px}.renewal-list>div{border-bottom:1px solid var(--chief-line);grid-template-columns:56px 1fr auto;align-items:center;gap:14px;padding:14px 22px;display:grid}.renewal-list b{color:var(--chief-muted)}.renewal-list b.soon{color:#b16800}.renewal-list b.urgent{color:#b52d20}.renewal-list strong,.renewal-list span{display:block}.renewal-list span,.renewal-list time{color:var(--chief-muted);font-size:12px}@media (max-width:720px){.chief-form{grid-template-columns:1fr}.chief-toolbar input{flex:1;min-width:0}}
