*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0f172a;color:#e2e8f0;min-height:100vh}#root{min-height:100vh}:root{--regua-primary: #0ea5e9;--regua-primary-hover: #38bdf8;--regua-success: #10b981;--regua-warning: #f59e0b;--regua-danger: #ef4444;--regua-card: #1e293b;--regua-border: #334155}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--regua-card);border-bottom:1px solid var(--regua-border)}.app-header h1{margin:0;font-size:1.25rem;font-weight:600}.app-header a{color:var(--regua-primary);text-decoration:none}.app-header a:hover{text-decoration:underline}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:8px;font-weight:500;cursor:pointer;border:none;font-size:.875rem}.btn-primary{background:var(--regua-primary);color:#fff}.btn-primary:hover{background:var(--regua-primary-hover)}.btn-secondary{background:var(--regua-border);color:#e2e8f0}.btn-secondary:hover{background:#475569}.btn-success{background:var(--regua-success);color:#fff}.btn-warning{background:var(--regua-warning);color:#1e293b}.btn-danger{background:var(--regua-danger);color:#fff}.container{max-width:1400px;margin:0 auto;padding:1.5rem}.company-select{margin-bottom:1.5rem}.company-select label{display:block;margin-bottom:.5rem;color:#94a3b8;font-size:.875rem}.company-select select{padding:.5rem .75rem;border-radius:8px;border:1px solid var(--regua-border);background:var(--regua-card);color:#e2e8f0;min-width:280px}.table-wrap{overflow-x:auto;border-radius:12px;border:1px solid var(--regua-border);background:var(--regua-card)}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th,.table-wrap td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--regua-border)}.table-wrap th{background:#0f172a99;font-weight:600;font-size:.75rem;text-transform:uppercase;color:#94a3b8}.table-wrap tr:hover td{background:#3341554d}.table-wrap .valor{font-variant-numeric:tabular-nums;white-space:nowrap}.table-wrap .atraso{color:var(--regua-danger)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:var(--regua-card);border:1px solid var(--regua-border);border-radius:16px;padding:1.5rem;max-width:480px;width:90%;max-height:90vh;overflow-y:auto}.modal h3{margin:0 0 1rem;font-size:1.125rem}.modal .form-group{margin-bottom:1rem}.modal label{display:block;margin-bottom:.35rem;color:#94a3b8;font-size:.875rem}.modal input,.modal textarea{width:100%;padding:.5rem .75rem;border-radius:8px;border:1px solid var(--regua-border);background:#0f172a;color:#e2e8f0}.modal textarea{min-height:100px;resize:vertical}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem}.loading{text-align:center;padding:3rem;color:#94a3b8}.error-msg{padding:1rem;background:#ef444426;border:1px solid var(--regua-danger);border-radius:8px;color:#fca5a5;margin-bottom:1rem}.success-msg{padding:1rem;background:#10b98126;border:1px solid var(--regua-success);border-radius:8px;color:#6ee7b7;margin-bottom:1rem}.toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:1rem}.toolbar .selected-count{color:#94a3b8;font-size:.875rem}.login-box{max-width:400px;margin:4rem auto;padding:2rem;background:var(--regua-card);border:1px solid var(--regua-border);border-radius:16px}.login-box h2{margin:0 0 1.5rem;text-align:center}.login-box .form-group{margin-bottom:1rem}.login-box input{width:100%;padding:.75rem;border-radius:8px;border:1px solid var(--regua-border);background:#0f172a;color:#e2e8f0}.login-box button{width:100%;padding:.75rem;margin-top:.5rem}