:root{--bg:#020914;--surface:#071526;--surface2:#0a1b30;--line:#173d68;--blue:#087dff;--cyan:#18d2ff;--text:#f4f8ff;--muted:#91a8c4;--green:#35e7a5;--danger:#ff557c;--shadow:0 18px 50px rgba(0,0,0,.32)}
*{box-sizing:border-box}
html{font-size:16px;overflow-x:hidden;-webkit-text-size-adjust:100%}
body{margin:0;min-width:0;overflow-x:hidden;background:radial-gradient(circle at 80% -10%,#092b55 0,#020914 45%,#01050b 100%);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}
img{display:block;max-width:100%}
.appbar{height:72px;position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:14px;padding:0 18px;background:rgba(2,9,20,.97);border-bottom:1px solid #12345b;box-shadow:0 8px 25px rgba(0,0,0,.16)}
.app-brand{display:flex;align-items:center;gap:10px;min-width:0;flex:0 1 auto}.app-brand img{width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important;object-fit:contain!important;border-radius:8px;background:#000;flex:none}.app-brand span{min-width:0}.app-brand strong{display:block;font-size:13px;line-height:1.15;letter-spacing:.7px;white-space:nowrap}.app-brand small{display:block;color:var(--cyan);font-size:9px;letter-spacing:1.4px;margin-top:3px}
.app-user{margin-left:auto;color:var(--muted);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}.app-user b{color:#fff}
.menu-trigger{width:46px!important;height:46px!important;padding:0!important;border-radius:13px;border:1px solid #1d5b98;background:#061426;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;flex:none}.menu-trigger span{width:4px;height:4px;border-radius:50%;background:#73caff}
.app-menu{position:absolute;right:18px;top:62px;width:290px;max-width:calc(100vw - 28px);padding:9px;background:#061323;border:1px solid #1d4d7d;border-radius:16px;box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-7px);transition:.16s ease}.app-menu.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.menu-user{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid #173554}.menu-user img{width:42px!important;height:42px!important;max-width:42px!important;max-height:42px!important;border-radius:50%;object-fit:cover!important;flex:none}.menu-user b{display:block;font-size:14px}.menu-user small{display:block;color:var(--green);margin-top:3px}.menu-links{padding:7px 0}.menu-links a,.menu-logout{display:flex;align-items:center;gap:11px;padding:11px 12px;border-radius:10px;color:#b6c9df;font-size:14px}.menu-links a:hover,.menu-links a.active{background:#0b3a70;color:#fff}.menu-links i,.menu-logout i{font-style:normal;width:21px;text-align:center}.menu-logout{border-top:1px solid #173554;border-radius:0;color:#ff8ba4;margin-top:2px}
.content{width:min(1180px,100%);margin:0 auto;padding:24px 20px 48px}.welcome{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;border:1px solid #164a7d;border-radius:20px;background:linear-gradient(135deg,#071a31,#061022);overflow:hidden}.welcome>div{min-width:0}.welcome h1,.page-title h1{font-size:clamp(26px,4vw,38px);line-height:1.1;margin:7px 0}.welcome p,.page-title p{margin:0;color:var(--muted);line-height:1.5}.welcome img{width:120px!important;height:120px!important;max-width:120px!important;max-height:120px!important;object-fit:contain!important;mix-blend-mode:screen;flex:none}
.eyebrow{display:inline-block;color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:2px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:15px 0}.stats>div,.stat{min-width:0;padding:17px;border:1px solid #123b68;border-radius:17px;background:#061324}.stats span,.stat .icon{font-size:21px}.stats small,.stat small{display:block;color:#8da7c5;margin-top:7px}.stats strong,.stat strong{display:block;font-size:23px;margin-top:4px;overflow-wrap:anywhere}.danger-card,.stat.danger{border-color:#68233d!important}
.due-section{margin-top:13px;border:1px solid #154675;border-radius:17px;background:#061322;overflow:hidden}.due-section.yellow{border-color:#6e5b19}.due-section.orange{border-color:#71431d}.due-section.red{border-color:#70233e}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid #112e4d}.section-head h2{font-size:14px;margin:0}.section-head em{font-style:normal;display:inline-flex;min-width:25px;height:25px;align-items:center;justify-content:center;border-radius:50%;background:#0d3968;margin-left:6px;font-size:12px}.section-head a{color:#6bcaff;font-size:12px;white-space:nowrap}.empty{padding:25px 16px;color:#6f87a4;text-align:center}
.page-title{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}.panel,.form-card{background:#061322;border:1px solid #143e69;border-radius:18px;padding:18px}.search{width:100%;margin-bottom:13px}label{display:block;color:#9bb0ca;font-size:13px;font-weight:700;margin:0 0 13px}input,select,textarea{width:100%;background:#030d19;border:1px solid #1b4168;color:#f4f8ff;border-radius:11px;padding:12px 13px;outline:none;margin-top:7px}input:focus,select:focus,textarea:focus{border-color:#2b9dff;box-shadow:0 0 0 3px rgba(43,157,255,.12)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.wide{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;padding:11px 15px;font-weight:800;min-height:42px}.btn.primary{background:linear-gradient(135deg,#087dff,#0750b6);color:#fff}.btn.ghost{background:#0a1b2e;border:1px solid #244b72;color:#b9cce0}.btn.tiny{padding:7px 10px;min-height:35px;font-size:12px}.btn.full{width:100%}.link{color:#6bcaff}.muted{color:#8198b4;font-size:13px;line-height:1.5}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:left;padding:12px 13px;border-top:1px solid #112e4d;color:#b8cbe3}th{color:#6f9bc7;font-size:11px;text-transform:uppercase}.status{display:inline-flex;padding:5px 8px;border-radius:999px;background:#153b61;color:#b9dbff;font-size:11px;font-weight:800}.status.pago{background:#0a493b;color:#5df1c2}.actions{white-space:nowrap}.iconbtn{display:inline-flex;margin-left:4px;width:31px;height:31px;border:1px solid #234b78;border-radius:8px;align-items:center;justify-content:center}.iconbtn.danger{color:#ff7695}
.client-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.client-card{background:#071729;border:1px solid #123b62;border-radius:15px;padding:15px;min-width:0}.client-top{display:flex;justify-content:space-between;gap:10px}.client-name{font-weight:800;overflow-wrap:anywhere}.client-line{display:flex;justify-content:space-between;gap:10px;padding-top:8px;color:#91a8c4;font-size:13px}.client-line strong{color:#eaf3ff;text-align:right;overflow-wrap:anywhere}.client-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.two-col{display:grid;grid-template-columns:340px minmax(0,1fr);gap:15px}.reseller-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #112e4d}.reseller-row img{width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important;border-radius:50%;object-fit:cover!important;flex:none}.reseller-row div{flex:1;min-width:0}.reseller-row b{display:block;overflow-wrap:anywhere}.reseller-row small{color:#7894b3}.alert{padding:12px 14px;border-radius:12px;margin-bottom:15px;background:#0a2945;border:1px solid #1d5b8d}.alert.success{color:#68f2c4;border-color:#17664e}.alert.danger{color:#ff91a8;border-color:#70243d}
.login-page{min-height:100vh}.landing-top{height:72px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #12345b;background:#020914}.brand{display:flex;align-items:center;gap:10px}.brand img{width:52px!important;height:46px!important;max-width:52px!important;max-height:46px!important;object-fit:contain!important}.brand span{font-weight:800;letter-spacing:.7px}.menu-dot{font-size:27px;color:#8acfff}.login-wrap{width:min(1120px,100%);margin:auto;padding:28px 20px}.login-hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:24px;min-height:390px}.hero-copy{min-width:0}.hero-copy h1{font-size:clamp(36px,5vw,62px);line-height:1.02;margin:12px 0 17px}.hero-copy h1 b{color:#28bfff}.hero-copy p{color:#a1b5cc;font-size:17px;line-height:1.6;max-width:650px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.chips span{padding:8px 13px;border:1px solid #1b5791;border-radius:999px;color:#a8d9ff;background:#06172a}.hero-bot{width:100%!important;height:390px!important;max-width:100%!important;max-height:390px!important;object-fit:contain!important;mix-blend-mode:screen}.login-card{width:min(520px,100%);margin:0 auto 32px;padding:24px;border-radius:20px;background:#061322;border:1px solid #184979;box-shadow:var(--shadow)}.card-logo{display:flex;align-items:center;gap:12px;margin-bottom:20px}.card-logo img{width:55px!important;height:55px!important;max-width:55px!important;max-height:55px!important;object-fit:contain!important}.card-logo strong,.card-logo small{display:block}.card-logo small{color:#7f9bb9;margin-top:4px}.secure{display:block;text-align:center;color:#6883a2;margin-top:14px}footer{text-align:center;color:#58718f;padding:20px}
@media(max-width:820px){.appbar{height:68px;padding:0 12px}.app-brand img{width:44px!important;height:44px!important;max-width:44px!important;max-height:44px!important}.app-brand strong{font-size:12px}.app-brand small{display:none}.app-user{display:none}.app-menu{right:12px;top:59px}.content{padding:16px 12px 36px}.welcome{padding:18px}.welcome img{display:none}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.client-grid{grid-template-columns:1fr}.two-col{grid-template-columns:1fr}.page-title{align-items:flex-start;flex-direction:column}.page-title .btn{width:100%}.grid2{grid-template-columns:1fr}.wide{grid-column:auto}.panel,.form-card{padding:16px}.login-wrap{padding:20px 13px}.login-hero{grid-template-columns:1fr;gap:0}.hero-bot{height:260px!important;max-height:260px!important;order:-1}.hero-copy h1{font-size:40px}.hero-copy p{font-size:15px}.landing-top{height:66px;padding:0 13px}}
@media(max-width:480px){.app-brand strong{font-size:11px}.menu-trigger{width:43px!important;height:43px!important}.content{padding:12px 10px 30px}.welcome{border-radius:15px;padding:16px}.welcome h1{font-size:27px}.welcome p{font-size:14px}.stats{gap:9px}.stats>div,.stat{padding:14px;border-radius:14px}.stats strong,.stat strong{font-size:20px}.section-head{padding:12px}.section-head h2{font-size:13px}.section-head a{font-size:11px}.form-actions{flex-direction:column}.form-actions .btn{width:100%}.hero-bot{height:220px!important;max-height:220px!important}.hero-copy h1{font-size:34px}.login-card{padding:18px}.chips span{font-size:13px;padding:8px 11px}.app-menu{width:calc(100vw - 20px);right:10px}}