:root{--bg:#060a14;--panel:#0c1422;--panel2:#101b2d;--line:#1f2d42;--text:#f6f8fd;--muted:#8fa0b7;--cyan:#20dbc0;--blue:#188cff;--purple:#7255ff;--danger:#ff6685;--warning:#ffba4a;--ok:#26d99a;--shadow:0 24px 70px rgba(0,0,0,.34)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:radial-gradient(circle at 85% 10%,#123254 0,transparent 28%),radial-gradient(circle at 4% 88%,#2f175e 0,transparent 24%),var(--bg);color:var(--text)}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,rgba(11,20,35,.98),rgba(7,13,25,.98));border-right:1px solid var(--line);padding:20px 14px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:10px;padding:0 10px 21px;border-bottom:1px solid var(--line)}.brand img{width:44px;height:38px;object-fit:contain}.brand strong{font-size:14px;letter-spacing:.01em}.brand small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.nav{display:grid;gap:5px;margin-top:18px}.nav .label{font-size:9px;color:#657691;font-weight:900;letter-spacing:.11em;margin:14px 11px 5px}.nav a{display:flex;align-items:center;gap:11px;padding:11px 12px;border:1px solid transparent;border-radius:11px;color:#aebbd0;font-size:12px;font-weight:700}.nav a:hover,.nav a.active{color:white;background:#132238;border-color:#263a57}.nav .ico{width:20px;text-align:center;font-size:15px}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:15px}.user-mini{padding:11px;border-radius:12px;background:#101b2d;border:1px solid var(--line)}.user-mini b{display:block;font-size:11px}.user-mini span{display:block;color:var(--muted);font-size:9px;margin:3px 0 9px}.logout-link{color:#ff9db0;font-size:10px;font-weight:800}.main{min-width:0}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid var(--line);background:rgba(6,10,20,.72);backdrop-filter:blur(16px);position:sticky;top:0;z-index:8}.topbar h1{font-size:17px;margin:0}.topbar .sub{color:var(--muted);font-size:10px;margin-top:3px}.top-actions{display:flex;align-items:center;gap:8px}.content{padding:26px;max-width:1600px;margin:0 auto}.grid{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:linear-gradient(180deg,rgba(14,25,43,.94),rgba(10,18,31,.95));border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.card-pad{padding:18px}.metric{padding:18px}.metric small{color:var(--muted);font-size:10px;font-weight:800}.metric strong{display:block;font-size:30px;margin:10px 0 3px}.metric span{font-size:9px;color:#71829b}.section-head{display:flex;justify-content:space-between;align-items:center;margin:26px 0 13px}.section-head h2{font-size:15px;margin:0}.section-head p{font-size:10px;color:var(--muted);margin:4px 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:1px solid #30445f;border-radius:11px;background:#111d30;color:white;padding:0 14px;font-size:10px;font-weight:850}.btn:hover{border-color:#4c688d;background:#17263e}.btn.primary{background:linear-gradient(135deg,var(--purple),#4f35d5);border-color:#7d67eb}.btn.green{background:linear-gradient(135deg,#18c7a9,#07967f);border-color:#23e3c2}.btn.danger{color:#ff9db0;border-color:#6e3040}.btn.warning{color:#ffd58d;border-color:#6d532b}.btn.small{min-height:30px;padding:0 10px;font-size:9px}.pill{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;border:1px solid #2d405d;background:#111f35;font-size:8px;font-weight:900}.pill.active,.pill.sent{color:#55e7ba;border-color:#25785e;background:#0c2a24}.pill.suspended,.pill.failed,.pill.expired{color:#ff98ad;border-color:#733445;background:#2b1119}.pill.pending,.pill.prepared{color:#ffd083;border-color:#765b2b;background:#2b2110}.table-wrap{overflow:auto;border-radius:16px}.table{width:100%;border-collapse:collapse;min-width:760px}.table th{text-align:left;padding:12px 14px;color:#7587a2;font-size:8px;letter-spacing:.09em;border-bottom:1px solid var(--line)}.table td{padding:13px 14px;font-size:10px;border-bottom:1px solid #17243a;vertical-align:middle}.table tr:hover td{background:#101c2e}.actions{display:flex;gap:6px;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field{display:block}.field span{display:block;color:#a8b6ca;font-size:9px;font-weight:800;margin-bottom:6px}.input,.select,.textarea{width:100%;border:1px solid #2a3a53;border-radius:11px;background:#091322;color:white;min-height:41px;padding:9px 11px;outline:none}.textarea{min-height:95px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px rgba(114,85,255,.15)}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.flash{padding:11px 14px;border-radius:11px;margin-bottom:12px;font-size:10px;border:1px solid}.flash.success{background:#0b2b23;border-color:#23755f;color:#82efd1}.flash.error{background:#32131c;border-color:#763247;color:#ffadc0}.flash.info{background:#102742;border-color:#28578b;color:#a8d3ff}.hero{padding:28px;display:grid;grid-template-columns:1.35fr .65fr;gap:22px;align-items:center;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:#6f4fff;filter:blur(100px);opacity:.16;right:-150px;top:-190px}.hero h2{font-size:34px;line-height:1.05;margin:8px 0 13px;max-width:680px}.hero p{color:#a8b6ca;line-height:1.65;font-size:12px;max-width:670px}.hero .tag{display:inline-flex;padding:7px 10px;border-radius:999px;border:1px solid #3b5274;background:#12233a;color:#77ddff;font-size:9px;font-weight:900}.hero-actions{display:flex;gap:9px;margin-top:20px}.mini-list{display:grid;gap:9px}.mini-item{display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:#0d1728}.mini-item b{font-size:10px}.mini-item span{font-size:9px;color:var(--muted)}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.template-card{overflow:hidden}.template-card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#04070e}.template-card .meta{padding:14px}.template-card h3{font-size:12px;margin:0}.template-card p{font-size:9px;color:var(--muted);line-height:1.5;min-height:28px}.template-card .row{display:flex;justify-content:space-between;align-items:center;gap:8px}.empty{padding:34px;text-align:center;color:var(--muted);border:1px dashed #2a405d;border-radius:14px;font-size:11px}.login-page{min-height:100vh;display:grid;place-items:center;padding:28px}.login-shell{width:min(1050px,94vw);display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:center}.login-copy h1{font-size:52px;line-height:.98;margin:18px 0}.login-copy p{color:#a2b1c5;font-size:13px;line-height:1.7;max-width:620px}.login-card{padding:28px}.logo-large{width:200px;height:85px;object-fit:contain;display:block;margin:auto}.login-card h2{text-align:center;margin:8px 0 4px}.login-card .hint{text-align:center;color:var(--muted);font-size:9px;margin-bottom:20px}.note{padding:11px;border:1px solid #31465f;border-radius:11px;background:#0e1b2e;color:#a9bdd5;font-size:9px;line-height:1.55}.brand-preview{height:150px;border:1px dashed #355073;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#101d31,#0a1322);overflow:hidden}.brand-preview img{max-width:75%;max-height:110px;object-fit:contain}.project-thumb{width:88px;height:72px;border-radius:8px;object-fit:cover;background:#050914}.mobile-menu{display:none}.kpi-accent{color:#6ee8cf}.due{color:#ffd27e}.late{color:#ff91a9}.muted{color:var(--muted)}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#08101d;border:1px solid #253752;padding:2px 5px;border-radius:5px;font-size:9px}
@media(max-width:1100px){.grid-4{grid-template-columns:repeat(2,1fr)}.template-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-side{display:none}}
@media(max-width:780px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-270px;width:248px;transition:.25s;z-index:30}.sidebar.open{left:0}.mobile-menu{display:inline-flex}.content{padding:17px}.topbar{padding:0 15px}.grid-4,.grid-3,.grid-2,.form-grid,.template-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr}.login-copy{display:none}.hero h2{font-size:27px}.top-actions .hide-mobile{display:none}}

