:root{color:#17211f;--green:#14675c;--gold:#d6a74f;--line:#dce5e2;--muted:#6c7976;background:#f2f5f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.primary-button,.secondary-button{color:#fff;background:var(--green);border:0;border-radius:9px;padding:11px 14px;font-weight:850}.secondary-button{color:var(--green);background:#e5f0ed}.login-shell{background:radial-gradient(circle at 10% 10%,#1d756866,#0000 35%),linear-gradient(140deg,#10221f,#182321 62%,#392b19);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{color:#fff;background:#101817eb;border:1px solid #ffffff20;border-radius:24px;gap:15px;width:min(460px,100%);padding:32px;display:grid;box-shadow:0 30px 100px #0008}.brand{align-items:center;gap:12px;display:flex}.brand i{color:#17211f;background:var(--gold);border-radius:13px;place-items:center;width:46px;height:46px;font-style:normal;font-weight:950;display:grid}.brand strong,.brand span{display:block}.brand span{color:#9fb0ac;font-size:11px}.login-copy{margin:18px 0 4px}.login-copy>span,.panel>span{color:var(--gold);text-transform:uppercase;font-size:10px;font-weight:900}.login-copy h1{margin:7px 0;font-size:28px}.login-copy p{color:#aebeba;margin:0;line-height:1.55}label{gap:7px;font-size:12px;font-weight:800;display:grid}input,select,textarea{border:1px solid var(--line);color:#17211f;background:#fff;border-radius:10px;outline:none;width:100%;padding:12px}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #14675c18}form{gap:13px;display:grid}form button,.small{color:#fff;background:var(--green);border:0;border-radius:9px;padding:11px 14px;font-weight:850}.link-button{color:#d7e2df;background:0 0;padding:4px 0;font-size:11px;text-decoration:underline}.error{color:#ff978d;min-height:18px;margin:0}.success-message{color:#78d5ae;min-height:18px;margin:0;font-size:12px;line-height:1.5}.shell{grid-template-columns:255px minmax(0,1fr);min-height:100vh;display:grid}aside{color:#fff;background:#12201e;flex-direction:column;min-height:100vh;padding:24px 18px;display:flex}.site-card{background:#ffffff0b;border-radius:13px;margin:22px 0;padding:14px}.site-card span,.site-card small{color:var(--gold);text-transform:uppercase;font-size:10px;font-weight:850;display:block}.site-card select{color:#fff;background:#1b2b28;border-color:#ffffff18;margin:8px 0}nav{gap:6px;display:grid}nav button{text-align:left;color:#aebeba;background:0 0;border:0;border-radius:9px;padding:12px;font-weight:750}nav button.active,nav button:hover{color:#fff;background:#ffffff10}nav button.active{box-shadow:inset 3px 0 var(--gold)}.account{border-top:1px solid #ffffff15;margin-top:auto;padding-top:16px}.account span,.account small{display:block}.account small{color:#94a7a2;margin-top:4px}.account button{color:#fff;background:0 0;border:1px solid #ffffff25;border-radius:8px;margin-top:12px;padding:8px 10px}.workspace{min-width:0;padding:0 28px 40px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:90px;display:flex}header span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:800}header h1{margin:5px 0 0;font-size:25px}.ghost{border:1px solid var(--line);color:#17211f;background:#fff;border-radius:9px;padding:9px 12px;font-weight:800}#content{padding-top:24px}.loading{text-align:center;color:var(--muted);padding:60px}.kpis{grid-template-columns:repeat(4,minmax(160px,1fr));gap:14px;display:grid}.kpis.three{grid-template-columns:repeat(3,1fr);margin-bottom:15px}.kpis article,.panel{border:1px solid var(--line);background:#fff;border-radius:14px;padding:18px;box-shadow:0 8px 30px #20322e08}.kpis span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:850}.kpis strong,.kpis small{display:block}.kpis strong{margin-top:8px;font-size:25px}.kpis small{color:var(--green);margin-top:4px}.two-column{grid-template-columns:1.25fr .75fr;gap:15px;margin-top:15px;display:grid}.panel h2{margin:6px 0 14px}.panel p{color:#4d5a57;line-height:1.6}.panel-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-title small,td small{color:var(--muted);margin-top:4px;display:block}dl{margin:0}dl div{border-bottom:1px solid var(--line);justify-content:space-between;gap:15px;padding:10px 0;display:flex}dt{color:var(--muted)}dd{margin:0;font-weight:800}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:11px 9px}th{color:var(--muted);text-transform:uppercase;font-size:10px}.small{padding:6px 9px;font-size:10px}.small.danger,.danger-action{background:#a94438}.small.whatsapp,.whatsapp{background:#1b8f5a}.button-row,.table-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.quick-actions{gap:9px;display:grid}.quick-actions button{border:1px solid var(--line);text-align:left;color:var(--green);background:#f8fbfa;border-radius:9px;padding:12px;font-weight:800}.toolbar{justify-content:space-between;align-items:end;gap:16px;margin-bottom:15px;display:flex}.toolbar label{width:min(220px,100%)}.dues-layout{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:15px;margin-top:15px;display:grid}.payments-panel{margin-top:15px}.calculation-summary{margin:12px 0 18px;font-size:12px}.status{white-space:nowrap;background:#edf1f0;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:850;display:inline-block}.status.paid{color:#126047;background:#dff3ea}.status.partial{color:#8a5b00;background:#fff0ca}.status.pending{color:#4f5c59;background:#edf1f0}.status.overdue,.status.cancelled{color:#9b352d;background:#fde4e0}.pending-invites{border-top:1px solid var(--line);margin-top:20px;padding-top:12px}.pending-invites h3{margin:0 0 8px;font-size:13px}.pending-invites p{margin:6px 0;font-size:11px}.invite-result{background:#f2faf7;border:1px solid #c8dfd8;border-radius:10px;margin-top:16px;padding:13px}.invite-result p{margin:6px 0 10px;font-size:11px}.invite-result textarea{resize:vertical;min-height:76px;font-size:10px}.failure-panel{border-color:#efc4bf;margin-top:15px}.audit-panel{margin-top:15px}.audit-list{gap:8px;display:grid}.audit-list article{background:#fff8f7;border:1px solid #efc4bf;border-radius:9px;padding:10px}.audit-list b,.audit-list span{display:block}.audit-list span{color:var(--muted);margin-top:3px;font-size:10px}.audit-list p{margin:7px 0 0;font-size:11px}details summary{cursor:pointer;color:var(--green);font-weight:800}details pre{white-space:pre-wrap;color:#33413e;background:#edf3f1;border-radius:8px;max-width:420px;max-height:240px;padding:10px;font-size:9px;overflow:auto}button:disabled{cursor:wait;opacity:.55}.form-panel form{margin-top:15px}.document-list{gap:9px;display:grid}.document-list article{border:1px solid var(--line);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.document-list b,.document-list span{display:block}.document-list span{color:var(--muted);margin-top:4px;font-size:10px}.customer-list{gap:9px;display:grid}.customer-list article{border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr auto;gap:16px;padding:13px;display:grid}.customer-list b,.customer-list span{display:block}.customer-list span{color:var(--muted);margin-top:4px;font-size:10px}.helper{font-size:11px}.helper code{background:#edf1f0;border-radius:5px;padding:3px 5px}.settings{max-width:780px}dialog{border:1px solid var(--line);border-radius:15px;width:min(500px,100% - 30px);padding:0;box-shadow:0 30px 100px #0005}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0b1715aa}.dialog-card{padding:22px}.toast{color:#fff;opacity:0;pointer-events:none;background:#17211f;border-radius:9px;padding:12px 15px;transition:all .2s;position:fixed;bottom:22px;right:22px;transform:translateY(10px)}.toast.show{opacity:1;transform:none}.toast.error{background:#a94438}.setup-message{text-align:center;place-content:center;min-height:100vh;padding:24px;display:grid}.setup-message button{justify-self:center}.setup-message code{background:#e7eceb;border-radius:8px;padding:8px}.error-panel{color:#a94438}@media print{aside,header,.toolbar,.form-panel,button{display:none!important}.shell{display:block}.workspace{padding:0}.panel,.kpis article{box-shadow:none;break-inside:avoid}}@media (width<=1100px){.dues-layout{grid-template-columns:1fr}}@media (width<=1000px){.kpis{grid-template-columns:repeat(2,1fr)}.two-column{grid-template-columns:1fr}}@media (width<=740px){.shell{display:block}aside{min-height:auto}.workspace{padding:0 14px 30px}.kpis,.kpis.three{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}.toolbar label{width:100%}}
