*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#f1f5f9;color:#1e293b}.container{max-width:1400px;margin:0 auto;padding:20px}.card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px}.btn{padding:10px 20px;border-radius:8px;border:none;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-success{background:#16a34a;color:#fff}.btn-success:hover{background:#15803d}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}.btn-warning{background:#ca8a04;color:#fff}.btn-warning:hover{background:#a16207}.btn-secondary{background:#64748b;color:#fff}.btn-secondary:hover{background:#475569}input,select,textarea{width:100%;padding:10px 14px;border:1px solid #cbd5e1;border-radius:8px;font-size:14px;transition:border-color .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:#2563eb}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}thead{background:#f8fafc}th,td{padding:12px 16px;text-align:left;border-bottom:1px solid #e2e8f0;font-size:14px}th{font-weight:600;color:#475569;text-transform:uppercase;font-size:12px;letter-spacing:.5px}.status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.status-ativo,.status-emitida,.status-recebido,.status-pago{background:#dcfce7;color:#166534}.status-pendente,.status-aberto{background:#fef3c7;color:#92400e}.status-cancelada,.status-inativo{background:#fee2e2;color:#991b1b}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:16px;padding:30px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h2{font-size:20px;color:#1e293b}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:#475569}.actions{display:flex;gap:8px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.sidebar{width:60px!important}.sidebar span{display:none!important}}