/* AIMAX Partners Premium 1.1 */
body:before,body:after{content:"";position:fixed;pointer-events:none;border-radius:50%;filter:blur(105px);z-index:-1}
body:before{width:760px;height:760px;left:-300px;top:-340px;background:radial-gradient(circle,#875cff 0%,rgba(118,87,255,.44) 35%,transparent 72%);opacity:.72}
body:after{width:720px;height:720px;right:-300px;bottom:-350px;background:radial-gradient(circle,#16e0bd 0%,rgba(14,177,194,.38) 38%,transparent 72%);opacity:.65}
.sidebar{background:linear-gradient(180deg,rgba(6,17,34,.98),rgba(5,11,24,.98));box-shadow:18px 0 55px rgba(0,0,0,.28)}
.sidebar:before{content:"";position:absolute;inset:0;background:linear-gradient(140deg,rgba(118,87,255,.10),transparent 35%,rgba(31,226,194,.06));pointer-events:none}
.nav a{position:relative;overflow:hidden;transition:.22s}.nav a:hover{transform:translateX(3px);border-color:#3f5c83;box-shadow:0 8px 24px rgba(0,0,0,.2)}.nav a.active{background:linear-gradient(135deg,rgba(53,91,145,.42),rgba(118,87,255,.20));box-shadow:inset 0 0 0 1px rgba(121,157,211,.25),0 10px 28px rgba(0,0,0,.22)}
.nav .ico{font-size:14px;filter:drop-shadow(0 0 8px rgba(104,217,255,.35))}
.card{background:linear-gradient(145deg,rgba(13,28,50,.93),rgba(7,15,29,.94));border-color:rgba(73,103,148,.42);box-shadow:0 18px 55px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.025)}
.hero{background:linear-gradient(125deg,rgba(16,36,65,.96),rgba(17,20,58,.94));border-color:rgba(120,100,255,.38)}
.hero:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;left:-210px;bottom:-330px;background:#00ddbc;filter:blur(105px);opacity:.18}
.hero:after{opacity:.28!important;background:#825cff!important}
.btn{transition:.22s;box-shadow:0 8px 22px rgba(0,0,0,.18)}.btn:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(0,0,0,.28)}
.btn.primary{background:linear-gradient(135deg,#8062ff,#5540da);box-shadow:0 10px 28px rgba(104,76,255,.25)}.btn.green{background:linear-gradient(135deg,#23dfbe,#079e8a);box-shadow:0 10px 28px rgba(17,207,176,.22)}
.metric strong{background:linear-gradient(90deg,#fff,#8affdf);-webkit-background-clip:text;background-clip:text;color:transparent}
.premium-hero{min-height:280px}.premium-hero h2{max-width:760px;font-size:38px}.template-card{transition:.25s}.template-card:hover{transform:translateY(-4px);border-color:rgba(119,94,255,.65);box-shadow:0 25px 65px rgba(0,0,0,.36),0 0 35px rgba(118,87,255,.10)}


/* AIMAX global theme persistence 2.3 */
html[data-theme="light"]{--bg:#eef3f8;--panel:#ffffff;--panel2:#f5f8fc;--line:#d6e0ec;--text:#15243a;--muted:#66758a;--shadow:0 18px 48px rgba(42,66,94,.13)}
html[data-theme="light"] body{background:radial-gradient(circle at 85% 10%,#dcecff 0,transparent 28%),radial-gradient(circle at 4% 88%,#eadfff 0,transparent 24%),var(--bg);color:var(--text)}
html[data-theme="light"] .sidebar{background:linear-gradient(180deg,#ffffff,#f6f9fc);border-color:var(--line)}
html[data-theme="light"] .topbar{background:rgba(255,255,255,.88)}
html[data-theme="light"] .card,html[data-theme="light"] .user-mini,html[data-theme="light"] .mini-item{background:#fff;border-color:var(--line)}
html[data-theme="light"] .nav a{color:#53647a}html[data-theme="light"] .nav a:hover,html[data-theme="light"] .nav a.active{color:#15243a;background:#e9f0f8;border-color:#c9d7e7}
html[data-theme="light"] .input,html[data-theme="light"] .select,html[data-theme="light"] .textarea{background:#fff;color:#15243a;border-color:#cbd8e7}
html[data-theme="light"] .btn{background:#f5f8fc;color:#15243a;border-color:#cbd8e7}
.theme-toggle{min-width:38px}.theme-toggle span{font-size:14px}
