:root{--navy:#06152f;--navy2:#0b2145;--blue:#1769ff;--cyan:#00c9b7;--bg:#f5f8fc;--text:#10213d;--muted:#6b7a90;--border:#e5ebf3;--card:#fff;--danger:#e5484d;--ok:#16a67a}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}a{text-decoration:none;color:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;background:linear-gradient(180deg,var(--navy),#071b3b);color:#dce8fb;padding:22px 14px;display:flex;flex-direction:column}.brand,.login-brand,.install-brand{display:flex;align-items:center;gap:11px}.brand img{width:38px;height:38px}.brand b{display:block;font-size:20px}.brand span{display:block;font-size:11px;color:#91a5c4}.super{margin:18px 8px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#6f8bb3}nav{display:grid;gap:4px}nav a{padding:12px 13px;border-radius:9px;font-size:14px;color:#b9c9e1}nav a:hover,nav a.active{background:#1466ee;color:white}.side-bottom{margin-top:auto;padding:14px 8px;border-top:1px solid #183255;color:#a5b8d3;font-size:12px}.dot{display:inline-block;width:7px;height:7px;background:#20c997;border-radius:50%;margin-right:5px}.side-bottom small{display:block;margin-top:7px}.side-bottom+*{}main{margin-left:252px;min-height:100vh}header{height:70px;background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 34px}.crumb{font-size:13px;color:var(--muted)}.profile{display:flex;align-items:center;gap:10px;font-size:13px}.profile small{display:block;color:var(--muted);font-size:11px}.profile a{margin-left:16px;color:var(--blue)}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#1769ff;color:white;font-size:12px}.content{padding:32px 36px;max-width:1500px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}.eyebrow{font-size:11px;letter-spacing:.12em;color:var(--blue);font-weight:700}.page-head h1{margin:6px 0;font-size:30px}.page-head p{margin:0;color:var(--muted)}.btn,button{border:0;background:var(--blue);color:#fff;padding:12px 18px;border-radius:9px;font-weight:700;cursor:pointer}.btn.secondary{background:#edf3fb;color:var(--text)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.card,.panel{background:var(--card);border:1px solid var(--border);border-radius:13px;box-shadow:0 5px 20px rgba(20,45,80,.04)}.card{padding:20px}.card span,.card small{display:block;color:var(--muted);font-size:13px}.card strong{display:block;font-size:30px;margin:7px 0}.card strong.ok{color:var(--ok)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{padding:22px;margin-bottom:18px}.panel h2{margin:0;font-size:17px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.system-row{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid var(--border);font-size:14px}.system-row span{color:var(--ok)}.badge{padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700}.green{background:#e4f8f0;color:#0d8d66}.empty{padding:28px 0;color:var(--muted);text-align:center}.notice{background:#f1f6ff;border-color:#d6e5ff}.notice p{color:#60718b;margin-bottom:0}.alert{padding:13px 15px;border-radius:9px;margin-bottom:18px;font-size:14px}.alert.error{background:#fff0f1;color:#a72832}.alert.success{background:#e9faf4;color:#087b59}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eef5ff,#f7fbff)}.login-shell{width:min(880px,94vw);display:grid;grid-template-columns:1fr 1fr;background:white;border-radius:20px;overflow:hidden;box-shadow:0 20px 70px rgba(20,50,100,.12)}.login-brand{padding:60px;background:linear-gradient(160deg,var(--navy),#0c2e61);color:white;align-items:flex-start;flex-direction:column;justify-content:center}.login-brand img{width:62px}.login-brand strong,.install-brand strong{font-size:31px}.login-brand span,.install-brand span{font-size:15px;display:block}.login-brand p{color:#afc2df;max-width:270px;line-height:1.6}.login-card,.install-card{padding:52px}.login-card h1,.install-card h1{margin:0 0 7px}.login-card>p,.install-card>p{color:var(--muted);margin-top:0;margin-bottom:28px}.login-card label,.install-card label{display:block;font-size:13px;font-weight:700;margin:14px 0;color:#31435e}.login-card input,.install-card input,.install-card select{display:block;width:100%;margin-top:7px;border:1px solid #d9e2ee;border-radius:9px;padding:12px;font:inherit}.login-card button,.install-card button{width:100%;margin-top:15px}.install-card{width:min(600px,94vw);background:white;border-radius:18px;box-shadow:0 20px 70px rgba(20,50,100,.12)}.install-brand{margin-bottom:26px}.install-brand img{width:50px}.install-card hr{border:0;border-top:1px solid var(--border);margin:24px 0}.install-card small{display:block;color:var(--muted);font-weight:400;margin-top:5px}.version-box,.update-card{display:flex;align-items:center;justify-content:space-between;padding:18px;border:1px solid var(--border);border-radius:10px}.version-box strong{font-size:24px}.version-box span{color:var(--muted)}.update-card{margin:15px 0}.update-card p{margin:5px 0 0;color:var(--muted)}code{background:#e9eef5;padding:2px 5px;border-radius:4px}@media(max-width:900px){.sidebar{position:static;width:auto;height:auto}.side-bottom{display:none}main{margin-left:0}.stats{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.content{padding:22px}.page-head{align-items:flex-start;gap:15px;flex-direction:column}}@media(max-width:600px){.stats{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-brand{padding:35px}.login-card,.install-card{padding:30px}header{padding:0 18px}}
.install-card-wide{width:min(760px,94vw)}.install-step{display:flex;align-items:center;gap:9px;color:var(--text);font-size:12px;font-weight:700;margin:4px 0 25px}.install-step>span:nth-of-type(1),.install-step>span:nth-of-type(3){display:grid;place-items:center}.step-active,.step-muted{width:25px;height:25px;border-radius:50%;background:var(--blue);color:#fff}.step-muted{background:#e7edf5;color:#7d8ca2}.step-line{height:1px;background:var(--border);flex:0 0 45px}.install-section{border:1px solid var(--border);border-radius:13px;padding:20px;margin:20px 0;background:#fbfcfe}.section-title{display:flex;justify-content:space-between;margin-bottom:15px}.section-title strong{display:block;font-size:15px}.section-title span{display:block;color:var(--muted);font-size:12px;font-weight:400;margin-top:4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px}.full-field{grid-column:1/-1}.password-wrap{position:relative}.password-wrap input{padding-right:78px}.password-toggle{position:absolute!important;right:7px;top:7px;width:auto!important;margin:0!important;padding:7px 9px!important;background:#edf3fb!important;color:var(--text)!important;font-size:11px}.install-card label small{font-size:11px}.install-card code{font-size:11px}.install-actions{display:flex;justify-content:flex-end;gap:10px;margin:22px 0}.install-actions button{width:auto!important;margin:0!important}.btn-secondary-action{background:#edf3fb!important;color:var(--text)!important}.disabled-btn{background:#cbd5e2!important;color:#708098!important;cursor:not-allowed!important}.db-test-result{padding:15px;border-radius:10px;margin:18px 0;font-size:13px}.db-test-ok{background:#e9faf4;color:#087b59;border:1px solid #c8efdf}.db-test-fail{background:#fff0f1;color:#a72832;border:1px solid #f2cdd0}.status-list{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px;font-size:12px}.superadmin-section{margin-top:10px}@media(max-width:650px){.form-grid{grid-template-columns:1fr}.full-field{grid-column:auto}.status-list{grid-template-columns:1fr}.install-actions{flex-direction:column}.install-actions button{width:100%!important}.install-step{flex-wrap:wrap}.step-line{flex:1}}