:root{--navy:#102b32;--navy-2:#183b43;--green:#13a67b;--green-dark:#0b8463;--mint:#e8f7f2;--bg:#f4f6f5;--text:#172b30;--muted:#718187;--line:#e1e8e6;--white:#fff;--red:#d95454;--amber:#e39a31;--blue:#3a82cc;--shadow:0 12px 36px rgba(19,42,47,.08)}*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--text);background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.login-view{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.login-brand{background:var(--navy);color:#fff;position:relative;padding:54px 8vw;overflow:hidden}.login-brand:after{content:"";position:absolute;width:450px;height:450px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-180px;bottom:-180px;box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.018)}.brand{display:flex;align-items:center;gap:12px;font-family:Manrope;font-weight:800;font-size:20px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--green);color:#fff;font-size:15px}.login-copy{margin-top:24vh;max-width:610px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--green)}.eyebrow.light{color:#68d5b6}.login-copy h1{font:800 clamp(36px,4vw,62px)/1.1 Manrope;margin:20px 0}.login-copy p{font-size:19px;color:#bdd0d2;max-width:520px;line-height:1.6}.signal-bars{position:absolute;bottom:50px;display:flex;align-items:end;gap:7px;height:35px}.signal-bars i{width:7px;background:#25bb90;border-radius:5px}.signal-bars i:nth-child(1){height:9px}.signal-bars i:nth-child(2){height:16px}.signal-bars i:nth-child(3){height:23px}.signal-bars i:nth-child(4){height:30px}.signal-bars i:nth-child(5){height:18px}.login-panel{display:grid;place-items:center;padding:40px;background:#fafbfa}.login-card{width:min(440px,100%)}.login-card h2,.modal-card h2{font:800 30px Manrope;margin:10px 0}.muted{color:var(--muted);margin:5px 0}.login-card label,.modal-card label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700;margin-top:22px}.login-card input,.modal-card input,.modal-card select{width:100%;border:1px solid #d9e2df;border-radius:10px;padding:14px 15px;outline:none;background:white}.login-card input:focus,.modal-card input:focus,.modal-card select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(19,166,123,.1)}.password-wrap{display:flex;position:relative}.password-wrap button{position:absolute;right:8px;top:7px;border:0;background:transparent;color:#899}.btn{border:0;border-radius:9px;padding:11px 17px;font-weight:700;display:inline-flex;justify-content:center;align-items:center;gap:8px}.btn-primary{background:var(--green);color:white}.btn-primary:hover{background:var(--green-dark)}.btn-outline{background:white;border:1px solid var(--line);color:var(--text)}.btn-full{width:100%;margin-top:24px}.demo-access{background:var(--mint);border-radius:10px;padding:14px;margin-top:20px;display:flex;flex-direction:column;font-size:12px;color:#32705e}.mobile-logo{display:none;margin-bottom:50px}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:var(--navy);padding:25px 17px;color:white;z-index:20;display:flex;flex-direction:column}.sidebar .brand{padding:0 9px 30px;border-bottom:1px solid rgba(255,255,255,.09)}.sidebar nav{display:flex;flex-direction:column;gap:5px;margin-top:25px}.nav-item{border:0;background:transparent;color:#aebfc2;padding:12px 14px;border-radius:9px;text-align:left;display:flex;gap:12px;align-items:center;font-weight:600}.nav-item span{font-size:18px;width:20px;text-align:center}.nav-item:hover,.nav-item.active{background:rgba(34,188,143,.13);color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--green)}.sidebar-bottom{margin-top:auto}.admin-card{border-top:1px solid rgba(255,255,255,.09);padding:18px 5px 0;display:flex;align-items:center;gap:10px}.avatar{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#d7f3ea;color:var(--green-dark);font-weight:800;font-size:11px}.admin-card div:nth-child(2){display:flex;flex-direction:column;min-width:0}.admin-card strong{font-size:12px}.admin-card small{font-size:9px;color:#91a8ac}.admin-card button{margin-left:auto;background:none;border:0;color:#abc}.main{margin-left:248px;min-height:100vh}.topbar{height:77px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 34px}.today-label{display:block;font-size:9px;color:#9aa6a8;font-weight:800;letter-spacing:1.5px}.topbar strong{font-size:13px}.top-actions{display:flex;align-items:center;gap:12px}.icon-btn{border:1px solid var(--line);background:white;width:38px;height:38px;border-radius:9px;position:relative}.dot{position:absolute;width:6px;height:6px;border-radius:50%;background:#ef775f;right:8px;top:7px}.menu-btn{display:none}.view{display:none;padding:35px;max-width:1600px;margin:auto}.active-view{display:block}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px}.page-heading h1{font:800 28px Manrope;margin:7px 0 3px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.stat-card,.panel{background:white;border:1px solid #e7eceb;border-radius:13px;padding:20px;box-shadow:0 2px 3px rgba(20,40,45,.015)}.stat-card{position:relative;display:flex;flex-direction:column;gap:8px}.stat-card>span{font-size:12px;color:var(--muted);font-weight:600}.stat-card>strong{font:800 24px Manrope}.stat-card small{font-size:11px;color:var(--muted)}.positive{color:var(--green)!important}.stat-icon{position:absolute;right:17px;top:17px;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:800}.green{background:#e1f5ef;color:var(--green)}.amber{background:#fff3df;color:var(--amber)}.red{background:#fdeaea;color:var(--red)}.blue{background:#e6f0fb;color:var(--blue)}.dashboard-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:17px;margin-top:17px}.panel-title{display:flex;justify-content:space-between;align-items:start}.panel h3{font:700 15px Manrope;margin:0}.panel-title p{font-size:11px}.legend{font-size:11px;color:var(--muted)}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:5px}.chart{height:220px;display:flex;align-items:end;justify-content:space-around;padding:25px 10px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,transparent 0,transparent 54px,#eef2f1 55px)}.bar-wrap{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;font-size:10px;color:#849396}.bar{width:29px;background:linear-gradient(#1ab287,#73d4b8);border-radius:6px 6px 0 0;transition:.4s}.text-btn{border:0;background:transparent;color:var(--green);font-weight:700;font-size:11px}.next-list{margin-top:12px}.next-item{display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #edf1f0}.date-box{text-align:center;border:1px solid var(--line);border-radius:8px;padding:5px}.date-box strong{display:block;color:var(--green);font-size:16px}.date-box small{font-size:8px}.next-item h4{font-size:12px;margin:0 0 3px}.next-item p{font-size:10px;margin:0;color:var(--muted)}.next-item>strong{font-size:12px}.recent-panel{margin-top:17px}.activity-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:15px}.activity{display:flex;gap:10px;align-items:center;font-size:11px}.activity .stat-icon{position:static;flex:none}.activity strong,.activity small{display:block}.activity small{color:var(--muted);margin-top:3px}.toolbar{background:#fff;padding:13px 16px;border:1px solid var(--line);border-bottom:0;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.search{display:flex;align-items:center;gap:8px}.search input{border:0;outline:0;width:260px}.table-wrap{background:white;border:1px solid var(--line);border-radius:12px;overflow:auto}.toolbar+.table-wrap{border-radius:0 0 12px 12px}table{border-collapse:collapse;width:100%;min-width:800px}th{text-align:left;padding:13px 17px;background:#f9faf9;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:#839094}td{padding:15px 17px;border-top:1px solid #edf0ef;font-size:12px}td strong{display:block}.company-cell{display:flex;align-items:center;gap:10px}.company-logo{width:32px;height:32px;border-radius:8px;background:var(--mint);color:var(--green-dark);display:grid;place-items:center;font-weight:800}.badge{display:inline-flex;padding:5px 8px;border-radius:20px;font-size:9px;font-weight:800}.badge.paid,.badge.active{background:#e2f6ef;color:#0b8965}.badge.pending{background:#fff2db;color:#b67016}.badge.overdue{background:#fde8e8;color:#c84545}.action-btn{border:1px solid var(--line);background:white;border-radius:7px;padding:6px 9px;font-size:10px;margin-right:4px}.tabs{display:flex;gap:8px;margin-bottom:14px}.tab{border:1px solid var(--line);background:white;padding:8px 14px;border-radius:20px;font-weight:700;font-size:11px;color:var(--muted)}.tab.active{background:var(--navy);color:white;border-color:var(--navy)}.receipt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.receipt{background:white;border:1px solid var(--line);border-radius:12px;padding:20px}.receipt-number{font-size:10px;color:var(--green);font-weight:800}.receipt h3{font:700 15px Manrope}.receipt-row{display:flex;justify-content:space-between;margin:10px 0;font-size:11px}.receipt-actions{display:flex;gap:8px;border-top:1px dashed var(--line);padding-top:14px;margin-top:15px}.receipt-actions button{flex:1}dialog{border:0;padding:0;border-radius:15px;box-shadow:var(--shadow);width:min(680px,calc(100% - 30px))}dialog::backdrop{background:rgba(8,29,34,.58);backdrop-filter:blur(3px)}.modal-card{padding:27px}.modal-header{display:flex;justify-content:space-between}.close-btn{border:0;background:#f0f3f2;border-radius:50%;width:32px;height:32px;font-size:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.span-2{grid-column:span 2}.calculation{display:flex;justify-content:space-between;align-items:center;background:var(--mint);padding:14px;margin-top:20px;border-radius:10px;font-size:12px}.calculation strong{font-size:18px;color:var(--green-dark)}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.pix-card{text-align:center;position:relative}.floating{position:absolute;right:18px;top:18px}#qrcode{display:grid;place-items:center;margin:20px auto 13px;padding:12px;background:white;width:204px;height:204px;border:1px solid var(--line);border-radius:10px}#pixAmount{font:800 24px Manrope}.copy-field{display:flex;margin-top:17px}.copy-field input{border-radius:9px 0 0 9px;font-size:10px;background:#f4f7f6}.copy-field .btn{border-radius:0 9px 9px 0}.toast{position:fixed;right:25px;bottom:25px;background:var(--navy);color:#fff;padding:13px 18px;border-radius:9px;box-shadow:var(--shadow);z-index:100;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s;font-size:12px}.toast.show{opacity:1;transform:none}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.receipt-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.login-view{grid-template-columns:1fr}.login-brand{display:none}.login-panel{min-height:100vh}.mobile-logo{display:flex}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.main{margin-left:0}.menu-btn{display:block}.topbar{padding:0 16px}.topbar>div:first-of-type{display:none}.view{padding:24px 16px}.dashboard-grid{grid-template-columns:1fr}.activity-list{grid-template-columns:1fr}.page-heading{align-items:flex-start}.page-heading .btn-outline{display:none}}@media(max-width:560px){.stats-grid,.receipt-grid{grid-template-columns:1fr}.top-actions .btn{display:none}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.page-heading{gap:15px}.page-heading h1{font-size:24px}.modal-card{padding:20px}.tabs{overflow:auto}.chart-panel{overflow:hidden}}