:root{color-scheme:dark;--bg:#070d17;--bg2:#0b1422;--panel:#151d2c;--panel2:#20283a;--line:#2c3549;--text:#f2f5fb;--muted:#8d9bb0;--green:#19ca8b;--green2:#42e8aa;--yellow:#f8b51b;--red:#fa626d;--blue:#4a9fe8;--shadow:0 18px 55px rgba(0,0,0,.24)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:radial-gradient(circle at 82% -10%,#20344d 0,transparent 35%),linear-gradient(125deg,var(--bg),#0a1524 60%,#07101c);color:var(--text);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:195px;flex:0 0 195px;background:linear-gradient(180deg,#1b2a40,#111c2d 65%,#0f1928);border-right:1px solid #23344b;padding:18px 12px;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:800;line-height:.95;margin:0 7px 30px;color:#ecf5ff}.brand b{color:#fff}.brand-mark{width:30px;height:30px;display:grid;place-items:center;background:linear-gradient(140deg,#fff,#a7bacd);color:#132030;border-radius:7px;font-size:20px}.account-card{padding:13px 10px 12px;border:1px solid #34465e;border-radius:13px;background:linear-gradient(155deg,#23364d,#17273b);box-shadow:var(--shadow);margin-bottom:13px}.account-row{display:flex;align-items:center;gap:8px}.account-row small,.limit-rest{display:block;color:#b1bfd1;font-size:10px}.account-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(140deg,#19d98f,#099a68);color:#073025;font-weight:900}.account-more{margin-left:auto;color:#9aaec3}.limit-pill{margin:12px -2px 8px;background:linear-gradient(90deg,#137e58,#1cc77c);border-radius:10px;padding:7px 5px;text-align:center;color:#eafff5;font-size:10px;font-weight:900}.limit-label{text-align:center;color:#e5edf5;font-size:9px;font-weight:800}.limit-value{display:block;text-align:center;color:#fff;font-size:11px;margin-top:2px}.limit-rest{text-align:center;margin-top:4px}.nav-divider{color:#7d8ca2;font-size:9px;letter-spacing:1.3px;font-weight:800;margin:22px 9px 7px}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 10px;margin:5px 0;border:1px solid #31445c;border-radius:10px;background:linear-gradient(90deg,#25374d,#223148);color:#d8e1ed;font-size:12px;font-weight:700;transition:.18s}.nav-link:hover,.nav-link.active{border-color:#48718d;background:linear-gradient(90deg,#3a536c,#334b64);box-shadow:inset 3px 0 var(--green),0 5px 18px #0003}.nav-icon{width:18px;text-align:center;font-size:15px}.main-content{width:calc(100% - 195px);padding:14px 20px 42px;min-width:0}.topbar{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 15px;border:1px solid #283c52;border-radius:17px;background:linear-gradient(100deg,#12262e,#172334 72%,#1a2638);box-shadow:var(--shadow);margin-bottom:24px}.title-wrap{display:flex;align-items:center;gap:10px}.title-wrap h1{margin:0;font-size:17px;letter-spacing:-.3px}.title-wrap p{margin:1px 0 0;color:#9babbc;font-size:10px;font-weight:700}.section-icon{width:34px;height:34px;border-radius:11px;background:#293a4b;display:grid;place-items:center;color:#fa6680;font-size:18px}.top-actions{display:flex;align-items:center;gap:8px}.dash-date-form{display:inline-flex;align-items:center;gap:8px;margin:0}.month-picker-wrap{position:relative}.dash-date-input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer;border:0;background:transparent;z-index:2}.month-picker,.btn,.theme-toggle{height:35px;border-radius:10px;border:1px solid #354357;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;background:#263143;color:#dbe5f0;font-size:11px;font-weight:800}.month-picker{gap:10px;min-width:128px;cursor:pointer;position:relative;z-index:1}.month-picker [data-date-label]{font-variant-numeric:tabular-nums}.month-picker span:last-child{color:#9eb0c6}.btn{cursor:pointer}.btn-primary{border:0;background:linear-gradient(120deg,#17be8d,#0aa9a8);color:#05251d}.btn-ghost:hover,.theme-toggle:hover{border-color:#61728a;background:#334158}.theme-toggle{width:35px;padding:0;font-size:17px;color:#f9c84f}.mobile-menu{display:none}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card,.panel{border:1px solid #30394c;border-radius:15px;background:linear-gradient(135deg,#1a2434,#151d2c);box-shadow:0 12px 28px #0002}.metric-card{padding:22px 22px 18px;min-height:148px;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:8px;transition:transform .15s ease,border-color .15s ease}.metric-card:hover{border-color:#465a73;transform:translateY(-1px)}.metric-card:after{content:"";position:absolute;inset:auto -30px -65px auto;width:130px;height:130px;background:#ffffff05;border-radius:50%;pointer-events:none}.metric-head{display:flex;align-items:center;justify-content:space-between;gap:10px;position:relative;z-index:1}.metric-title{font-size:12px;color:#b5c0d0;font-weight:700;letter-spacing:.02em}.metric-value{font-size:clamp(26px,2.4vw,34px);margin:4px 0 0;font-weight:900;letter-spacing:-1.2px;line-height:1.05;color:#f7fbff;position:relative;z-index:1}.metric-note{font-size:11px;color:#8e9caf;line-height:1.4;margin-top:auto;padding-right:8px;max-width:92%;position:relative;z-index:1}.metric-icon{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;border:1px solid #3c4a60;border-radius:12px;background:#273244;color:#f4bb43;font-size:16px}.accent-green{border-top:2px solid var(--green)}.accent-blue{border-top:2px solid var(--blue)}.accent-yellow{border-top:2px solid var(--yellow)}.accent-purple{border-top:2px solid #a98af5}.content-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:12px;margin-top:12px}.panel{padding:14px;overflow:auto}.panel-title{font-weight:900;font-size:12px;margin:0 0 4px}.panel-subtitle{color:#9aa9bb;font-size:10px;font-weight:700;margin-bottom:10px}.chart-panel{overflow:hidden}.chart-wrap{position:relative;margin-top:6px;padding:8px 4px 2px;border:1px solid #2e3b4e;border-radius:12px;background:linear-gradient(180deg,#141e2c,#101826)}.chart-legend{display:inline-flex;align-items:center;gap:8px;margin:4px 0 2px 12px;padding:4px 10px;border:1px solid #355a48;border-radius:8px;background:#15261f;color:#d7efe4;font-size:11px;font-weight:800}.chart-legend-swatch{width:18px;height:3px;border-radius:999px;background:linear-gradient(90deg,#1ad996,#22d87a);box-shadow:0 0 8px rgba(34,216,122,.55)}.revenue-chart{display:block;width:100%;height:260px}.chart-grid{stroke:#3a4658;stroke-width:1;stroke-dasharray:3 5}.chart-baseline{stroke:#4a586c;stroke-width:1.25}.chart-area{fill:url(#chartFill)}.chart-line{fill:none;stroke:#22d87a;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-dot{fill:#0c1a14;stroke:#2ee48f;stroke-width:2.5}.chart-axis{fill:#9eacbe;font-size:11px;font-weight:600}.quick-list{display:grid;gap:7px}.quick-item{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;background:#2a3040;border:1px solid #3c4455;border-radius:9px;font-size:11px;font-weight:800}.quick-item span:last-child{font-size:12px}.quick-item b{color:#b894ff}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.table-wrap{overflow:auto;border:1px solid #343d4d;border-radius:10px}.table{width:100%;border-collapse:collapse;min-width:470px}.table th{background:linear-gradient(90deg,#3e8e8e,#5469a9);color:#f7fffc;text-align:left;font-size:10px;padding:10px}.table td{padding:10px;border-bottom:1px solid #323b4b;color:#dbe3ee;font-size:10px;font-weight:700}.table tr:last-child td{border-bottom:0}.badge{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:9px;font-weight:900}.badge-warn{background:#e4a313;color:#181207}.badge-danger{background:#f15c63;color:#fff}.badge-ok{background:#1cb98a;color:#05281d}.card{background:linear-gradient(135deg,#1a2434,#151d2c);border:1px solid #30394c;border-radius:15px;padding:18px;margin:13px 0;box-shadow:0 12px 30px #0002;overflow:auto}.card h2{margin:0 0 15px;font-size:16px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stats .card{margin:0}.stats h2{font-size:25px}input,select,textarea{background:#101a29;color:#f5f8fd;border:1px solid #3b4a61;border-radius:9px;padding:11px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #18cb8b25}input:not([type=checkbox]),select{min-width:190px}form{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:8px 0}label{display:flex;flex-direction:column;gap:6px;color:#c3cfdd;font-size:11px;font-weight:700}label:has(input[type=checkbox]){flex-direction:row;align-items:center}.err,.ok{padding:12px;border-radius:9px;margin:10px 0}.err{background:#5d2d38;border:1px solid #b34e62}.ok{background:#185743;border:1px solid #2a9d79}small,.muted{color:#9baabd}
@media(max-width:1050px){.sidebar{width:180px;flex-basis:180px}.main-content{width:calc(100% - 180px);padding:12px}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:12px}.content-grid,.lower-grid{grid-template-columns:1fr}.top-actions .btn-ghost{display:none}.metric-value{font-size:26px}}
@media(max-width:700px){.app-shell{display:block}.sidebar{position:fixed;z-index:20;left:-270px;top:0;width:250px;height:100vh;transition:left .2s}.sidebar.open{left:0}.main-content{width:100%;padding:10px}.topbar{margin-bottom:14px;padding:10px}.mobile-menu{display:grid;place-items:center;width:34px;height:34px;border:1px solid #40516a;border-radius:9px;background:#29364a;color:#fff;cursor:pointer}.title-wrap{flex:1}.title-wrap p{display:none}.top-actions{display:flex;flex-wrap:wrap;justify-content:flex-end}.top-actions>:not(.dash-date-form){display:none}.dash-date-form{display:inline-flex}.dashboard-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{min-height:124px;padding:16px}.metric-value{font-size:24px}.metric-note{font-size:10px}.metric-icon{width:32px;height:32px}.panel{padding:11px}.revenue-chart{height:220px}.chart-axis{font-size:10px}.lower-grid{display:block}.card{padding:13px}form label{width:100%}input:not([type=checkbox]),select{width:100%;min-width:0}.table-wrap{margin-right:-2px}}
/* SaaS workspace components */
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:5px 0 18px}.eyebrow{color:#5be6bd;font-size:9px;letter-spacing:1.6px;font-weight:900;margin-bottom:5px}.page-heading{margin:0;font-size:24px;letter-spacing:-.8px}.page-description{margin:4px 0 0;color:var(--muted);font-size:11px;font-weight:600}.mini-metrics{margin-bottom:14px}.mini-metrics .metric-card{min-height:118px;padding:18px}.mini-metrics .metric-value{font-size:28px}.client-panel{margin-top:14px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.search-form{margin:0;align-items:center}.search-form input{width:250px}.client-table{min-width:850px}.person-cell{display:flex;align-items:center;gap:9px;min-width:175px}.person-cell strong{display:block;color:#f7f9fd}.person-cell small{display:block;font-size:9px;margin-top:2px}.person-avatar,.plan-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:linear-gradient(140deg,#26d99a,#087f77);color:#06281e;font-weight:900}.row-actions{display:flex;gap:5px}.inline-form{display:inline-flex;margin:0}.icon-button{display:grid;place-items:center;width:29px;height:29px;padding:0;border:1px solid #45546b;border-radius:8px;background:#293548;color:#dbe9f5;cursor:pointer;font-weight:900}.icon-button:hover{border-color:var(--green);background:#30445a}.icon-charge{color:#f9c652}.icon-delete{color:#ff7c8a}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:5px}.status-dot.dot-red{background:var(--red)}.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.plan-card{background:linear-gradient(145deg,#1c293b,#151e2e);border:1px solid #34445a;border-radius:16px;padding:17px;box-shadow:0 15px 35px #0002;transition:.18s}.plan-card:hover{transform:translateY(-2px);border-color:#4e7891}.plan-card-top{display:flex;align-items:center;justify-content:space-between}.plan-icon{width:39px;height:39px;font-size:16px;border-radius:12px}.plan-status{font-size:10px;color:#64e3b3;font-weight:800}.plan-card h3{margin:15px 0 3px;font-size:17px}.plan-price{font-size:24px;font-weight:900;letter-spacing:-.7px}.plan-price small{font-size:10px;font-weight:700;color:var(--muted)}.plan-stat{display:flex;justify-content:space-between;border-top:1px solid #2d3b4e;padding:10px 0 0;margin-top:12px;color:#aab8c9;font-size:10px}.plan-stat strong{color:#f5f8fd}.plan-actions{display:flex;gap:7px;margin-top:16px}.plan-actions .btn{font-size:10px;padding:9px 10px}.modal-backdrop{display:none;position:fixed;z-index:50;inset:0;padding:18px;background:rgba(2,8,16,.76);backdrop-filter:blur(6px);align-items:center;justify-content:center}.modal-backdrop.open{display:flex}.modal-card{position:relative;width:min(620px,100%);max-height:92vh;overflow:auto;border:1px solid #40536b;border-radius:18px;background:linear-gradient(145deg,#1d2a3c,#111b29);box-shadow:0 25px 90px #0008;padding:25px}.modal-card h2{margin:0;font-size:22px;letter-spacing:-.5px}.modal-description{color:var(--muted);font-size:11px;margin:5px 0 18px}.modal-close{position:absolute;right:14px;top:12px;width:30px;height:30px;border:1px solid #42546a;background:#27364a;color:#dce8f4;border-radius:9px;cursor:pointer;font-size:20px;line-height:1}.modal-form{display:block;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid .wide{grid-column:1/-1}.consent-box{display:grid;gap:10px;margin-top:16px;padding:13px;border:1px solid #33455c;border-radius:11px;background:#111c2b;color:#cbd6e2}.consent-box strong{font-size:11px;color:#f3f6fb}.consent-box label{font-size:10px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.empty-state{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--muted);text-align:center}.empty-state span{font-size:28px;color:#53dfb1}.empty-state strong{color:#e7edf6}.empty-state small{font-size:11px}@media(max-width:1050px){.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.page-head{align-items:flex-start;flex-direction:column}.page-heading{font-size:21px}.toolbar{align-items:stretch;flex-direction:column}.search-form{width:100%}.search-form input{flex:1;width:auto}.plans-grid{grid-template-columns:1fr}.modal-card{padding:19px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.modal-footer{flex-direction:column-reverse}.modal-footer .btn{width:100%}}
.service-badge{display:inline-flex;padding:4px 7px;border-radius:6px;background:#344a69;color:#a9d5ff;font-size:9px;font-weight:900;letter-spacing:.5px}.server-cell{max-width:180px;overflow:hidden;text-overflow:ellipsis;color:#9eafc2;font-size:10px}
/* Payment gateway workspace */
.security-chip,.connection-status{display:inline-flex;align-items:center;gap:6px;color:#6ee8bc;font-size:10px;font-weight:800;border:1px solid #2e6d5c;background:#14352f;border-radius:999px;padding:8px 11px}.gateway-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.8fr);gap:14px}.gateway-main,.gateway-side{margin:0}.gateway-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:16px;border-bottom:1px solid #2c3a4d}.connection-status i{width:7px;height:7px;border-radius:50%;background:#36dc9b}.gateway-form{display:block;margin:18px 0 0}.gateway-select-label{max-width:420px}.gateway-select-label select{margin-top:2px}.provider-guide{display:none;align-items:center;gap:12px;margin:16px 0;padding:13px;border:1px solid #39546a;border-radius:12px;background:linear-gradient(100deg,#1d3545,#1c293b)}.provider-guide.active{display:flex}.provider-logo{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;font-weight:950;font-size:12px}.logo-v3{background:#36c9a3;color:#062e26}.logo-asaas{background:#6aa9ff;color:#071c35}.logo-mp{background:#f4c94d;color:#30250a}.provider-guide strong{display:block;font-size:13px}.provider-guide small{display:block;color:#a9b9ca;font-size:10px;margin-top:3px}.gateway-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.gateway-fields label{min-width:0}.gateway-fields small,.sandbox-toggle small{display:block;color:#91a2b6;font-size:9px;font-weight:600;margin-top:4px}.sandbox-toggle{flex-direction:row!important;align-items:flex-start!important;margin:17px 0;padding:12px;border:1px solid #334459;border-radius:11px;background:#111c2a}.sandbox-toggle input{margin-top:2px}.sandbox-toggle strong{display:block;color:#dae6f2}.gateway-save{margin-top:3px}.webhook-box{padding:13px;border:1px solid #3b4b60;border-radius:11px;background:#101a28}.webhook-box code{display:block;word-break:break-all;color:#9fe4c6;font-size:10px;line-height:1.6;margin-bottom:11px}.gateway-checklist{display:grid;gap:8px;margin:18px 0;color:#b5c4d4;font-size:10px;font-weight:700}.gateway-notes{display:none;padding-top:16px;border-top:1px solid #2d3b4c}.gateway-notes.active{display:block}.gateway-notes strong{color:#68e6b7;font-size:11px}.gateway-notes p{color:#a9b6c6;font-size:10px;line-height:1.6;margin:5px 0 0}@media(max-width:850px){.gateway-layout{grid-template-columns:1fr}}@media(max-width:600px){.gateway-heading{flex-direction:column}.gateway-fields{grid-template-columns:1fr}.security-chip{align-self:flex-start}}

/* WhatsApp settings provider panels */
.wa-provider-panel[hidden]{display:none!important}
.settings-wa-form .wa-provider-panel.is-visible{display:contents}
.card.wa-provider-panel.is-visible{display:block}
.settings-panel-hint{margin:4px 0 12px;font-size:12px;line-height:1.45}
.settings-provider-field{min-width:240px}

/* ===== Login page (full-screen) ===== */
body.is-login{min-height:100vh;min-height:100dvh;margin:0;font-family:Sora,ui-sans-serif,system-ui,sans-serif;background:#060b14;overflow-x:hidden}
.login-page{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);min-height:100vh;min-height:100dvh;width:100%}
.login-visual{position:relative;overflow:hidden;padding:48px 52px;display:flex;align-items:flex-end;background:linear-gradient(155deg,#0a1626 0%,#0c1f2e 42%,#07141f 100%);border-right:1px solid rgba(62,90,110,.35)}
.login-visual-glow{position:absolute;inset:0;pointer-events:none;background:
 radial-gradient(ellipse 70% 55% at 18% 18%,rgba(25,202,139,.28),transparent 58%),
 radial-gradient(ellipse 55% 45% at 88% 72%,rgba(74,159,232,.18),transparent 60%),
 radial-gradient(circle at 70% 10%,rgba(255,255,255,.06),transparent 40%);
 animation:loginGlow 9s ease-in-out infinite alternate}
.login-visual-mesh{position:absolute;inset:-20% -10%;pointer-events:none;opacity:.55;background:
 conic-gradient(from 210deg at 40% 40%,transparent 0 55%,rgba(25,202,139,.07) 70%,transparent 85%),
 linear-gradient(125deg,transparent 40%,rgba(74,159,232,.05) 70%,transparent);
 animation:loginMesh 14s linear infinite}
.login-visual-grid{position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:
 linear-gradient(rgba(148,180,210,.12) 1px,transparent 1px),
 linear-gradient(90deg,rgba(148,180,210,.12) 1px,transparent 1px);
 background-size:42px 42px;
 mask-image:linear-gradient(180deg,#000 20%,transparent 95%)}
.login-visual-inner{position:relative;z-index:1;max-width:520px;animation:loginRise .7s ease both}
.login-brand{margin:0 0 36px}
.login-brand .brand-mark{width:38px;height:38px;border-radius:11px;font-size:22px;box-shadow:0 10px 28px rgba(0,0,0,.35)}
.login-kicker{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px;padding:6px 12px;border-radius:999px;border:1px solid rgba(36,180,130,.35);background:rgba(18,90,70,.28);color:#7eefc4;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.login-visual-title{margin:0 0 14px;font-size:clamp(28px,3.4vw,42px);line-height:1.12;letter-spacing:-.04em;font-weight:800;color:#f4f8fd;max-width:16ch}
.login-visual-text{margin:0 0 28px;color:#9eb0c4;font-size:15px;line-height:1.55;font-weight:500;max-width:38ch}
.login-features{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.login-features li{display:flex;align-items:center;gap:12px;color:#d5e0ec;font-size:13px;font-weight:600}
.login-features li span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:linear-gradient(140deg,#1ad996,#0a9a7a);color:#04251c;font-size:11px;box-shadow:0 8px 20px rgba(16,180,120,.25)}
.login-panel{display:flex;align-items:center;justify-content:center;padding:36px 28px;background:
 radial-gradient(ellipse 80% 50% at 100% 0%,rgba(25,202,139,.08),transparent 50%),
 linear-gradient(180deg,#0b1420,#080e18)}
.login-panel-inner{width:100%;max-width:400px;animation:loginRise .75s .08s ease both}
.login-brand-mobile{display:none;margin-bottom:28px}
.login-eyebrow{margin:0 0 8px;color:#5be6bd;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.login-title{margin:0 0 8px;font-size:clamp(26px,3vw,34px);font-weight:800;letter-spacing:-.035em;color:#f5f8fd}
.login-lead{margin:0 0 26px;color:#8fa1b6;font-size:14px;line-height:1.5;font-weight:500}
.login-card{margin:0;padding:0;background:transparent;border:0;box-shadow:none}
.login-form{display:flex;flex-direction:column;align-items:stretch;gap:16px;margin:0;flex-wrap:nowrap}
.login-field{display:flex;flex-direction:column;gap:8px;width:100%;margin:0;color:#c5d2e0;font-size:12px;font-weight:600;letter-spacing:.02em}
.login-field input{width:100%;min-width:0;height:48px;padding:0 14px;border-radius:12px;border:1px solid #354861;background:rgba(12,22,34,.92);color:#f3f7fc;font-size:14px;font-weight:500;transition:border-color .18s,box-shadow .18s,background .18s}
.login-field input::placeholder{color:#6d8096}
.login-field input:hover{border-color:#4a617a}
.login-field input:focus{border-color:#1dca8d;box-shadow:0 0 0 4px rgba(25,202,139,.16);background:#0d1a28;outline:none}
.login-submit{display:inline-flex;align-items:center;justify-content:center;width:100%;height:50px;margin-top:6px;border:0;border-radius:12px;cursor:pointer;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:.01em;color:#04261c;background:linear-gradient(120deg,#1ad996 0%,#12b8a0 55%,#0aa3b0 100%);box-shadow:0 12px 28px rgba(16,170,130,.28),inset 0 1px 0 rgba(255,255,255,.25);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
.login-submit:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 16px 34px rgba(16,170,130,.36),inset 0 1px 0 rgba(255,255,255,.28)}
.login-submit:active{transform:translateY(0);filter:brightness(.98)}
.login-panel .err{margin:0 0 16px;padding:12px 14px;border-radius:12px;background:rgba(120,40,55,.45);border:1px solid rgba(220,90,110,.45);color:#ffd0d6;font-size:13px;font-weight:600}
.login-foot{margin:28px 0 0;color:#6a7d92;font-size:11px;font-weight:500}
@keyframes loginGlow{from{opacity:.85;transform:scale(1)}to{opacity:1;transform:scale(1.04)}}
@keyframes loginMesh{from{transform:rotate(0deg)}to{transform:rotate(8deg)}}
@keyframes loginRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.login-visual-glow,.login-visual-mesh,.login-visual-inner,.login-panel-inner{animation:none}}
@media (max-width:980px){
 .login-page{grid-template-columns:1fr}
 .login-visual{min-height:auto;padding:28px 24px 36px;align-items:flex-start;border-right:0;border-bottom:1px solid rgba(62,90,110,.3)}
 .login-visual-title{font-size:28px;max-width:none}
 .login-visual-text{margin-bottom:18px;font-size:14px}
 .login-features{grid-template-columns:1fr;gap:10px}
 .login-brand{margin-bottom:22px}
 .login-panel{padding:28px 22px 40px;align-items:flex-start}
}
@media (max-width:640px){
 .login-visual{display:none}
 .login-brand-mobile{display:flex}
 .login-panel{min-height:100vh;min-height:100dvh;align-items:center;padding:28px 18px 36px}
 .login-panel-inner{max-width:440px}
 .login-title{font-size:28px}
 .login-field input,.login-submit{height:52px}
}