*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#0a0f12;color:#edf1f2;font-family:"DM Sans",system-ui,sans-serif;font-size:14px}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:272px;background:#0d1317;border-right:1px solid #263038;padding:18px 13px;display:flex;flex-direction:column;z-index:100;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;padding:7px 10px 17px}.brand img{width:46px;height:46px;object-fit:contain}.brand strong{display:block;font:700 18px "Space Grotesk";letter-spacing:.12em}.brand span{display:block;margin-top:3px;color:#77858d;font-size:9px;letter-spacing:.17em}.profile-mini{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid #27333a;background:#111a1f;border-radius:13px;margin:0 4px 15px}.avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#c8ff63,#7fbd3e);color:#111;font-weight:800}.profile-mini b{font-size:12px}.profile-mini small{display:block;color:#7e8a90;font-size:10px;margin-top:2px}.profile-mini>i{margin-left:auto;color:#baf25b;font-size:12px}.desktop-nav{display:flex;flex-direction:column;gap:2px;padding:0 4px}.nav-label{font-size:9px;letter-spacing:.15em;color:#617077;margin:14px 9px 5px}.nav-link{display:flex;align-items:center;gap:12px;min-height:43px;padding:0 11px;border-radius:9px;color:#9aa6ab;font-size:12px;border:1px solid transparent;transition:.15s}.nav-link i{width:16px;text-align:center;color:#718086}.nav-link:hover{background:#151f25;color:#f6f8f8}.nav-link.active{background:linear-gradient(90deg,#182621,#132019);border-color:#294331;color:#d8ff91}.nav-link.active i{color:#c8ff63}.sidebar-logout{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:1px solid #4a292d;color:#ffadb4;background:#1c1215;border-radius:10px;font-size:11px}.main{margin-left:272px;min-height:100vh;background:radial-gradient(circle at 80% 0,#16261c 0,transparent 27%),#0a0f12}.page-container{max-width:1680px;margin:auto;padding:34px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow,.section-title span{font-size:10px;letter-spacing:.16em;color:#86a25a;font-weight:700}.topbar h1{font:700 34px/1.08 "Space Grotesk";letter-spacing:-.045em;margin:7px 0}.topbar p{color:#829097;margin:8px 0 0;max-width:680px}.top-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{border:1px solid #2b3941;border-radius:10px;min-height:42px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:12px;background:#152027;color:#dfe8eb}.btn-primary{background:linear-gradient(135deg,#c9ff65,#99d94e);border-color:#c9ff65;color:#152008}.btn-ghost{background:#111a20}.hero{min-height:250px;border:1px solid #2a3932;border-radius:20px;background:linear-gradient(120deg,#14221b 0,#10191d 50%,#0d1317 100%);padding:36px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:28px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;border:1px solid #35572c;right:-120px;top:-180px;box-shadow:0 0 0 40px #22321b33,0 0 0 90px #1a291633}.hero>div{position:relative;z-index:1}.hero span{font-size:10px;letter-spacing:.18em;color:#b7e96a;font-weight:700}.hero h2{font:700 37px/1.03 "Space Grotesk";letter-spacing:-.05em;margin:11px 0}.hero h2 em{font-style:normal;color:#c8ff63}.hero p{color:#91a098;max-width:560px;line-height:1.6}.hero-actions{display:flex;gap:9px;align-self:flex-end}.section-title{display:flex;align-items:center;justify-content:space-between;margin:22px 0 11px}.section-title a,.card-head>a{font-size:11px;color:#bdf06a}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat-card{min-height:144px;padding:18px;border-radius:15px;border:1px solid #28343b;background:#10191f;display:flex;flex-direction:column;position:relative;overflow:hidden}.stat-card>i{position:absolute;right:16px;top:16px;color:#52616a}.stat-card span{font-size:10px;letter-spacing:.11em;color:#77858d;font-weight:700}.stat-card b{font:700 25px "Space Grotesk";letter-spacing:-.04em;margin-top:auto}.stat-card small{color:#7d8b92;margin-top:7px}.stat-card.accent{border-color:#52753b;background:linear-gradient(145deg,#172519,#101b18)}.stat-card.accent i{color:#c8ff63}.stat-card.warning{border-color:#5b4b2d}.stat-card.warning i{color:#ffd36a}.stat-card.danger-soft{border-color:#573034}.card{background:#10181e;border:1px solid #27343b;border-radius:16px;padding:20px;box-shadow:0 12px 50px #00000018}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:1fr 1fr}.grid-form{grid-template-columns:minmax(360px,.85fr) minmax(500px,1.5fr)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.card-head h2,.card h2{margin:0;font:700 17px "Space Grotesk"}.muted-text{color:#718087;font-size:11px}.list-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:center;padding:13px 0;border-top:1px solid #202b31}.list-row:first-child{border-top:0}.list-row strong,.table strong{display:block}.list-row small,.table small{display:block;color:#77858d;margin-top:3px}.list-icon{width:34px;height:34px;border-radius:9px;background:#19252c;display:grid;place-items:center;color:#c8ff63}.badge{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;font-size:10px;font-weight:700}.badge-paid,.badge-active,.badge-completed{background:#16361e;color:#9df0a8;border:1px solid #2f6a3b}.badge-pending,.badge-in_progress{background:#3a331a;color:#ffe080;border:1px solid #665829}.badge-overdue,.badge-cancelled{background:#3a1d22;color:#ffabb2;border:1px solid #6b333b}.badge-inactive{background:#202a30;color:#9ba8ad;border:1px solid #3a474d}.form-card h3{font:600 13px "Space Grotesk";margin:14px 0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{display:flex;flex-direction:column;gap:7px;color:#a9b4b9;font-size:11px}.form-grid .full{grid-column:1/-1}input,select,textarea{width:100%;min-height:43px;border:1px solid #2b3940;border-radius:9px;background:#0b1115;color:#edf2f4;padding:10px 11px;outline:none}textarea{min-height:96px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:#86b94d;box-shadow:0 0 0 3px #8fc74b19}.form-card form>.btn{margin-top:16px}.check-field{flex-direction:row!important;align-items:center;min-height:43px;border:1px solid #2b3940;border-radius:9px;padding:0 11px;background:#0b1115}.check-field input{width:auto;min-height:0}.form-note{font-size:11px;color:#8d9ba1;line-height:1.5;background:#162126;border-left:3px solid #b8e969;padding:9px 11px;border-radius:0 8px 8px 0}.compact-form{display:grid;grid-template-columns:1fr 1fr .7fr 1fr 1fr auto;gap:8px}.compact-form input,.compact-form select{min-height:39px}.table-wrap{overflow:auto;border:1px solid #243138;border-radius:11px}.table{width:100%;border-collapse:collapse;min-width:680px}.table th{background:#0d1418;color:#6f7d83;font-size:9px;letter-spacing:.12em;text-align:left;padding:12px}.table td{padding:12px;border-top:1px solid #202b31;color:#cbd4d7;vertical-align:middle}.money{font-family:"Space Grotesk";font-weight:700;white-space:nowrap}.positive{color:#a9e98a!important}.negative{color:#ff9fa8!important}.row-actions{display:flex;gap:6px;align-items:center}.inline-form{display:inline-flex;margin:0}.icon-btn{width:34px;height:34px;border-radius:8px;border:1px solid #2b3941;background:#151f25;color:#aebbc0;display:inline-grid;place-items:center}.icon-btn:hover{border-color:#8ec452;color:#d9ff93}.icon-btn.danger{color:#ff9ca5;border-color:#4e2a30}.icon-btn.success{color:#a7e98a;border-color:#385b37}.toolbar{display:flex;justify-content:space-between;gap:10px;margin:-9px 0 17px;flex-wrap:wrap}.filter-form{display:flex;gap:8px}.filter-form select{min-height:39px;width:auto}.filter-form .btn{min-height:39px}.account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.account-card{padding:15px;border-radius:12px;border:1px solid #29373e;background:#0c1419;display:flex;justify-content:space-between;align-items:end}.account-card span{font-size:9px;color:#728087;letter-spacing:.1em}.account-card strong{display:block;margin-top:5px}.account-card b{font:700 17px "Space Grotesk"}.account-card.is-off{opacity:.55}.project-list{display:flex;flex-direction:column;gap:9px}.project-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:13px;border:1px solid #26343a;border-radius:10px}.project-row small{display:block;color:#849198;margin-top:4px}.project-row .badge{margin-left:5px}.progress{height:6px;background:#202c32;border-radius:999px;overflow:hidden;margin-top:9px}.progress span{display:block;height:100%;background:linear-gradient(90deg,#a3dd53,#d1ff73);border-radius:inherit}.notes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.note-card{position:relative;border:1px solid #27343b;background:#0d151a;border-radius:12px;padding:17px}.note-card small,.note-card time{color:#829097;font-size:10px}.note-card h3{margin:8px 0;font:600 16px "Space Grotesk"}.note-card p{color:#aab6ba;line-height:1.55;font-size:12px}.note-card .float{position:absolute;right:10px;top:10px}.note-card time{display:block;margin-top:13px}.narrow{max-width:900px}.alert{position:fixed;right:24px;top:22px;z-index:500;padding:13px 16px;border-radius:10px;border:1px solid #37613a;background:#17301d;color:#b9efc0;box-shadow:0 20px 60px #0008}.alert i{margin-right:7px}.alert-error{border-color:#71383e;background:#35191e;color:#ffb8bf}.empty{padding:38px 10px;text-align:center;color:#748187}.empty i{font-size:28px;color:#526067}.empty p{font-size:12px}.mobile-header,.mobile-backdrop,.mobile-bottom-nav{display:none}
@media(max-width:1200px){.stats{grid-template-columns:repeat(2,1fr)}.grid-form{grid-template-columns:1fr}.compact-form{grid-template-columns:1fr 1fr 1fr}.compact-form input:nth-of-type(3),.compact-form input:nth-of-type(4){grid-column:auto}.compact-form .btn{grid-column:span 3}}
@media(max-width:1050px){.sidebar{width:310px;transform:translateX(-110%);transition:transform .22s ease;box-shadow:25px 0 70px #000c}.sidebar.open{transform:translateX(0)}.mobile-header{height:64px;position:fixed;inset:0 0 auto 0;z-index:90;display:flex;align-items:center;justify-content:space-between;padding:0 13px;background:#0d1317;border-bottom:1px solid #27333a}.mobile-header-left{display:flex;align-items:center;gap:10px;min-width:0}.mobile-menu-btn{width:43px;height:43px;border:1px solid #344148;background:#151f25;color:#dce5e7;border-radius:10px;font-size:17px}.mobile-brand{display:flex;align-items:center;gap:8px;min-width:0}.mobile-brand img{width:35px;height:35px;object-fit:contain}.mobile-brand b{font-size:11px;letter-spacing:.07em;white-space:nowrap}.mobile-brand small{display:block;font-size:8px;letter-spacing:.12em;color:#78858b;margin-top:2px}.mobile-exit{font-size:11px;color:#d0ff75;border:1px solid #3d522d;padding:8px 10px;border-radius:8px}.mobile-backdrop{display:block;position:fixed;inset:0;z-index:95;background:#000a;opacity:0;visibility:hidden;transition:.2s}.mobile-backdrop.show{opacity:1;visibility:visible}.main{margin-left:0;padding-top:64px}.page-container{padding:25px 18px 90px}.mobile-bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;z-index:80;height:68px;background:#0e151a;border-top:1px solid #26333a;padding:5px 6px env(safe-area-inset-bottom)}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#758289;font-size:9px}.mobile-bottom-nav i{font-size:15px}.mobile-bottom-nav a.active{color:#c9ff67}.mobile-bottom-nav span{font-size:9px}}
@media(max-width:700px){body{font-size:13px}.page-container{padding:18px 11px 84px}.topbar{align-items:flex-start;flex-direction:column;margin-bottom:20px}.topbar h1{font-size:28px}.topbar p{font-size:12px}.top-actions{width:100%}.top-actions .btn{flex:1}.hero{min-height:auto;padding:24px 20px;display:block;border-radius:16px}.hero h2{font-size:31px}.hero-actions{margin-top:20px;display:flex}.hero-actions .btn{flex:1;padding:0 10px}.stats{grid-template-columns:1fr 1fr;gap:9px}.stat-card{min-height:118px;padding:14px}.stat-card b{font-size:19px}.stat-card>i{font-size:13px}.grid-2,.notes-grid{grid-template-columns:1fr}.card{padding:15px;border-radius:13px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.compact-form{grid-template-columns:1fr}.compact-form .btn{grid-column:auto}.toolbar,.filter-form{width:100%;flex-direction:column}.filter-form select,.filter-form .btn{width:100%}.table-wrap{margin:0 -1px}.table{min-width:620px}.list-row{grid-template-columns:auto 1fr auto}.list-row b{display:none}.project-row{grid-template-columns:1fr auto}.project-row .row-actions{grid-column:1/-1}.alert{left:12px;right:12px;top:72px}.section-title{margin-top:18px}.section-title a{font-size:10px}.account-grid{grid-template-columns:1fr}.mobile-brand b{max-width:160px;overflow:hidden;text-overflow:ellipsis}.mobile-exit{padding:7px}.note-card{padding:15px}}

/* V3 · Cobros y configuración */
.charge-nav{padding:14px;margin-bottom:16px}.charge-tabs{display:flex;gap:8px;margin-bottom:13px}.charge-tabs a{padding:10px 13px;border:1px solid #2a3940;border-radius:9px;color:#91a0a6;font-size:11px;font-weight:700}.charge-tabs a.active{background:#bfe96a;color:#10160f;border-color:#bfe96a}.month-scroller{display:flex;gap:8px;overflow:auto;padding-bottom:4px;scroll-snap-type:x mandatory}.month-chip{min-width:82px;scroll-snap-align:start;padding:10px 12px;border:1px solid #27363d;border-radius:10px;background:#0b1216;display:flex;flex-direction:column;gap:4px;color:#78878e}.month-chip span{text-transform:capitalize;font-size:11px}.month-chip b{font-size:10px}.month-chip.active{background:#18251a;border-color:#9ad151;color:#d9ff93}.compact-stats .stat-card{min-height:105px}.charge-list{display:flex;flex-direction:column}.charge-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid #213038}.charge-row:first-child{border-top:0}.charge-row-main{display:flex;align-items:center;gap:11px;min-width:0}.charge-row-main strong,.charge-row-main small{display:block}.charge-row-main small{color:#7e8d94;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:440px}.charge-date{width:44px;height:44px;border:1px solid #304047;border-radius:10px;background:#0b1216;display:grid;place-items:center;line-height:1}.charge-date b{font:700 16px 'Space Grotesk'}.charge-date span{font-size:8px;color:#8b9a9f}.charge-row-meta{display:flex;align-items:center;gap:15px}.charge-row-meta>div:first-child{text-align:right}.charge-row-meta small{display:block;margin-top:4px}.client-payment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-bottom:18px}.client-payment-card{position:relative;border:1px solid #2a3940;border-radius:14px;background:#10181e;padding:16px;min-height:142px;transition:.18s}.client-payment-card:hover,.client-payment-card.selected{border-color:#a8dd5c;transform:translateY(-2px)}.client-payment-card strong,.client-payment-card small{display:block}.client-payment-card small{color:#78868d;margin-top:4px}.client-payment-card>i{position:absolute;right:15px;top:16px;color:#819096}.client-payment-values{display:flex;gap:18px;position:absolute;left:16px;bottom:16px}.client-payment-values span{font-size:9px;color:#84939a;display:flex;flex-direction:column;gap:4px}.client-payment-values b{font:700 15px 'Space Grotesk';color:#dce5e7}.client-history{margin-top:20px}.payment-history-list{display:flex;flex-direction:column}.payment-history-item{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-top:1px solid #213038}.payment-history-item strong,.payment-history-item small{display:block}.payment-history-item small{color:#7c8a91;margin-top:5px}.payment-history-right{display:flex;align-items:center;gap:14px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-intro{display:flex;gap:13px;align-items:center;margin-bottom:18px;background:linear-gradient(135deg,#15231b,#10181e)}.settings-intro>i,.settings-section-title>i{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#22331c;color:#cfff76}.settings-intro strong{font:700 15px 'Space Grotesk'}.settings-intro p,.settings-section-title p{margin:4px 0 0;color:#849198;font-size:11px;line-height:1.5}.settings-section-title{display:flex;gap:11px;margin-bottom:18px}.settings-section-title h2{margin:0}.settings-section-title>i{flex:0 0 42px}
@media(max-width:900px){.settings-grid{grid-template-columns:1fr}.charge-row-main small{max-width:220px}}
@media(max-width:620px){.charge-tabs{overflow:auto}.charge-tabs a{white-space:nowrap}.charge-row{align-items:flex-start;flex-direction:column}.charge-row-meta{width:100%;justify-content:space-between}.charge-row-meta>div:first-child{text-align:left}.client-payment-grid{grid-template-columns:1fr}.payment-history-item{flex-direction:column}.payment-history-right{justify-content:space-between}.settings-intro{align-items:flex-start}}