:root{
 --navy:#0d1630;--navy2:#111d3b;--bg:#f5f7fb;--panel:#ffffff;--text:#141a2a;
 --muted:#7c879d;--line:#e5e9f2;--primary:#5b5df5;--violet:#7c3aed;--blue:#4c8dff;
 --green:#15b981;--orange:#ff8b3d;--danger:#ef476f;--shadow:0 12px 34px rgba(36,47,79,.09)
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;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}button,input,textarea,select{font:inherit}.hidden{display:none!important}.muted{color:var(--muted)}.glass{background:rgba(255,255,255,.86);border:1px solid rgba(218,224,238,.92);backdrop-filter:blur(24px);box-shadow:var(--shadow)}
.layout{min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:242px;background:linear-gradient(180deg,#101b39,#0a142d);padding:18px 14px;color:#eef3ff;z-index:30;box-shadow:8px 0 40px rgba(8,18,45,.08)}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:800;padding:5px 4px 20px}.brandmark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#58d5ff,#6b5cff 48%,#a955ff);transform:rotate(45deg);box-shadow:0 7px 18px rgba(100,86,255,.35)}.brand small{display:block;color:#8895b5;font-size:10px;font-weight:400;margin-top:2px}.navtitle{font-size:10px;letter-spacing:.09em;color:#697794;padding:16px 11px 7px}.nav{display:grid;gap:5px}.nav a{display:flex;align-items:center;gap:10px;color:#b6c2da;padding:11px 12px;border-radius:10px;font-size:14px;transition:.16s}.nav a:hover,.nav a.active{color:white;background:linear-gradient(90deg,#4356f5,#7c4cf1);box-shadow:0 7px 18px rgba(81,72,238,.26)}.navicon{width:19px;text-align:center}.upgrade{position:absolute;left:14px;right:14px;bottom:54px;border:1px solid #2f416d;border-radius:16px;padding:16px;text-align:center;background:linear-gradient(180deg,rgba(40,55,94,.55),rgba(20,31,62,.55))}.upgrade .crown{font-size:27px}.upgrade b{display:block;margin:7px}.upgrade p{font-size:12px;color:#92a0bf;line-height:1.45}.upgrade a{display:block;background:linear-gradient(90deg,#5465ff,#7a42f1);border-radius:10px;padding:9px;color:#fff;font-size:12px}.sidefoot{position:absolute;bottom:16px;left:19px;color:#64718e;font-size:10px}
.main{margin-left:242px;min-height:100vh}.topbar{height:62px;background:white;border-bottom:1px solid #edf0f5;display:flex;align-items:center;padding:0 26px;gap:16px;position:sticky;top:0;z-index:20}.search{flex:1;max-width:530px;background:#f0f3f8;border:1px solid #e5e9f1;border-radius:12px;padding:10px 14px;color:#8290aa}.topright{margin-left:auto;display:flex;align-items:center;gap:17px}.avatar{width:35px;height:35px;border-radius:50%;background:linear-gradient(135deg,#502edb,#95a6ff);display:grid;place-items:center;color:#fff;font-weight:700}.account{font-size:12px}.account b{display:block;font-size:13px}.content{padding:20px 24px 90px;max-width:1500px;margin:0 auto}.hero{border-radius:17px;min-height:325px;background:linear-gradient(120deg,#071633 0%,#0a1745 44%,#1e2260 70%,#5b285e 100%);position:relative;overflow:hidden;color:#fff;box-shadow:0 12px 30px rgba(15,33,75,.17)}.hero:before{content:"";position:absolute;inset:0;background:url('/assets/images/hero/hero-main.jpg') center/cover;opacity:.55}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,16,43,.98) 0%,rgba(8,20,52,.82) 48%,rgba(7,14,36,.18) 100%)}.hero-content{position:relative;z-index:3;padding:37px 40px;max-width:650px}.hero-logo{font-size:45px;font-weight:850;letter-spacing:-.04em;background:linear-gradient(90deg,#46d7ff,#7c60ff 72%);-webkit-background-clip:text;color:transparent}.hero h2{margin:4px 0 12px;font-size:19px}.hero p{line-height:1.5;color:#e1e8ff;max-width:520px}.hero-actions{display:flex;gap:10px;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:10px;border:1px solid transparent;cursor:pointer}.btn-primary{color:#fff;background:linear-gradient(90deg,#5d56ff,#7b3ff0);box-shadow:0 8px 24px rgba(96,68,245,.3)}.btn-ghost{color:#fff;border-color:#53618f;background:rgba(10,20,52,.25)}.hero-stats{display:flex;gap:70px;margin-top:37px}.hero-stat b{font-size:27px;display:block}.hero-stat span{font-size:11px;color:#aab7d7}.robot-wrap{position:absolute;z-index:4;right:50px;bottom:-20px;width:355px;height:310px}.robot-wrap img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 25px 30px rgba(0,0,0,.32))}
.section{margin-top:20px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.section-title{font-size:20px;font-weight:800}.section-sub{font-size:12px;color:#8a96ab;margin-top:2px}.tools{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tool{background:white;border:1px solid #e9edf4;border-radius:15px;padding:15px;box-shadow:0 6px 18px rgba(35,46,75,.06);min-height:145px;transition:.18s}.tool:hover{transform:translateY(-2px);box-shadow:0 11px 28px rgba(35,46,75,.1)}.tool-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:23px;margin-bottom:11px}.tool h3{font-size:14px;margin:0 0 5px}.tool p{font-size:12px;color:#6f7b91;line-height:1.42;margin:0 0 11px}.tool a{font-size:11px;color:#5364fa;border:1px solid #9ca8ff;padding:6px 12px;border-radius:8px}.i-purple{background:#eee7ff;color:#7b55f8}.i-red{background:#ffe8e7;color:#ff5656}.i-blue{background:#e5efff;color:#377bff}.i-green{background:#dcf8ef;color:#0fb788}.i-orange{background:#fff0df;color:#ff8126}.i-yellow{background:#fff5d9;color:#e7a700}
.templates{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.template img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px;display:block;box-shadow:0 4px 14px rgba(26,39,67,.09)}.template b{font-size:12px;display:block;margin-top:7px}.template span{font-size:10px;color:#8994a8}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.statcard{background:white;border:1px solid #e5ebf5;border-radius:13px;padding:13px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 13px rgba(30,45,76,.045)}.staticon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#ede9ff;color:#6e54f7}.statcard b{font-size:18px}.statcard span{display:block;font-size:10px;color:#758198}
.page-title{font-size:30px;font-weight:800;margin:0 0 5px}.page-sub{color:#7f8ba0;font-size:13px}.panel{background:white;border:1px solid #e8edf4;border-radius:16px;box-shadow:0 6px 18px rgba(32,43,74,.05);padding:18px}.grid{display:grid;gap:14px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.metric{font-size:28px;font-weight:800;margin-top:5px}.two-col{display:grid;grid-template-columns:360px minmax(0,1fr);gap:15px}.stack{display:grid;gap:10px}.input,input,select,textarea{width:100%;border:1px solid #dfe5ef;border-radius:11px;background:#fbfcfe;color:#151b28;padding:11px 12px;outline:none}.input:focus,input:focus,textarea:focus{border-color:#7c87ff;box-shadow:0 0 0 3px rgba(86,99,244,.08)}select option{background:white}.result{min-height:420px}.list{display:grid;gap:9px}.row{padding:13px;border:1px solid #e6ebf3;border-radius:12px;background:#fbfcfe}.chat-layout{display:grid;grid-template-columns:265px 1fr;gap:14px;height:calc(100vh - 104px)}.chat-history{background:white;border:1px solid #e6ebf2;border-radius:14px;padding:12px;overflow:auto}.chat-new{width:100%;border:0;background:#eff2ff;color:#5464f5;border-radius:10px;padding:10px;margin-bottom:8px;cursor:pointer}.chat-item{padding:9px 10px;border-radius:9px;font-size:12px;color:#5f6b80;cursor:pointer}.chat-item:hover,.chat-item.active{background:#f0f3f9;color:#283149}.chatbox{background:white;border:1px solid #e6ebf2;border-radius:14px;display:flex;flex-direction:column;overflow:hidden}.messages{flex:1;overflow:auto;padding:22px;max-width:900px;width:100%;margin:auto}.msg{max-width:82%;border-radius:18px;padding:13px 15px;margin:9px 0;white-space:pre-wrap;line-height:1.52;font-size:14px}.msg.user{margin-left:auto;background:#5c62ef;color:#fff}.msg.ai{background:#f3f5f9;color:#1f2735}.composer{padding:12px;border-top:1px solid #edf0f5;display:flex;gap:7px;align-items:flex-end}.composer textarea{resize:none;border-radius:13px;min-height:44px;max-height:140px}.iconbtn{border:0;background:#f1f3f8;border-radius:10px;width:42px;height:42px;cursor:pointer}.auth-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#f6f8fc}.auth-art{background:linear-gradient(135deg,#0f1a3a,#3c276e);position:relative;overflow:hidden}.auth-art:before{content:"";position:absolute;inset:0;background:url('/assets/images/hero/auth-bg.jpg') center/cover;opacity:.72}.auth-copy{position:absolute;left:7%;bottom:9%;color:#fff;z-index:2;max-width:520px}.auth-copy h1{font-size:50px;line-height:1}.auth-formwrap{display:grid;place-items:center;padding:30px}.authbox{width:min(430px,95%)}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.plan{min-height:340px}.plan.featured{border-color:#6b70ff;box-shadow:0 12px 35px rgba(91,94,245,.13)}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:11px;border-bottom:1px solid #edf0f5;text-align:left;font-size:12px}.admin-table th{color:#8390a4}.installer{min-height:100vh;display:grid;place-items:center;padding:22px;background:linear-gradient(135deg,#0b1530,#261b56)}.installer-card{width:min(780px,96vw);background:white;border-radius:24px;padding:26px;box-shadow:0 25px 70px rgba(0,0,0,.24)}.installer-card h1{margin-top:4px}.eyebrow{font-size:10px;letter-spacing:.12em;color:#5e62f3;background:#eceeff;padding:6px 9px;border-radius:999px;display:inline-block}.checks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0}.check{border:1px solid #e6eaf2;padding:9px 11px;border-radius:10px}.ok{color:#158f64}.bad{color:#d34c5c}.success{padding:14px;border-radius:12px;background:#eafaf3;border:1px solid #c9f0df}.errorbox{padding:14px;border-radius:12px;background:#fff0f2;border:1px solid #ffd8de}.bottomnav{display:none}
@media(max-width:1100px){.tools{grid-template-columns:repeat(2,1fr)}.templates{grid-template-columns:repeat(3,1fr)}.robot-wrap{right:10px;width:300px}.hero-content{max-width:600px}.hero-stats{gap:35px}.g4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:860px){.sidebar{display:none}.main{margin-left:0}.topbar{padding:0 14px}.content{padding:14px 14px 86px}.bottomnav{display:flex;position:fixed;left:8px;right:8px;bottom:8px;background:#101a35;border-radius:15px;padding:7px;z-index:50;justify-content:space-around}.bottomnav a{color:#b5c0d8;font-size:10px;text-align:center}.hero{min-height:410px}.hero-content{padding:25px}.robot-wrap{opacity:.4}.two-col,.chat-layout,.auth-page{grid-template-columns:1fr}.chat-history,.auth-art{display:none}.plans,.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.tools,.templates,.plans,.stats,.g2,.g3,.g4,.checks{grid-template-columns:1fr}.hero-logo{font-size:38px}.hero-stats{display:none}.hero{min-height:340px}.tool{min-height:auto}}