:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#132238;background:#f4f7fb}*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#17233c}a{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--brand2,#0a2540),#071827);color:#fff;padding:22px 16px;display:flex;flex-direction:column;overflow:auto}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;padding:4px 8px 22px}.brand-mark{width:40px;height:40px;border-radius:12px;background:var(--brand,#0b5fff);display:grid;place-items:center;font-weight:900;font-size:20px}.brand b{display:block;font-size:19px}.brand small{display:block;color:#b8c7d9;margin-top:2px}.tenant{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);padding:12px;border-radius:12px;margin:0 4px 16px}.tenant small,.sidebar-footer small{display:block;color:#aabbd0;font-size:11px}.tenant strong{display:block;margin-top:4px}.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#7f96ae;margin:18px 12px 7px}.nav-item{display:flex;gap:10px;align-items:center;text-decoration:none;padding:10px 12px;border-radius:10px;color:#dce7f3;margin:2px 0}.nav-item:hover{background:rgba(255,255,255,.09);color:#fff}.sidebar-footer{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding:16px 8px 0;display:flex;justify-content:space-between;gap:8px;align-items:center}.link-btn{border:0;background:transparent;color:#c9d6e5;cursor:pointer}.main{min-width:0}.topbar{height:84px;background:#fff;border-bottom:1px solid #e7edf5;display:flex;align-items:center;padding:0 30px;gap:16px;position:sticky;top:0;z-index:5}.topbar h1{font-size:20px;margin:0}.topbar p{margin:3px 0 0;color:#6d7b91;font-size:13px}.menu-btn{display:none}.content{padding:28px;max-width:1500px}.grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#fff;border:1px solid #e4eaf2;border-radius:16px;padding:20px;box-shadow:0 2px 8px rgba(15,35,60,.03)}.kpi small{color:#7d889a}.kpi strong{display:block;font-size:27px;margin-top:8px}.section-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:24px 0 12px}.section-head h2{font-size:17px;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:10px;padding:10px 14px;background:var(--brand,#0b5fff);color:#fff;text-decoration:none;font-weight:700;cursor:pointer;font-size:14px}.btn.secondary{background:#eef3fa;color:#20334e}.btn.danger{background:#b42318}.btn.success{background:#067647}.btn.small{padding:7px 10px;font-size:12px}.btn:disabled{opacity:.5}.table-wrap{overflow:auto;background:#fff;border:1px solid #e4eaf2;border-radius:14px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:13px 14px;border-bottom:1px solid #edf1f6;text-align:left;font-size:13px;vertical-align:middle}th{font-size:11px;color:#68768b;text-transform:uppercase;letter-spacing:.04em;background:#fafbfd}tr:last-child td{border-bottom:0}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eef3fa;color:#36465f;font-size:11px;font-weight:800}.badge.PAGA{background:#ecfdf3;color:#067647}.badge.DEVOLVIDA,.badge.CANCELADA{background:#fff1f0;color:#b42318}.badge.AGUARDANDO_GERENTE,.badge.AGUARDANDO_CONTROLLER{background:#fff8e6;color:#925f00}.badge.APROVADA_CONTAS_PAGAR,.badge.LANCADA{background:#eef4ff;color:#264bc0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:800;color:#40506a}.field input,.field select,.field textarea{width:100%;border:1px solid #ccd6e4;border-radius:10px;padding:11px 12px;font:inherit;background:#fff;color:#1b2b43}.field textarea{min-height:100px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid color-mix(in srgb,var(--brand,#0b5fff) 15%,transparent);border-color:var(--brand,#0b5fff)}.help{font-size:11px;color:#76849a}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.alert{padding:12px 15px;border-radius:10px;margin-bottom:16px;border:1px solid}.alert.success{background:#ecfdf3;border-color:#abefc6;color:#067647}.alert.error{background:#fff1f0;border-color:#fecdca;color:#b42318}.alert.info{background:#eef4ff;border-color:#c7d7fe;color:#264bc0}.muted{color:#748196}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detail{padding:13px;background:#f8fafc;border-radius:10px}.detail small{display:block;color:#718096;font-size:11px}.detail strong{display:block;margin-top:4px}.timeline{border-left:2px solid #dfe7f0;margin-left:8px;padding-left:18px}.timeline-item{position:relative;margin-bottom:18px}.timeline-item:before{content:"";position:absolute;left:-25px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--brand,#0b5fff)}.timeline-item small{color:#78869a}.empty{padding:35px;text-align:center;color:#78869a}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 0,#163e67 0,#0a2540 45%,#061521 100%);padding:24px}.login-card{width:min(460px,100%);background:#fff;border-radius:22px;padding:30px;box-shadow:0 30px 70px rgba(0,0,0,.25)}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:25px}.login-brand .brand-mark{color:#fff}.login-card h1{font-size:25px;margin:0}.login-card p{color:#718096;line-height:1.5}.checkbox-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.check{display:flex;gap:8px;align-items:center;background:#f7f9fc;padding:8px 10px;border-radius:8px;font-size:12px}.check input{width:auto}.inline-form{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.notice{padding:12px;background:#fff8e6;border-radius:10px;color:#7a5600;border:1px solid #f8dd96}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f0f3f8;padding:2px 5px;border-radius:5px}
@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-285px;width:270px;z-index:20;transition:left .2s}.sidebar.open{left:0}.menu-btn{display:block;border:0;background:#eef3fa;border-radius:8px;padding:8px 10px}.content{padding:18px}.topbar{padding:0 18px}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.grid-4,.grid-3,.grid-2,.form-grid,.detail-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.content{padding:14px}.topbar{height:72px}.topbar h1{font-size:17px}.card{padding:15px}.checkbox-list{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}}