*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#0b1120;color:#e2e8f0}button,input,select{font:inherit}button{cursor:pointer}.brand{font-weight:900;letter-spacing:.4px;color:#f8fafc}.brand:first-letter{color:#a78bfa}.auth{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 10%,#1c1640,#0b1120 55%)}.authbox{width:min(92%,420px);padding:32px;border:1px solid #29354a;background:#111a2c;border-radius:18px;box-shadow:0 20px 60px #0008}.authbox h1{margin:25px 0 8px}.authbox p,.dashintro p,.edithead p{color:#94a3b8}.authbox input,.editor input,.editor select,.modal input,.modal select,.serveredit input{width:100%;padding:12px 14px;margin:8px 0 14px;border-radius:10px;border:1px solid #334155;background:#0b1120;color:#e2e8f0;outline:none}.primary{border:0;border-radius:10px;padding:12px 18px;background:linear-gradient(90deg,#8b5cf6,#06b6d4);color:#fff;font-weight:800}.authbox .primary{width:100%;margin-top:5px}.error,.notice{padding:12px;border-radius:10px;background:#3b1820;color:#fda4af}.adminwrap{min-height:100vh}.adminhead{height:68px;border-bottom:1px solid #1e293b;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#0b1120}.adminhead a{color:#a78bfa;text-decoration:none;margin-right:18px}.ghost{border:1px solid #334155;background:transparent;color:#cbd5e1;padding:9px 14px;border-radius:9px}.dashboard{max-width:1200px;margin:auto;padding:38px 20px}.dashintro,.edithead{display:flex;justify-content:space-between;align-items:center;gap:20px}.dashintro h1{font-size:36px;margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}.stats div{background:#111a2c;border:1px solid #263247;padding:20px;border-radius:14px}.stats b{display:block;font-size:28px}.stats span{color:#94a3b8}.notice{margin:15px 0;background:#112c28;color:#86efac}.layout{display:grid;grid-template-columns:320px 1fr;gap:18px}.list,.editor{background:#0f172a;border:1px solid #263247;border-radius:16px;padding:18px}.list h2,.editor h2{margin-top:0}.siteitem{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:14px;margin:7px 0;border-radius:11px;border:1px solid #253248;background:#111a2c;color:#e2e8f0}.siteitem.selected{border-color:#8b5cf6}.siteitem small{display:block;color:#64748b;margin-top:3px}.siteitem em{font-style:normal;font-size:10px;font-weight:800}.live{color:#34d399}.expired{color:#f87171}.empty{padding:35px 10px;color:#64748b;text-align:center}.empty.big{min-height:400px;display:grid;place-items:center}.editor label{display:block;color:#cbd5e1;font-size:13px;font-weight:700}.check{display:flex!important;align-items:center;gap:8px;margin:8px 0 24px}.check input{width:auto!important;margin:0!important}.serveredit{border:1px solid #263247;background:#111a2c;padding:14px;border-radius:12px;margin:12px 0}.serveredit strong{display:block;margin-bottom:8px}.danger{background:#3b1820;color:#fda4af;border:1px solid #7f1d1d;padding:9px 14px;border-radius:9px}.save{margin-top:10px;width:100%}.overlay{position:fixed;inset:0;background:#020617dd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;display:grid;place-items:center;padding:20px}.modal{width:min(100%,460px);background:#111827;border:1px solid #334155;border-radius:18px;padding:24px;position:relative}.modal .x{position:absolute;right:14px;top:12px;background:transparent;border:0;color:#94a3b8;font-size:26px}.modal h2{margin-top:0}.modal .primary{width:100%}.public{min-height:100vh;background:#0b1120}.public header{height:68px;border-bottom:1px solid #1e293b;padding:0 5%;display:flex;justify-content:space-between;align-items:center}.system{color:#34d399;font-size:12px}.public main{max-width:1200px;margin:auto;padding:40px 20px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.hero h1{font-size:clamp(32px,6vw,52px);line-height:1.1}.hero h1 span,.sectiontitle span{background:linear-gradient(90deg,#a78bfa,#06b6d4);-webkit-background-clip:text;color:transparent}.hero p{color:#94a3b8}.hero-video{aspect-ratio:16/9;border:1px solid #334155;border-radius:16px;overflow:hidden;position:relative;background:#111827}.hero-video video{width:100%;height:100%;object-fit:cover}.hero-video b{position:absolute;left:12px;top:12px;background:#ff2d55;padding:5px 10px;border-radius:5px;font-size:11px}.sectiontitle{display:flex;justify-content:space-between;align-items:center;margin:55px 0 22px}.sectiontitle h2{font-size:28px}.sectiontitle small{color:#94a3b8}.servergrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.card{background:#111a2c;border:1px solid #263247;border-radius:16px;padding:16px}.cardtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cardtop span{font-size:10px;color:#34d399}.serverimg{aspect-ratio:16/9;border-radius:11px;overflow:hidden;background:#0b1120}.serverimg img{width:100%;height:100%;object-fit:cover}.placeholder{height:100%;display:grid;place-items:center;color:#475569}.bar{margin:15px 0;height:6px;background:#1e293b;border-radius:5px;position:relative}.bar i{display:block;width:60%;height:100%;background:#34d399;border-radius:5px}.card button{width:100%;border:0;border-radius:10px;padding:13px;background:linear-gradient(90deg,#8b5cf6,#06b6d4);color:#fff;font-weight:800}.browser{width:min(1100px,100%);height:min(88vh,720px);background:#fff;border-radius:10px;overflow:hidden;color:#111}.btitle{height:42px;background:#eef1f5;display:flex;justify-content:space-between;align-items:center;padding:0 12px}.btitle button{border:0;background:transparent;font-size:20px}.toolbar{height:48px;display:flex;gap:7px;align-items:center;padding:7px;border-bottom:1px solid #ddd}.toolbar button{border:0;background:transparent;font-size:18px}.toolbar div{flex:1;background:#f1f3f5;border-radius:18px;padding:9px 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.browser iframe{width:100%;height:calc(100% - 90px);border:0}.expiredpage,.loading{min-height:100vh;display:grid;place-items:center;text-align:center}.expiredpage h1{color:#f87171}@media(max-width:800px){.layout,.hero,.stats{grid-template-columns:1fr}.dashintro,.edithead{align-items:flex-start;flex-direction:column}.dashboard{padding:25px 12px}.public main{padding:25px 14px}}