:root{--i-bg:#020d1a;--i-surface:#071c33;--i-line:#17466f;--i-text:#f7fbff;--i-muted:#8ba5bc;--i-cyan:#00c8ff;--i-blue:#087fe8;--i-gold:#e5aa2b;--i-green:#39d98a;--i-red:#ff6b7a}*{box-sizing:border-box}html{background:var(--i-bg)}body.install-ui,body.auth-ui{margin:0;min-height:100vh;color:var(--i-text);font:14px/1.55 Inter,"Noto Sans Thai",system-ui,sans-serif;background:radial-gradient(circle at 75% 0,#0c3965 0,#031426 34%,#020d1a 72%)}.install-topbar,.auth-topbar{position:fixed;z-index:30;inset:0 0 auto 0;height:68px;display:flex;align-items:center;justify-content:space-between;padding:8px 22px;background:rgba(2,13,26,.90);backdrop-filter:blur(18px);border-bottom:1px solid #103455}.install-brand,.auth-topbar>a:first-child{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff}.install-brand img,.auth-topbar img{width:44px;height:44px;border-radius:11px;object-fit:cover}.install-brand span,.auth-topbar span{display:grid;line-height:1.15}.install-brand strong,.auth-topbar strong{font-size:13px}.install-brand small,.auth-topbar small{font-size:8px;color:var(--i-muted);letter-spacing:.08em;margin-top:4px}.install-version{color:#8fa8c2;font-size:11px;border:1px solid #16486f;background:#061b31;padding:7px 10px;border-radius:999px}.install-shell,.auth-shell{min-height:100vh;padding:96px 18px 36px;display:grid;place-items:start center}.install-card{width:min(100%,1050px);border:1px solid #17486f;background:linear-gradient(180deg,rgba(7,28,51,.96),rgba(3,18,34,.98));border-radius:22px;box-shadow:0 28px 90px rgba(0,0,0,.38);overflow:hidden}.install-hero{min-height:170px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(115deg,#082d50,#061a31 62%,#0a355d);position:relative;overflow:hidden}.install-hero:after{content:"";position:absolute;right:-60px;top:-110px;width:460px;height:320px;background:radial-gradient(circle,rgba(0,200,255,.20),transparent 65%)}.install-hero h1{margin:3px 0 6px;font-size:30px}.install-hero p{margin:0;color:#a7bfd4}.install-hero img{width:min(38vw,360px);height:102px;object-fit:cover;border-radius:14px;mix-blend-mode:screen;z-index:1}.eyebrow{margin:0;color:#ffd55b!important;font-size:9px;letter-spacing:.16em;font-weight:800}.install-steps{list-style:none;margin:0;padding:14px 26px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#041529;border-top:1px solid #153f65;border-bottom:1px solid #153f65}.install-steps li{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:11px;color:#6f8ba5}.install-steps li span{display:grid;place-items:center;width:28px;height:28px;border:1px solid #214c72;border-radius:50%;font-weight:800}.install-steps li b{font-size:10px}.install-steps li.active{background:#092945;color:#eaf7ff}.install-steps li.active span{background:linear-gradient(135deg,#087fe8,#00c8ff);border-color:transparent;color:white;box-shadow:0 0 24px rgba(0,200,255,.24)}.install-steps li.done{color:#90dcbc}.install-steps li.done span{border-color:#2a8a69;color:#67dfad}.install-section-head{padding:24px 30px 8px;display:flex;align-items:center;justify-content:space-between;gap:18px}.install-section-head h2{margin:0 0 4px;font-size:19px}.install-section-head p{margin:0;color:var(--i-muted)}.install-status{font-size:9px;font-weight:900;letter-spacing:.08em;padding:7px 10px;border:1px solid #20527b;background:#08243e;border-radius:999px;color:#9edcff}.install-status.pass{border-color:#27765e;color:#70d9ac;background:#092d28}.install-status.fail{border-color:#763748;color:#ff97a3;background:#2b1620}.check-grid{padding:12px 30px 22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.check-item{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #153f65;background:#061a30;border-radius:12px}.check-item .check-mark{display:grid;place-items:center;flex:0 0 32px;height:32px;border-radius:9px;background:#092640;font-weight:900}.check-item div{display:grid}.check-item small{color:var(--i-muted);margin-top:2px;word-break:break-all}.check-item.ok .check-mark{color:var(--i-green);border:1px solid #216b55}.check-item.bad .check-mark{color:var(--i-red);border:1px solid #743949}.install-form{padding:14px 30px 30px}.install-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.install-form label{display:grid;gap:6px;color:#bdd0e1;font-size:11px}.install-form label.span-2{grid-column:1/-1}.install-form input{height:46px;width:100%;border:1px solid #1a4a73;background:#04172b;color:white;border-radius:10px;padding:0 12px;outline:0}.install-form input:focus{border-color:#00aeea;box-shadow:0 0 0 3px rgba(0,174,234,.10)}.install-form label small{color:#718da8}.install-note{margin-top:14px;padding:11px 13px;border:1px solid #234d6f;border-radius:10px;background:#071f37;color:#8eaac2;font-size:11px}.install-actions{display:flex;justify-content:flex-end;padding:8px 30px 30px;gap:10px}.install-form .install-actions{padding:20px 0 0}.install-actions.split{justify-content:space-between}.install-primary,.install-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:10px;padding:0 17px;text-decoration:none;font:inherit;font-weight:800;cursor:pointer}.install-primary{border:0;background:linear-gradient(135deg,#087fe8,#00bce8);color:white;box-shadow:0 10px 25px rgba(8,127,232,.23)}.install-primary:disabled{opacity:.45;cursor:not-allowed}.install-secondary{border:1px solid #235075;background:#071d33;color:#bcd1e2}.install-alert{margin:20px 30px 0;padding:12px 14px;border-radius:11px}.install-alert.error{border:1px solid #743a49;background:#321721;color:#ffb0b8}.install-success{text-align:center;padding:30px 22px 20px}.success-ring{margin:auto;display:grid;place-items:center;width:76px;height:76px;border-radius:50%;font-size:34px;color:#59dfaa;border:1px solid #25825f;background:radial-gradient(circle,#123c35,#071e27);box-shadow:0 0 55px rgba(57,217,138,.16)}.install-success h2{font-size:27px;margin:14px 0 5px}.install-success p{margin:0 auto;max-width:720px;color:#91abc2}.completion-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:10px 30px 20px}.completion-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:20px;border-radius:15px;text-decoration:none;color:white;border:1px solid #1a4c75;background:linear-gradient(135deg,#082744,#06192d)}.completion-card>span{display:grid;place-items:center;width:50px;height:50px;border-radius:13px;background:#0b3153;color:#64dbff;font-size:24px}.completion-card div{display:grid}.completion-card small{color:#e7b84b;font-size:8px;letter-spacing:.13em}.completion-card strong{font-size:17px;margin:3px 0}.completion-card p{margin:0;color:#84a0b9;font-size:10px}.completion-card>b{font-size:10px;color:#8bdfff}.completion-card:hover{border-color:#2b78ad;transform:translateY(-1px)}.install-summary{margin:0 30px 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.install-summary div{display:grid;padding:12px;background:#05182c;border:1px solid #153e61;border-radius:10px}.install-summary span{font-size:9px;color:#7894ae}.install-summary b{margin-top:3px}.install-footer{padding:0 18px 22px;text-align:center;color:#5f7b94;font-size:9px}.auth-topbar>a:last-child{color:#8ddfff;text-decoration:none;font-size:10px}.auth-shell{place-items:center}.auth-card{width:min(440px,100%);padding:30px;border:1px solid #17486f;background:linear-gradient(180deg,#071d35,#031526);border-radius:20px;box-shadow:0 32px 100px rgba(0,0,0,.42)}.auth-logo{display:block;width:135px;height:135px;object-fit:cover;border-radius:20px;margin:0 auto 22px}.auth-card h1{text-align:center;margin:3px 0 6px;font-size:26px}.auth-card>p{text-align:center;color:#8fa8c2;margin:0 0 20px}.auth-card>.eyebrow{text-align:center}.auth-form{display:grid;gap:12px}.auth-form label{display:grid;gap:6px;color:#b7cada;font-size:11px}.auth-form input{height:46px;border:1px solid #1a4a73;background:#031528;color:white;border-radius:10px;padding:0 12px}.auth-form button{margin-top:5px}.auth-note{display:block;text-align:center;margin-top:16px;color:#647f98}@media(max-width:720px){.install-shell{padding-inline:10px}.install-hero{padding:22px}.install-hero img{display:none}.install-hero h1{font-size:24px}.install-steps{grid-template-columns:repeat(4,1fr);padding:10px}.install-steps li{justify-content:center;padding:8px}.install-steps li b{display:none}.check-grid,.install-form-grid,.completion-grid,.install-summary{grid-template-columns:1fr}.install-form label.span-2{grid-column:auto}.check-grid,.install-form,.install-section-head{padding-left:16px;padding-right:16px}.install-actions{padding-left:16px;padding-right:16px}.completion-grid{padding-inline:16px}.install-summary{margin-inline:16px}.completion-card{grid-template-columns:auto 1fr}.completion-card>b{grid-column:1/-1}.install-actions.split{flex-direction:column-reverse}.install-actions.split>*{width:100%}}@media(max-width:420px){.install-brand span{display:none}.install-topbar{padding-inline:12px}.install-card{border-radius:15px}.check-grid{grid-template-columns:1fr}.install-success h2{font-size:22px}}
/* v1.5.9 multilingual installer */
.install-language{display:flex;gap:.3rem;margin-left:auto;margin-right:.75rem}.install-language a{padding:.38rem .6rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);font-size:.78rem}.install-language a[aria-current="true"]{background:rgba(0,200,255,.16);border-color:rgba(0,200,255,.42)}
@media(max-width:720px){.install-language{order:3;width:100%;justify-content:center;margin:.35rem 0 0}.install-topbar{flex-wrap:wrap}}
