@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;--ink:#10253b;--dark:#071729;--nav:#071728;--nav2:#0a2438;--muted:#6e7e91;--soft:#f5f8fa;--line:#e4ebf0;--lime:#cbf25e;--cyan:#24b6e2;--primary:#087ea3;--green:#18936b;--orange:#e59532;--red:#e85e69;--card:#fff;--shadow:0 14px 42px rgba(25,55,78,.045)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7fafb;color:var(--ink);font-family:'DM Sans',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit}h1,h2,h3,h4,p{margin-top:0}.app{display:flex;min-height:100vh}.sidebar{background:linear-gradient(170deg,#061728 0%,#09263b 78%,#071e2c 100%);color:#cad9e8;width:258px;flex:0 0 258px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:25;overflow:auto;scrollbar-width:thin;scrollbar-color:#19374a transparent}.brand{display:flex;align-items:center;gap:11px;margin:24px 22px 22px}.brand-logo{width:48px;height:48px;object-fit:cover;object-position:center;border-radius:12px;border:1px solid #375067;background:#06111e}.brand-copy strong{display:block;color:#fff;font-size:18px;font-weight:800;letter-spacing:-.8px}.brand-copy strong span{color:var(--lime)}.brand-copy small{display:block;color:#849eaf;font-size:10px;letter-spacing:1px;font-weight:700;margin-top:3px}.workspace-pill{border:1px solid #244458;background:linear-gradient(90deg,#0d3147,#0a293b);border-radius:9px;padding:12px 11px;margin:0 16px 23px;color:#cee5ec;font-size:10px;letter-spacing:1.4px;font-weight:800;display:flex;align-items:center;gap:9px}.workspace-icon{margin-left:auto;font-size:15px;letter-spacing:0;opacity:.7}.pulse-dot{background:#bfea51;width:7px;height:7px;display:inline-block;border-radius:50%;box-shadow:0 0 0 3px #a7db4930;flex:0 0 7px}.nav-caption{padding:0 23px 10px;color:#637e92;font-size:10px;letter-spacing:2px;font-weight:800}.nav-caption-inner{padding:22px 12px 9px;font-size:10px}.nav{padding:0 13px}.nav-item{appearance:none;border:none;background:none;color:#b2c9d8;width:100%;text-align:left;display:flex;gap:12px;align-items:center;padding:12px 13px;border-radius:10px;font-weight:600;margin:2px 0;transition:background .18s,color .18s;white-space:nowrap}.nav-item:hover{background:#183c51;color:#fff}.nav-item.active{background:linear-gradient(100deg,#24596b,#1c4355);color:#f5fff1;box-shadow:inset 3px 0 0 var(--lime)}.nav-icon{width:24px;text-align:center;display:inline-block;font-size:21px;line-height:1;color:#96c5ce}.nav-item.active .nav-icon{color:var(--lime)}.nav-counter{font-size:10px;margin-left:auto;background:#19384b;padding:4px 7px;border-radius:7px;color:var(--lime)}.side-bottom{margin-top:auto;padding:22px 16px}.side-help{display:flex;align-items:center;gap:10px;border:1px solid #285066;background:#15364a;padding:13px;border-radius:12px}.side-help>span{background:#c9ed5a20;color:var(--lime);padding:8px;border-radius:8px;font-size:20px}.side-help strong{color:#f2fcfa;display:block;font-size:11px}.side-help small{display:block;font-size:10px;color:#9bb4c5;margin-top:5px;white-space:nowrap}.side-footer{font-size:10px;color:#7191a1;text-align:center;padding-top:20px;letter-spacing:.7px}.side-footer span{margin:0 5px}.main{min-width:0;flex:1}.topbar{height:69px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:20px}.top-left,.top-actions{display:flex;align-items:center;gap:14px}.crumb-brand{font-size:12px;font-weight:800;letter-spacing:.8px}.crumb-divider{color:#c5d2d8}.top-left #crumb-page{font-size:12px;color:#607385}.top-date{font-size:12px;color:#6f8190}.demo-tag{color:#38765e;font-size:10px;font-weight:800;background:#eaf7ed;border:1px solid #d5eddd;border-radius:20px;padding:7px 11px;display:flex;align-items:center;gap:7px}.avatar{background:#102a3b;color:var(--lime);border:0;border-radius:10px;width:35px;height:35px;font-weight:800;font-size:11px}.main-content{max-width:1590px;margin:0 auto;padding:30px 34px 18px}.page-header{display:flex;justify-content:space-between;gap:15px;align-items:end;margin-bottom:26px}.eyebrow{font-size:10px;letter-spacing:2.3px;color:#1595ac;font-weight:800;margin-bottom:9px}h1{font-family:Manrope,'DM Sans',sans-serif;font-size:27px;font-weight:800;letter-spacing:-1px;color:#142d40;margin-bottom:8px}.heading-star{color:#e2a133;font-size:19px}.page-header p{color:#7a8d9d;margin:0;font-size:13px}.header-buttons{display:flex;gap:9px;flex-wrap:wrap}.btn{border:1px solid transparent;border-radius:10px;display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-weight:800;font-size:12px;transition:transform .14s,background .14s;text-decoration:none}.btn:hover{transform:translateY(-1px)}.btn-lime{background:var(--lime);color:#183324}.btn-dark{background:#122e40;color:white}.btn-outline{background:white;color:#1d4154;border-color:#dce7ed}.btn-ghost{background:#eef5f7;color:#2b5967}.btn-danger{background:#fff0f1;color:#b53643;border-color:#fad9de}.btn-sm{padding:7px 11px;border-radius:8px;font-size:11px}.btn:focus-visible,.nav-item:focus-visible{outline:3px solid #66cbe0}.grid{display:grid;gap:17px}.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:20px 21px;min-width:0;box-shadow:var(--shadow);position:relative;overflow:hidden}.kpi .kpi-head{display:flex;align-items:start;justify-content:space-between;gap:10px}.kpi .kpi-label{font-size:11px;color:#738798;font-weight:700}.kpi .kpi-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:21px}.kpi:nth-child(1) .kpi-icon{background:#ecf3ff;color:#3b8fca}.kpi:nth-child(2) .kpi-icon{background:#f2f9df;color:#719d30}.kpi:nth-child(3) .kpi-icon{background:#e7f8f2;color:#329b80}.kpi:nth-child(4) .kpi-icon{background:#fff2e6;color:#cb8232}.kpi-value{font-family:Manrope,sans-serif;font-size:27px;font-weight:800;letter-spacing:-1px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpi-note{font-size:11px;color:#8a9aaa;margin-top:5px}.kpi-note strong{color:#188e68}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.panel-head{padding:20px 21px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px}.panel-title{font-family:Manrope,sans-serif;font-size:14px;font-weight:800;color:#172d3e;margin:0}.panel-sub{font-size:11px;color:#8699a6;margin-top:5px}.panel-body{padding:0 21px 20px}.two-columns{grid-template-columns:minmax(0,1.65fr) minmax(290px,1fr);margin-top:17px}.two-equal{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:17px}.mini-actions{display:flex;gap:10px;flex-wrap:wrap}.mini-actions .action-card{flex:1;min-width:155px;padding:15px;border:1px solid var(--line);border-radius:11px;background:#fbfdfe;display:flex;gap:10px;align-items:center;text-align:left;font-weight:700;color:#37546a}.mini-actions .action-card:hover{border-color:#79c3d4;background:#f1fbff}.action-card>span{font-size:22px}.hero-banner{border-radius:17px;position:relative;overflow:hidden;min-height:146px;background:radial-gradient(circle at 84% 45%,#2b7190 0%,transparent 35%),linear-gradient(110deg,#09273b,#0e4964);padding:24px 28px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.hero-banner:after{content:'◉';font-size:240px;opacity:.09;position:absolute;right:20px;top:-75px;color:#cfff64}.hero-banner .micro{font-size:10px;letter-spacing:2.5px;color:#c5ef6a;font-weight:800;margin-bottom:9px}.hero-banner h2{font-family:Manrope,sans-serif;font-size:22px;line-height:1.33;margin-bottom:7px;max-width:560px}.hero-banner p{color:#9ec1d2;font-size:12px;margin-bottom:0}.hero-ornament{font-size:65px;color:#caff69;z-index:1;line-height:1;font-weight:800}.table-wrap{overflow:auto}.data-table{border-collapse:collapse;width:100%;font-size:12px;min-width:590px}.data-table th{text-align:left;color:#899bab;background:#f9fbfc;font-size:10px;letter-spacing:.8px;font-weight:800;text-transform:uppercase;padding:13px 15px;border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:13px 15px;border-bottom:1px solid #edf1f4;color:#365166;white-space:nowrap}.data-table tbody tr:hover{background:#fbfdfd}.data-table tbody tr:last-child td{border-bottom:0}.data-table strong{color:#1a3447}.muted{color:#8695a6}.cell-secondary{font-size:10px;color:#889aa8;margin-top:3px}.badge{font-size:10px;font-weight:800;padding:5px 9px;border-radius:100px;display:inline-flex;gap:4px;align-items:center;white-space:nowrap}.badge-green{color:#147b57;background:#e3f7ed}.badge-red{color:#b7434b;background:#fff0f1}.badge-yellow{color:#a87824;background:#fff5df}.badge-blue{color:#2a829a;background:#e8f8fc}.badge-gray{color:#748391;background:#f0f3f6}.empty{padding:28px;text-align:center;color:#8d9ca6;font-size:12px}.empty-icon{display:block;font-size:32px;margin-bottom:12px;color:#b2c4cb}.empty strong{display:block;font-size:13px;color:#334e60;margin-bottom:6px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:17px 20px;border-bottom:1px solid var(--line)}.search{border:1px solid var(--line);background:#fff;border-radius:10px;padding:9px 12px;min-width:230px;outline:0;color:var(--ink)}.search:focus,input:focus,select:focus,textarea:focus{outline:2px solid #79c9d9;outline-offset:1px}.filter{border:1px solid var(--line);border-radius:9px;padding:9px 11px;color:#42586b;background:white}.filters{display:flex;gap:8px;flex-wrap:wrap}.stat-line{display:flex;justify-content:space-between;border-bottom:1px solid #edf1f4;padding:12px 0;gap:10px;font-size:12px;color:#5f7181}.stat-line:last-child{border:0}.stat-line strong{color:#193649}.progress{height:8px;background:#eef3f6;border-radius:100px;overflow:hidden;margin-top:9px}.progress span{height:100%;display:block;border-radius:100px;background:linear-gradient(90deg,#00aad4,#b4eb58)}.bar-chart{display:flex;align-items:end;justify-content:space-between;gap:13px;height:170px;padding:17px 7px 1px;border-bottom:1px solid var(--line);margin:10px 0 18px}.bar-col{flex:1;max-width:60px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px}.bar{width:60%;min-height:3px;border-radius:8px 8px 0 0;background:linear-gradient(180deg,#63cdd4,#118bb1);position:relative}.bar-col:last-child .bar{background:linear-gradient(180deg,#c5ef58,#69b064)}.bar-col small{font-size:10px;color:#8499a9}.legend{display:flex;gap:16px;color:#80919d;font-size:11px}.legend:before{content:'';display:inline-block}.legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#139ab5;margin-right:5px}.list-item{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid #edf1f4}.list-item:last-child{border:0}.list-circle{background:#ebf5fa;color:#167e9b;display:flex;align-items:center;justify-content:center;border-radius:10px;width:37px;height:37px;flex:0 0 37px;font-size:18px}.list-main{flex:1;min-width:0}.list-main strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.list-main small{display:block;color:#8294a4;font-size:10px;margin-top:5px}.list-amount{font-size:12px;font-weight:800;white-space:nowrap}.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}.plan{background:linear-gradient(155deg,#0a314b,#082234);padding:23px;border-radius:16px;color:#eaf6f7;position:relative;overflow:hidden;border:1px solid #165170}.plan:nth-child(2){background:linear-gradient(155deg,#173c56,#102c43)}.plan:nth-child(3){background:linear-gradient(155deg,#154359,#0b2637)}.plan .plan-label{font-size:10px;letter-spacing:2px;color:#b3cad2;font-weight:800}.plan .plan-speed{font:800 34px Manrope,sans-serif;letter-spacing:-1px;margin-top:12px}.plan .plan-speed span{font-size:12px;color:#c8ef60;letter-spacing:0}.plan .plan-price{font-size:22px;font-weight:800;color:var(--lime);margin-top:7px}.plan .plan-price small{font-size:12px;color:#9bb6c2}.plan .plan-mark{position:absolute;right:-20px;top:5px;font-size:110px;color:#3dbbda18;pointer-events:none}.plan .plan-desc{font-size:11px;color:#a9c2cc;margin-top:14px}.inline-note{font-size:12px;line-height:1.7;padding:13px 15px;border-radius:11px;color:#536b80;border:1px solid #d9e6ed;background:#f4f9fc;margin-bottom:16px}.warning{border-color:#f1deb4;background:#fffbf0;color:#875e1e}.success{border-color:#d0eadd;background:#f1fbf7;color:#277456}.sri-banner{background:linear-gradient(120deg,#102d41,#0a4960);padding:24px;border-radius:16px;color:#fff;margin-bottom:20px}.sri-banner h3{margin:0 0 8px;font-size:18px}.sri-banner p{color:#b6d4df;font-size:12px;line-height:1.6;margin:0}.sri-banner .sri-status{display:inline-flex;background:#ffd38118;border:1px solid #a59a5780;padding:7px 10px;border-radius:9px;color:#f4dd99;font-size:10px;font-weight:800;margin-bottom:14px}.table-actions{display:flex;align-items:center;gap:5px}.table-action{border:1px solid #dce7ed;background:#fff;border-radius:7px;padding:6px 9px;color:#246481;font-size:11px;font-weight:700;white-space:nowrap}.table-action:hover{background:#f0f8fc}.table-action:disabled{opacity:.4}.modal-layer{position:fixed;inset:0;background:#071c2aba;backdrop-filter:blur(3px);z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.hidden{display:none!important}.modal{background:#fff;width:min(100%,590px);max-height:95vh;overflow:auto;border-radius:17px;box-shadow:0 24px 80px #0004}.modal.wide{width:min(100%,830px)}.modal-head{padding:23px 25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:start;gap:12px}.modal-head h2{font-size:19px;margin:0 0 4px;font-family:Manrope,sans-serif}.modal-head small{color:#8196a5;font-size:11px}.close-btn{font-size:22px;line-height:1;border:0;background:#f0f4f6;border-radius:8px;width:29px;height:29px;color:#667d8d}.modal-body{padding:22px 25px}.modal-footer{padding:18px 25px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;min-width:0}.field label{font-size:11px;font-weight:800;color:#526777}.field input,.field select,.field textarea{background:#fbfdfe;border:1px solid #dce7ed;border-radius:9px;padding:11px 12px;color:#243f51;width:100%;outline:0}.field input[type=number]{font-variant-numeric:tabular-nums}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-grid .full{grid-column:1/-1}.field-help{font-size:10px;color:#8799a6;margin-top:-3px}.receipt-preview{padding:17px;border:1px solid var(--line);border-radius:12px;background:#fcfefe}.receipt-preview h3{margin:0 0 5px}.receipt-preview small{color:#8697a3}.receipt-lines{margin-top:15px}.receipt-lines .line{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #edf0f2;font-size:12px}.sale-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.product-picker{display:grid;grid-template-columns:1fr 85px 80px;gap:9px;align-items:end}.cart-list{border:1px solid var(--line);border-radius:10px;min-height:145px;max-height:270px;overflow:auto}.cart-row{padding:10px;display:flex;gap:9px;align-items:center;border-bottom:1px solid var(--line)}.cart-row:last-child{border:0}.cart-row .cart-info{flex:1;font-size:12px}.cart-row strong{display:block;font-size:12px}.cart-row small{color:#889bab}.cart-row input{width:55px;padding:7px;border:1px solid var(--line);border-radius:7px}.cart-total{display:flex;justify-content:space-between;align-items:center;padding:15px 0;font-weight:800}.cart-total strong{font:800 24px Manrope,sans-serif}.remove{background:#fff1f3;border:none;color:#cc4a53;border-radius:6px;padding:6px 9px}.report-filters{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.report-filters .field{margin-bottom:0}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature{border:1px solid #e5ecef;border-radius:12px;padding:14px;background:#fbfdfd}.feature strong{display:block;font-size:12px;margin-bottom:7px}.feature p{color:#8295a3;font-size:11px;line-height:1.55;margin-bottom:0}.footer{padding:24px 0 4px;color:#9cabb5;display:flex;justify-content:space-between;gap:12px;font-size:10px;flex-wrap:wrap}.footer button{border:0;background:none;text-decoration:underline;color:#608ca5;cursor:pointer;padding:0;font-size:10px}#toast-root{position:fixed;right:25px;bottom:25px;z-index:200;display:flex;flex-direction:column;gap:8px}.toast{background:#102d40;color:white;border-radius:12px;box-shadow:0 8px 30px #001c294a;padding:14px 18px;max-width:360px;font-size:12px;line-height:1.5;border-left:4px solid var(--lime)}.toast.bad{border-left-color:#ff7d81}.icon-btn{border:none;background:#eef5f7;border-radius:9px;padding:8px 11px;font-size:18px}.mobile-menu{display:none} .mono{font-family:ui-monospace,Consolas,monospace;font-size:11px}.small{font-size:11px}.text-good{color:#13825f!important}.text-bad{color:#c74c51!important}.right{text-align:right!important}.clickable{cursor:pointer}.compact-card{padding:18px 21px}.bill-status{display:inline-flex}.two-forms{display:grid;grid-template-columns:1fr 1fr;gap:15px}.separator{height:1px;background:var(--line);margin:17px 0}.accounting-note{font-size:11px;color:#8093a2}.trial-table tr.total td{background:#eff7f7;font-weight:800;color:#183f51}.demo-help{font-size:10px;color:#9ba9b5}
@media(min-width:1500px){.main-content{padding:38px 46px}.topbar{padding:0 46px}.sidebar{width:278px;flex-basis:278px}}
@media(max-width:1200px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:234px;flex-basis:234px}.two-columns{grid-template-columns:1fr 1fr}.main-content{padding:25px}.topbar{padding:0 25px}}
@media(max-width:920px){.sidebar{position:fixed;left:0;top:0;transform:translateX(-100%);transition:transform .22s}.sidebar.open{transform:translateX(0)}.sidebar-shade{display:none;position:fixed;inset:0;background:#05162588;z-index:20}.sidebar-shade.open{display:block}.mobile-menu{display:inline-flex}.two-columns,.two-equal{grid-template-columns:1fr}.plans{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:660px){.main-content{padding:20px 14px}.topbar{height:61px;padding:0 14px}.top-date,.demo-tag,.crumb-brand,.crumb-divider{display:none}.page-header{align-items:stretch;flex-direction:column}h1{font-size:23px}.kpis{gap:10px}.kpi{padding:15px}.kpi-value{font-size:21px}.kpi .kpi-icon{width:32px;height:32px;font-size:17px}.kpi .kpi-label{font-size:10px}.plans{grid-template-columns:1fr}.hero-banner{padding:20px;min-height:115px}.hero-banner h2{font-size:17px}.hero-ornament{display:none}.form-grid,.sale-layout,.two-forms,.feature-list{grid-template-columns:1fr}.product-picker{grid-template-columns:1fr 60px 65px}.modal-layer{padding:9px}.modal-head,.modal-body,.modal-footer{padding:17px}.panel-head{padding:16px}.panel-body{padding:0 16px 16px}.search{min-width:100%;flex:1}.filters{width:100%}.toolbar{padding:14px}.header-buttons>.btn{flex:1}.footer{flex-direction:column}.report-filters{align-items:stretch}.report-filters .field{width:100%}}

/* JW INNOVA V1.1 - client lifecycle */
.table-action-danger{color:#b94149;border-color:#f0cdd0;background:#fff8f8}.table-action-danger:hover{background:#ffeded}.row-archived{opacity:.72}.row-archived:hover{opacity:1}


/* JW INNOVA V1.4 · acceso visual, animaciones y feedback */
[hidden]{display:none!important}
.jw-auth{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(400px,.9fr);background:#fafcfd;font-family:'DM Sans',sans-serif}
.jw-auth-visual{position:relative;overflow:hidden;min-height:740px;background:radial-gradient(circle at 50% 28%,#154a55 0%,transparent 31%),radial-gradient(circle at 75% 85%,#16415a,transparent 43%),linear-gradient(148deg,#061423 0%,#081e30 60%,#041522 100%);color:white;display:flex;align-items:flex-end;padding:68px clamp(32px,5vw,85px)}
.jw-auth-visual:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 62px,#d4f58809 63px),repeating-linear-gradient(90deg,transparent,transparent 62px,#c4e68f08 63px);mask-image:linear-gradient(to top,black,transparent 75%);pointer-events:none}
.jw-auth-orb{position:absolute;left:50%;top:31%;width:290px;height:290px;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #9fe7a84d;border-radius:50%;box-shadow:0 0 0 22px #8dcab709,0 0 0 54px #82d6a907,0 0 100px #81dc9b20,inset 0 0 80px #60aeb51c;background:radial-gradient(circle at 45% 33%,#1d5661,#082d40 65%,#062334);animation:jwFloat 5s ease-in-out infinite}
.jw-auth-orb:after,.jw-auth-orb:before{content:'';position:absolute;inset:-30px;border:1px solid #96dbb72a;border-radius:50%;transform:rotate(-20deg) scaleX(1.3)}
.jw-auth-orb:before{inset:-60px;transform:rotate(28deg) scaleX(.82);border-color:#94e1bc1b}
.jw-auth-orb span{font-size:103px;font-weight:800;color:#d3f368;line-height:1;letter-spacing:-12px;text-shadow:0 9px 30px #b6ff7755}
.jw-auth-orb b{font-size:24px;letter-spacing:9px;margin-left:8px;color:#f2fbff}
.jw-auth-stars i{position:absolute;width:6px;height:6px;background:#d9fd80;border-radius:50%;box-shadow:0 0 22px #b6f574;animation:jwBlink 4s ease-in-out infinite}
.jw-auth-stars i:nth-child(1){left:16%;top:16%}.jw-auth-stars i:nth-child(2){left:75%;top:14%;animation-delay:1s}.jw-auth-stars i:nth-child(3){left:19%;top:44%;animation-delay:1.6s}.jw-auth-stars i:nth-child(4){left:80%;top:56%;animation-delay:2.4s}.jw-auth-stars i:nth-child(5){left:46%;top:8%;animation-delay:1.3s}.jw-auth-stars i:nth-child(6){left:87%;top:34%;animation-delay:2s}
.jw-auth-visual-copy{position:relative;z-index:1;max-width:570px;animation:jwSlideUp .8s ease both}
.jw-auth-eyebrow{font-size:11px;font-weight:800;letter-spacing:2.5px;color:#c6f074;display:flex;align-items:center;gap:10px;margin-bottom:22px}
.jw-auth-visual-copy h1{font-size:clamp(34px,3.4vw,58px);letter-spacing:-2.8px;line-height:1.12;margin-bottom:22px;font-weight:800}
.jw-auth-visual-copy h1 em{font-style:normal;color:#c6f074}
.jw-auth-visual-copy p{font-size:15px;max-width:460px;line-height:1.8;color:#b0c6d5}
.jw-auth-features{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.jw-auth-features span{background:#d1f5a30c;border:1px solid #e2ffa422;border-radius:100px;color:#d1e5ed;padding:9px 13px;font-size:11px}
.jw-auth-form-wrap{display:flex;flex-direction:column;padding:35px clamp(28px,5vw,85px);justify-content:space-between}
.jw-auth-brand{display:flex;align-items:center;gap:12px}.jw-auth-brand img{width:49px;height:49px;object-fit:cover;border-radius:13px;background:#0b2235}.jw-auth-brand b{display:block;font-weight:800;font-size:20px;letter-spacing:-.8px}.jw-auth-brand small{display:block;color:#7890a2;font-size:11px;margin-top:4px;letter-spacing:1px}
.jw-auth-main{width:100%;max-width:415px;margin:35px auto 48px;animation:jwSlideUp .65s ease .15s both}
.jw-auth-mark{height:55px;width:55px;display:flex;align-items:center;justify-content:center;background:#e8f9d4;color:#285c38;border-radius:16px;font-size:26px;margin-bottom:24px}
.jw-auth-chip{font-weight:800;letter-spacing:1.9px;color:#458b5a;font-size:10px;margin-bottom:14px}
.jw-auth-main h2{font-size:clamp(27px,3vw,35px);letter-spacing:-1.6px;line-height:1.15;margin-bottom:12px;color:#0b2635}
.jw-auth-main p{color:#718696;font-size:14px;line-height:1.6;margin-bottom:28px}
#jw-auth-form label{display:block;color:#23394b;font-weight:700;font-size:12px;margin:15px 0 8px}.jw-auth-input{height:53px;border:1px solid #d9e3e9;border-radius:13px;display:flex;align-items:center;padding:0 14px;gap:11px;background:white;transition:border-color .2s,box-shadow .2s}.jw-auth-input:focus-within{border-color:#278d9a;box-shadow:0 0 0 4px #69c1d51e}.jw-auth-input span{font-size:19px;color:#8a9ba8}.jw-auth-input input{border:0;outline:0;flex:1;min-width:0;background:none;font-size:14px;color:#132f40;box-shadow:none!important}.jw-auth-input button{border:none;background:transparent;color:#7b98a5;font-size:18px}
.jw-auth-submit{width:100%;background:linear-gradient(110deg,#b5ec56,#ddf986);border:0;border-radius:13px;padding:16px 20px;font-weight:800;color:#163d2d;margin-top:24px;box-shadow:0 10px 24px #a4ce5944;display:flex;justify-content:center;gap:12px;align-items:center;transition:transform .2s,box-shadow .2s}.jw-auth-submit:hover{transform:translateY(-2px);box-shadow:0 14px 30px #a4ce5966}.jw-auth-submit:disabled{opacity:.6}
.jw-auth-error{color:#bd3542;font-size:12px;margin-top:10px;min-height:16px}.jw-auth-caution{font-size:11px;color:#91a0ad;line-height:1.6;margin-top:30px;padding:14px;border-radius:12px;background:#f1f5f7;border:1px solid #e6edef}.jw-auth-foot{display:flex;justify-content:space-between;font-size:11px;color:#91a3af;gap:15px}
.jw-transition{position:fixed;inset:0;z-index:200;background:radial-gradient(circle at center,#134758,#061627 70%);display:flex;align-items:center;justify-content:center;color:white;animation:jwFadeIn .25s ease both}.jw-transition-card{text-align:center;animation:jwZoom .65s cubic-bezier(.18,1.4,.32,1) both}.jw-transition-symbol{font-size:65px;color:#cafa66;text-shadow:0 0 45px #b0f56a;margin-bottom:19px}.jw-transition-card h2{font-size:35px;font-weight:800;letter-spacing:-1.2px;margin:0 0 10px}.jw-transition-card p{font-size:13px;color:#bcd3dd}.jw-app-enter{animation:jwSlideUp .6s ease both}.jw-sound-btn,.jw-logout-btn{border:1px solid #dae5e9;background:#fff;color:#2f5669;padding:9px 12px;border-radius:10px;font-size:12px;font-weight:700;white-space:nowrap}.jw-sound-btn:hover,.jw-logout-btn:hover{background:#eef7f3}.jw-logout-btn{color:#99464d}.jw-sound-btn.muted{opacity:.57}
.jw-cobro-success{text-align:center;padding:15px 5px}.jw-cobro-success-icon{width:72px;height:72px;line-height:72px;border-radius:50%;font-size:40px;background:#e9f9df;color:#278652;margin:0 auto 14px;animation:jwZoom .5s ease both}.jw-cobro-success strong{display:block;font-size:31px;letter-spacing:-1px;margin:8px}.jw-cobro-success p{color:#6b8692}.jw-cobro-receipt{border:1px dashed #b8d1dc;background:#f5fafb;border-radius:11px;padding:12px;margin-top:12px;color:#25485a;font-weight:800;letter-spacing:1px}
@keyframes jwFloat{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 13px))}}@keyframes jwBlink{0%,100%{opacity:.2;transform:scale(.5)}50%{opacity:1;transform:scale(1.4)}}@keyframes jwSlideUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes jwZoom{from{opacity:.2;transform:scale(.62)}to{opacity:1;transform:scale(1)}}@keyframes jwFadeIn{from{opacity:0}to{opacity:1}}
@media(max-width:960px){.jw-auth{grid-template-columns:1fr}.jw-auth-visual{min-height:300px;padding:35px 30px}.jw-auth-orb{left:80%;top:45%;width:140px;height:140px;opacity:.34}.jw-auth-orb span{font-size:50px}.jw-auth-orb b{font-size:10px;letter-spacing:3px}.jw-auth-visual-copy h1{font-size:30px}.jw-auth-visual-copy p{max-width:370px}.jw-auth-features{display:none}.jw-auth-form-wrap{min-height:590px}.jw-auth-main{margin-top:40px}}
@media(max-width:660px){.jw-auth-visual{min-height:245px;padding:26px}.jw-auth-visual-copy h1{font-size:26px;letter-spacing:-1px}.jw-auth-visual-copy p{font-size:12px}.jw-auth-form-wrap{padding:23px}.jw-auth-main{margin:38px auto}.jw-auth-foot{flex-wrap:wrap}.jw-sound-btn{font-size:0;padding:8px}.jw-sound-btn:before{content:'♫';font-size:15px}.jw-logout-btn{padding:8px;font-size:12px}.top-actions{gap:5px}}
@media(prefers-reduced-motion:reduce){.jw-auth-visual-copy,.jw-auth-main,.jw-auth-orb,.jw-auth-stars i,.jw-transition-card,.jw-cobro-success-icon,.jw-app-enter{animation:none!important}}