:root{--ink:#102a33;--muted:#657a83;--line:#dfe8e9;--paper:#fff;--canvas:#f4f8f8;--navy:#0b303a;--navy-soft:#164957;--teal:#08a894;--teal-dark:#087f72;--mint:#dff8f3;--cyan:#dff3fa;--amber:#e79816;--amber-soft:#fff3d9;--shadow:0 18px 55px #0f374014}*{box-sizing:border-box}html{background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.login-page{background:var(--paper);grid-template-columns:minmax(320px,1.1fr) minmax(420px,.9fr);min-height:100vh;display:grid}.login-brand{color:#fff;background:radial-gradient(circle at 85% 20%,#13bea652,#0000 28%),linear-gradient(145deg,#082a34 0%,#0d3e49 58%,#075f5a 100%);flex-direction:column;justify-content:center;padding:clamp(42px,7vw,100px);display:flex;position:relative;overflow:hidden}.login-brand:after{content:"";border:1px solid #ffffff1f;border-radius:50%;width:380px;height:380px;position:absolute;bottom:-160px;right:-180px;box-shadow:0 0 0 55px #ffffff06,0 0 0 110px #ffffff05}.brand-mark{letter-spacing:-.04em;background:#ffffff17;border:1px solid #ffffff59;border-radius:16px;place-items:center;width:52px;height:52px;margin-bottom:42px;font-weight:850;display:grid}.eyebrow{color:var(--teal-dark);text-transform:uppercase;letter-spacing:.13em;margin:0 0 10px;font-size:.76rem;font-weight:800}.login-brand .eyebrow{color:#6be0ce}.login-brand h1{letter-spacing:-.055em;max-width:760px;margin:0 0 26px;font-size:clamp(2.45rem,5vw,4.8rem);line-height:.98}.login-brand>p:not(.eyebrow){color:#c7dadd;max-width:580px;font-size:1.08rem;line-height:1.65}.login-proof{border-left:3px solid #29c7ae;flex-direction:column;gap:14px;max-width:500px;margin-top:46px;padding:2px 0 2px 18px;display:flex}.login-proof span{color:#b8d0d4;line-height:1.5}.login-panel{background:linear-gradient(#fff,#f7fbfb);place-items:center;padding:40px;display:grid}.login-card{width:min(430px,100%)}.login-card h2{letter-spacing:-.035em;margin:24px 0 7px;font-size:2rem}.login-card>p{color:var(--muted);margin:0 0 30px}.status-dot{color:var(--teal-dark);align-items:center;gap:8px;font-size:.78rem;font-weight:750;display:inline-flex}.status-dot:before{content:"";background:var(--teal);width:8px;height:8px;box-shadow:0 0 0 5px var(--mint);border-radius:50%}.login-form{gap:18px;display:grid}.login-form label{gap:8px;font-size:.86rem;font-weight:750;display:grid}input{width:100%;color:var(--ink);background:#fff;border:1px solid #cfdddf;border-radius:12px;outline:none;padding:13px 14px;transition:border-color .18s,box-shadow .18s}input:focus{border-color:var(--teal);box-shadow:0 0 0 4px #08a8941f}select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #cfdddf;border-radius:12px;outline:none;padding:13px 14px}select:focus,textarea:focus{border-color:var(--teal);box-shadow:0 0 0 4px #08a8941f}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:12px;place-items:center;min-height:46px;padding:0 20px;font-weight:780;text-decoration:none;display:inline-grid}.primary-button{background:var(--teal);color:#fff;box-shadow:0 10px 25px #08a89433}.primary-button:hover{background:var(--teal-dark)}.primary-button:disabled{cursor:not-allowed;opacity:.55}.primary-button.compact{min-height:42px;padding-inline:18px}.secondary-button{background:var(--navy);color:#fff}.form-error{color:#b42318;background:#fff0ee;border-radius:10px;margin:0;padding:11px 13px;font-size:.87rem}.demo-note{color:var(--muted);text-align:center;margin:0;font-size:.8rem}.app-shell{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#fff;flex-direction:column;height:100vh;padding:26px 18px 18px;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:12px;padding:0 8px 28px;display:flex}.sidebar-brand>span{background:var(--teal);border-radius:13px;place-items:center;width:42px;height:42px;font-weight:850;display:grid}.sidebar-brand div,.sidebar-user div{min-width:0;display:grid}.sidebar-brand small,.sidebar-user small{color:#94b0b7;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;overflow:hidden}.app-nav{gap:7px;display:grid}.app-nav a{color:#bdd0d4;border-radius:11px;align-items:center;gap:12px;min-height:46px;padding:0 13px;font-weight:670;text-decoration:none;display:flex}.app-nav a span{text-align:center;color:#7fa0a8;width:23px;font-size:1.15rem}.app-nav a:hover,.app-nav a.active{color:#fff;background:var(--navy-soft)}.app-nav a.active span{color:#65e1cd}.sidebar-user{border-top:1px solid #ffffff1c;grid-template-columns:36px minmax(0,1fr) 30px;align-items:center;gap:10px;margin-top:auto;padding:18px 4px 0;display:grid}.sidebar-user>span{width:36px;height:36px;color:var(--navy);background:#dff8f3;border-radius:50%;place-items:center;font-weight:850;display:grid}.sidebar-user strong{text-overflow:ellipsis;white-space:nowrap;font-size:.86rem;overflow:hidden}.sidebar-user button{color:#aac1c6;cursor:pointer;background:0 0;border:0;font-size:1rem}.app-main{width:100%;max-width:1600px;margin:0 auto;padding:46px clamp(24px,4vw,64px) 70px}.page-header{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:32px;display:flex}.page-header h1{letter-spacing:-.05em;margin:0 0 10px;font-size:clamp(2rem,4vw,3.3rem);line-height:1}.page-header>div>p:last-child{color:var(--muted);margin:0;font-size:1rem}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.metric-card{background:var(--paper);border:1px solid var(--line);min-height:158px;box-shadow:var(--shadow);border-radius:18px;flex-direction:column;padding:22px;display:flex}.metric-card p{color:var(--muted);margin:0;font-size:.82rem;font-weight:730}.metric-card strong{letter-spacing:-.045em;margin:20px 0 8px;font-size:clamp(1.6rem,2.4vw,2.35rem)}.metric-card span{color:var(--muted);margin-top:auto;font-size:.78rem;line-height:1.35}.metric-card.accent{background:var(--navy);color:#fff;border-color:var(--navy)}.metric-card.accent p,.metric-card.accent span{color:#b4cdd2}.metric-card.warm{background:var(--amber-soft);border-color:#f3d69c}.metric-card.warm strong{color:#854c00}.content-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);gap:20px;display:grid}.panel{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px;padding:22px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.panel-heading h2{margin:0 0 5px;font-size:1.08rem}.panel-heading p{color:var(--muted);margin:0;font-size:.82rem}.panel-heading a{color:var(--teal-dark);font-size:.82rem;font-weight:750;text-decoration:none}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{color:var(--muted);letter-spacing:.045em;text-transform:uppercase;text-align:left;border-bottom:1px solid var(--line);padding:10px 12px;font-size:.72rem}td{border-bottom:1px solid #edf2f3;padding:14px 12px;font-size:.87rem}tbody tr:last-child td{border-bottom:0}td small{color:var(--muted);margin-top:4px;display:block}.money{text-align:right;white-space:nowrap;font-weight:750}.muted{color:var(--muted)}.pill{white-space:nowrap;border-radius:999px;align-items:center;padding:5px 9px;font-size:.72rem;font-weight:750;display:inline-flex}.pill.blue{background:var(--cyan);color:#17627d}.pill.green{background:var(--mint);color:#087466}.pill.neutral{color:#5a6e75;background:#edf2f3}.quick-panel{align-content:start;display:grid}.quick-panel>a{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:14px 4px;text-decoration:none;display:grid}.quick-panel>a>span{background:var(--mint);width:40px;height:40px;color:var(--teal-dark);border-radius:11px;place-items:center;font-weight:850;display:grid}.quick-panel>a div{gap:3px;display:grid}.quick-panel>a strong{color:var(--ink);font-size:.88rem}.quick-panel>a small{font-size:.75rem}.search-bar{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:18px;display:grid}.client-create{position:relative}.client-create-form{z-index:10;border:1px solid var(--line);background:#fff;border-radius:16px;gap:14px;width:min(390px,100vw - 32px);padding:20px;display:grid;position:absolute;top:52px;right:0;box-shadow:0 24px 70px #0b303a33}.client-create-form label{color:var(--ink);gap:7px;font-size:.82rem;font-weight:750;display:grid}.whatsapp-button{color:#087652;background:#e2f8ef;border-radius:9px;justify-content:center;align-items:center;min-height:34px;padding:0 12px;font-size:.78rem;font-weight:800;text-decoration:none;display:inline-flex}.whatsapp-button:hover{background:#c9f0df}.renewal-summary{grid-template-columns:180px 180px minmax(320px,1fr);gap:14px;margin-bottom:20px;display:grid}.renewal-summary>div,.renewal-filter{border:1px solid var(--line);background:var(--paper);min-height:104px;box-shadow:var(--shadow);border-radius:16px;padding:18px}.renewal-summary>div{align-content:space-between;display:grid}.renewal-summary>div span{color:var(--muted);font-size:.82rem;font-weight:730}.renewal-summary>div strong{letter-spacing:-.04em;font-size:2rem}.renewal-filter{grid-template-columns:minmax(180px,1fr) auto;align-items:end;gap:10px;display:grid}.renewal-filter label{color:var(--ink);gap:7px;font-size:.82rem;font-weight:750;display:grid}.empty-state strong,.empty-state span{display:block}.empty-state span{margin-top:7px;font-size:.8rem}.empty-state{text-align:center;color:var(--muted);padding:36px}.release-note{color:var(--muted);background:#f1f7f7;border-radius:11px;margin:18px 0 0;padding:13px 15px;font-size:.82rem}.sales-layout{grid-template-columns:minmax(340px,.72fr) minmax(0,1.28fr);align-items:start;gap:20px;display:grid}.sale-form{gap:18px;display:grid}.sale-form label{gap:8px;font-size:.82rem;font-weight:750;display:grid}.new-client-fields{background:#f2fbf9;border:1px solid #bde7df;border-radius:13px;grid-template-columns:1fr 1fr;gap:12px;padding:15px;display:grid}.new-client-fields>div{grid-column:1/-1;gap:3px;display:grid}.new-client-fields>div strong{font-size:.88rem}.new-client-fields>div small,.field-hint{color:var(--muted);font-size:.75rem;font-weight:500}.new-client-fields label:nth-of-type(2){grid-column:1/-1}.form-grid{grid-template-columns:150px minmax(0,1fr);gap:12px;display:grid}fieldset{border:0;margin:0;padding:0}legend{margin-bottom:8px;font-size:.82rem;font-weight:750}.choice-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.choice-row.payments{grid-template-columns:repeat(4,minmax(0,1fr))}.choice-row label{cursor:pointer;display:block}.choice-row input{opacity:0;pointer-events:none;position:absolute}.choice-row span{text-align:center;border:1px solid #cfdddf;border-radius:11px;place-items:center;min-height:50px;padding:9px;font-size:.8rem;display:grid}.choice-row span small{color:var(--muted);margin-top:2px;font-weight:500;display:block}.choice-row input:checked+span{border-color:var(--teal);background:var(--mint);color:#076f64;box-shadow:inset 0 0 0 1px var(--teal)}.form-success{color:#087466;background:var(--mint);border-radius:10px;margin:0;padding:11px 13px;font-size:.87rem}.text-link{color:var(--teal-dark);text-align:center;font-size:.86rem;font-weight:760;text-decoration:none}.text-link:hover{text-decoration:underline}.password-hint{color:var(--muted);line-height:1.45}.auth-page{background:radial-gradient(circle at 15% 10%, var(--mint), transparent 35%), var(--canvas);place-items:center;min-height:100vh;padding:28px;display:grid}.auth-card{border:1px solid var(--line);background:var(--paper);width:min(470px,100%);box-shadow:var(--shadow);border-radius:22px;padding:34px}.auth-card h1{letter-spacing:-.04em;margin:12px 0 8px;font-size:2rem}.auth-card>p:not(.eyebrow){color:var(--muted);margin:0 0 26px;line-height:1.55}.brand-mark.dark{background:var(--navy);color:#fff;width:46px;height:46px;margin-bottom:26px}.settings-stack{gap:20px;display:grid}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.settings-form{gap:16px;display:grid}.settings-form>label{gap:7px;font-size:.82rem;font-weight:750;display:grid}.settings-form .panel-heading{margin-bottom:2px}.current-rule{color:var(--muted);background:#f1f7f7;border-radius:11px;padding:12px 14px;font-size:.82rem;line-height:1.5}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.inline-create{grid-template-columns:minmax(0,1fr) 140px auto;gap:9px;display:grid}.inline-create.user-create{grid-template-columns:1fr 1.2fr 140px 1fr auto}.management-list{margin-top:4px;display:grid}.management-list>div{border-top:1px solid var(--line);align-items:center;gap:8px;padding:13px 0;display:flex}.management-list>div>span{gap:4px;min-width:0;margin-right:auto;display:grid}.management-list small{color:var(--muted);overflow-wrap:anywhere}.management-list button,.table-action{color:var(--teal-dark);cursor:pointer;background:0 0;border:0;padding:6px 7px;font-weight:780}.management-list .inactive{opacity:.62}.danger-link{color:#b42318!important}.empty-compact{color:var(--muted);padding:18px 0 4px;font-size:.84rem}.settings-notice{z-index:8;box-shadow:var(--shadow);margin:0 0 16px;position:sticky;top:14px}.sidebar-user a{min-width:0;text-decoration:none}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#051e259e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:var(--paper);border-radius:20px;width:min(500px,100%);max-height:calc(100vh - 40px);padding:24px;overflow:auto;box-shadow:0 28px 90px #031e254d}.modal-heading{justify-content:space-between;align-items:start;gap:18px;margin-bottom:18px;display:flex}.modal-heading h2{margin:0}.modal-heading button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:1.7rem}.modal-copy{color:var(--muted);line-height:1.55}.modal-form{gap:15px;display:grid}.modal-form label{gap:7px;font-size:.82rem;font-weight:750;display:grid}.modal-actions{justify-content:flex-end;gap:10px;margin-top:5px;display:flex}.ghost-button,.danger-button{cursor:pointer;border-radius:11px;min-height:44px;padding:0 17px;font-weight:780}.ghost-button{border:1px solid var(--line);color:var(--ink);background:#fff}.danger-button{color:#fff;background:#b42318;border:0}.danger-button:disabled,.ghost-button:disabled{opacity:.55;cursor:not-allowed}.report-detail-panel{margin-top:20px}.report-filter{grid-template-columns:190px 190px auto;align-items:end;gap:12px;margin-bottom:18px;display:grid}.report-filter label{gap:7px;font-size:.8rem;font-weight:750;display:grid}.print-period{color:var(--muted);margin:0 0 18px;font-size:.86rem}.report-grid{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:20px;display:grid}.representative-card h2{margin:0 0 18px}.representative-card dl{margin:0;display:grid}.representative-card dl div{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:13px 0;display:flex}.representative-card dt{color:var(--muted);font-size:.83rem}.representative-card dd{margin:0;font-weight:800}.representative-card>p:last-child{color:var(--muted);margin:18px 0 0;font-size:.78rem;line-height:1.5}.report-placeholder{text-align:center;place-items:center;min-height:260px;display:grid}.report-placeholder div{max-width:520px}.report-placeholder span{color:var(--teal);font-size:2.3rem}.report-placeholder h2{margin:14px 0 8px}.report-placeholder p{color:var(--muted);margin:0;line-height:1.6}@media (max-width:1050px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.content-grid,.sales-layout,.report-grid{grid-template-columns:1fr}.renewal-summary{grid-template-columns:1fr 1fr}.renewal-filter{grid-column:1/-1}.settings-grid{grid-template-columns:1fr}.inline-create.user-create{grid-template-columns:1fr 1fr}}@media (max-width:760px){.login-page{grid-template-columns:1fr}.login-brand{min-height:38vh;padding:36px 28px}.login-brand h1{font-size:2.45rem}.login-brand .brand-mark,.login-proof{display:none}.login-panel{padding:34px 24px}.app-shell{padding-bottom:74px;display:block}.sidebar{z-index:20;width:100%;height:66px;padding:7px 10px;display:block;position:fixed;top:auto;bottom:0}.sidebar-brand,.sidebar-user{display:none}.app-nav{scrollbar-width:none;gap:3px;display:flex;overflow-x:auto}.app-nav::-webkit-scrollbar{display:none}.app-nav a{flex-direction:column;flex:0 0 74px;justify-content:center;gap:2px;min-height:52px;padding:3px;font-size:.68rem}.app-nav a span{font-size:1rem}.app-main{padding:28px 16px 40px}.page-header{align-items:flex-start}.metrics-grid{grid-template-columns:1fr 1fr;gap:10px}.metric-card{min-height:142px;padding:17px}.metric-card strong{font-size:1.55rem}.panel{padding:16px}.form-grid,.choice-row.payments{grid-template-columns:1fr 1fr}.new-client-fields{grid-template-columns:1fr}.new-client-fields>div,.new-client-fields label:nth-of-type(2){grid-column:auto}.report-filter{grid-template-columns:1fr 1fr}.report-filter button{grid-column:1/-1}.client-create-form{width:auto;position:fixed;top:74px;left:16px;right:16px}.renewal-summary{grid-template-columns:1fr 1fr;gap:10px}.renewal-summary>div{min-height:92px;padding:14px}.renewal-filter{grid-template-columns:1fr auto}.form-grid.three,.inline-create,.inline-create.user-create{grid-template-columns:1fr}.management-list>div{flex-wrap:wrap;align-items:flex-start}}@media (max-width:460px){.metrics-grid{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:stretch}}@media print{:root{--shadow:none}body{background:#fff}.sidebar,.no-print{display:none!important}.app-shell{display:block}.app-main{max-width:none;padding:0}.page-header{margin-bottom:12px}.page-header h1{font-size:1.8rem}.metrics-grid{grid-template-columns:repeat(4,1fr);gap:8px}.metric-card{break-inside:avoid;min-height:112px;padding:14px}.metric-card strong{margin:12px 0 5px;font-size:1.3rem}.panel{border-color:#cbd5d7;padding:14px}.report-grid{display:block}.representative-card{margin-top:14px}.report-detail-panel{break-before:page}.representative-breakdown{break-before:auto}table{font-size:.8rem}th,td{padding:7px 8px}}