@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--primary:#6558f5;--soft:#efedff;--bg:#f6f7fc;--surface:#fff;--text:#181b25;--muted:#6e7380;--border:#e6e8ef;--success:#16a66a;--danger:#e5484d}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,sans-serif}button,input{font:inherit}button{cursor:pointer}.login-page{background:radial-gradient(circle at 15% 15%, #e7e3ff, transparent 35%), var(--bg);align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{border:1px solid var(--border);background:#fffc;border-radius:28px;width:100%;max-width:460px;margin:auto;padding:42px;box-shadow:0 30px 90px #28225e1f}.brand{color:var(--primary);letter-spacing:-1px;font-size:27px;font-weight:800}.brand span{background:var(--soft);letter-spacing:.7px;text-transform:uppercase;border-radius:8px;margin-left:7px;padding:6px 8px;font-size:11px}.login-card h1{letter-spacing:-1.3px;margin:30px 0 10px;font-size:32px}.login-card>p,.login-card>small{color:var(--muted);line-height:1.6}.login-card label{gap:8px;margin:18px 0;display:grid}.login-card label>span{font-size:12px;font-weight:700}.login-card label>div{border:1px solid var(--border);color:var(--muted);border-radius:14px;align-items:center;gap:10px;padding:0 14px;display:flex}.login-card label svg{width:18px}.login-card input{background:0 0;border:0;outline:0;width:100%;padding:15px 0}.login-card button,.pix-panel button{background:var(--primary);color:#fff;border:0;border-radius:14px;width:100%;padding:15px;font-weight:800}.login-card>small{text-align:center;margin-top:18px;font-size:11px;display:block}.error{color:var(--danger)}.loading{justify-content:center;align-items:center;gap:15px;min-height:100vh;display:flex}.loading button{padding:10px}.dashboard{max-width:1500px;margin:auto;padding:28px 34px 60px}.dashboard>header{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.logout{border:1px solid var(--border);color:var(--muted);background:#fff;border-radius:12px;align-items:center;gap:8px;padding:11px 15px;display:flex}.logout svg{width:17px}.hero{color:#fff;background:linear-gradient(130deg,#5546ed,#786df8);border-radius:26px;grid-template-columns:1.2fr 1fr;gap:30px;padding:36px;display:grid;position:relative;overflow:hidden}.hero:after{content:"";border:1px solid #ffffff2e;border-radius:50%;width:360px;height:360px;position:absolute;top:-190px;right:-120px}.hero>div{z-index:1;position:relative}.hero span,.panel-head span{letter-spacing:1.4px;font-size:11px;font-weight:800}.hero h1{letter-spacing:-1.5px;margin:12px 0;font-size:36px}.hero p{color:#e8e5ff;max-width:680px;margin:0;line-height:1.6}.link-box{background:#ffffff16;border:1px solid #ffffff30;border-radius:18px;align-self:center;gap:10px;padding:20px;display:grid}.link-box small{color:#dcd8ff}.link-box strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.link-box button{color:var(--primary);background:#fff;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;padding:12px;font-weight:800;display:flex}.link-box svg{width:17px}.metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0;display:grid}.metrics article{border:1px solid var(--border);background:#fff;border-radius:19px;align-items:center;gap:14px;padding:20px;display:flex}.metrics article>svg{background:var(--soft);color:var(--primary);border-radius:13px;width:48px;height:48px;padding:12px}.metrics span,.metrics strong,.metrics small{display:block}.metrics span,.metrics small{color:var(--muted);font-size:11px}.metrics strong{margin:4px 0;font-size:23px}.columns{grid-template-columns:1.5fr 1fr;gap:20px;display:grid}.panel{border:1px solid var(--border);background:#fff;border-radius:22px;padding:25px}.panel-head{justify-content:space-between;align-items:center;display:flex}.panel-head span{color:var(--primary)}.panel-head h2{margin:7px 0;font-size:21px}.panel-head>b{background:var(--soft);color:var(--primary);border-radius:20px;padding:8px 12px}.list{margin-top:14px;display:grid}.list article{border-top:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:15px 0;display:grid}.list article strong,.list article span{display:block}.list article span,.list article small{color:var(--muted);margin-top:4px;font-size:12px}.company-icon{background:var(--soft);color:var(--primary);border-radius:12px;padding:10px}.company-icon svg{width:20px;display:block}.pix-panel>p{color:var(--muted);font-size:13px;line-height:1.5}.saved-pix{color:var(--success);background:#e9f8f2;border-radius:12px;align-items:center;gap:8px;margin:15px 0;padding:13px;font-weight:700;display:flex}.pix-panel form{gap:10px;display:grid}.pix-panel input{border:1px solid var(--border);border-radius:13px;outline:0;padding:14px}.commissions{margin-top:20px}.table{margin-top:15px}.table-row{border-top:1px solid var(--border);grid-template-columns:1.5fr 1fr .8fr .8fr .8fr;align-items:center;gap:14px;padding:14px 8px;display:grid}.table-row span{font-size:13px}.table-row small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.table-title{color:var(--muted);font-size:11px;font-weight:700}.tag{text-align:center;border-radius:20px;padding:7px 10px;font-weight:800;font-size:11px!important}.tag.pending{color:#a76c00;background:#fff5df}.tag.paid{color:var(--success);background:#e9f8f2}.tag.reversed{color:var(--danger);background:#ffeded}.empty{color:var(--muted);text-align:center;padding:30px}.notice{background:#e9f8f2;border-radius:12px;margin:15px 0;padding:13px}.notice.error{background:#ffeded}.login-card button:disabled,.pix-panel button:disabled{opacity:.5}@media (max-width:900px){.dashboard{padding:20px}.hero,.columns{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.table-row{grid-template-columns:1fr 1fr}.table-title{display:none}.hero h1{font-size:30px}}@media (max-width:540px){.metrics{grid-template-columns:1fr}.hero{padding:25px}.login-card{padding:28px}.dashboard>header .brand span{display:none}}