:root,[data-tema=dark]{--bg-primario: #0f1117;--bg-secundario: #1a1d27;--bg-terciario: #22263a;--bg-card: #1e2236;--bg-hover: #2a2f47;--bg-input: #141824;--borda: #2d3355;--borda-hover: #4a527a;--texto-primario: #e8eaf0;--texto-secundario: #9097b8;--texto-muted: #5a6080;--texto-link: #6b7cff;--verde: #22c55e;--verde-bg: rgba(34, 197, 94, .1);--azul: #3b82f6;--azul-bg: rgba(59, 130, 246, .1);--amarelo: #f59e0b;--amarelo-bg: rgba(245, 158, 11, .1);--vermelho: #ef4444;--vermelho-bg: rgba(239, 68, 68, .1);--roxo: #8b5cf6;--roxo-bg: rgba(139, 92, 246, .1);--laranja: #f97316;--laranja-bg: rgba(249, 115, 22, .1);--acento: #6b7cff;--acento-hover: #5a6aee;--sombra: 0 4px 20px rgba(0, 0, 0, .4);--sombra-sm: 0 2px 8px rgba(0, 0, 0, .3);--raio: 10px;--raio-sm: 6px;--raio-lg: 16px}[data-tema=light]{--bg-primario: #f0f2f7;--bg-secundario: #ffffff;--bg-terciario: #f8f9fc;--bg-card: #ffffff;--bg-hover: #f0f2f7;--bg-input: #f8f9fc;--borda: #e2e6f0;--borda-hover: #c5cde0;--texto-primario: #1a1d2e;--texto-secundario: #5a6280;--texto-muted: #9097b8;--texto-link: #4f5fcc;--sombra: 0 4px 20px rgba(0, 0, 0, .08);--sombra-sm: 0 2px 8px rgba(0, 0, 0, .06);--acento: #4f5fcc;--acento-hover: #3d4cb3}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.6;color:var(--texto-primario);background:var(--bg-primario);-webkit-font-smoothing:antialiased;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}h1{font-size:1.75rem;font-weight:700}h2{font-size:1.35rem;font-weight:600}h3{font-size:1.1rem;font-weight:600}h4{font-size:.95rem;font-weight:600}a{color:var(--texto-link);text-decoration:none}a:hover{text-decoration:underline}.card{background:var(--bg-card);border:1px solid var(--borda);border-radius:var(--raio);padding:1.25rem;box-shadow:var(--sombra-sm);transition:box-shadow .2s,border-color .2s}.card:hover{border-color:var(--borda-hover);box-shadow:var(--sombra)}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:none;border-radius:var(--raio-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primario{background:var(--acento);color:#fff}.btn-primario:hover{background:var(--acento-hover)}.btn-secundario{background:transparent;border:1px solid var(--borda);color:var(--texto-primario)}.btn-secundario:hover{background:var(--bg-hover);border-color:var(--borda-hover)}.btn-perigo{background:var(--vermelho-bg);color:var(--vermelho);border:1px solid var(--vermelho)}.btn-perigo:hover{background:var(--vermelho);color:#fff}.btn-sucesso{background:var(--verde-bg);color:var(--verde);border:1px solid var(--verde)}.btn-sucesso:hover{background:var(--verde);color:#fff}.btn-sm{padding:.35rem .75rem;font-size:.8rem}.btn-lg{padding:.7rem 1.5rem;font-size:1rem}.btn-icon{padding:.4rem;border-radius:var(--raio-sm)}.btn-icon:hover{background:var(--bg-hover)}.input,.select,.textarea{width:100%;background:var(--bg-input);border:1px solid var(--borda);border-radius:var(--raio-sm);color:var(--texto-primario);font-size:.875rem;padding:.55rem .75rem;transition:border-color .15s,box-shadow .15s;outline:none;font-family:inherit}.input:focus,.select:focus,.textarea:focus{border-color:var(--acento);box-shadow:0 0 0 3px #6b7cff26}.input::placeholder{color:var(--texto-muted)}.textarea{resize:vertical;min-height:80px}.select{cursor:pointer}.form-grupo{display:flex;flex-direction:column;gap:.35rem}.form-label{font-size:.8rem;font-weight:500;color:var(--texto-secundario)}.form-grid{display:grid;gap:1rem}.form-grid-2{grid-template-columns:1fr 1fr}.form-grid-3{grid-template-columns:1fr 1fr 1fr}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border-radius:999px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.badge-verde{background:var(--verde-bg);color:var(--verde)}.badge-azul{background:var(--azul-bg);color:var(--azul)}.badge-amarelo{background:var(--amarelo-bg);color:var(--amarelo)}.badge-vermelho{background:var(--vermelho-bg);color:var(--vermelho)}.badge-roxo{background:var(--roxo-bg);color:var(--roxo)}.badge-laranja{background:var(--laranja-bg);color:var(--laranja)}.badge-cinza{background:var(--bg-hover);color:var(--texto-secundario)}.progress-bar{width:100%;height:6px;background:var(--bg-hover);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--acento),var(--verde));border-radius:999px;transition:width .4s ease}.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;padding:1rem;animation:fadeIn .15s ease}.modal{background:var(--bg-card);border:1px solid var(--borda);border-radius:var(--raio-lg);padding:1.75rem;width:100%;max-width:560px;max-height:90vh;overflow-y:auto;box-shadow:var(--sombra);animation:slideUp .2s ease}.modal-lg{max-width:800px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.modal-titulo{font-size:1.1rem;font-weight:600}.modal-footer{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.table-container{overflow-x:auto;border-radius:var(--raio);border:1px solid var(--borda)}table{width:100%;border-collapse:collapse}th{background:var(--bg-terciario);padding:.75rem 1rem;text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--texto-muted);font-weight:600}td{padding:.75rem 1rem;border-top:1px solid var(--borda);color:var(--texto-primario);font-size:.875rem}tr:hover td{background:var(--bg-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--borda);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--borda-hover)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.flex{display:flex}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.text-muted{color:var(--texto-muted)}.text-sm{font-size:.8rem}.text-xs{font-size:.72rem}.font-bold{font-weight:700}.w-full{width:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.5rem;z-index:9999}.toast{padding:.75rem 1.25rem;border-radius:var(--raio-sm);font-size:.875rem;font-weight:500;box-shadow:var(--sombra);animation:slideUp .2s ease;max-width:350px}.toast-sucesso{background:var(--verde-bg);color:var(--verde);border:1px solid var(--verde)}.toast-erro{background:var(--vermelho-bg);color:var(--vermelho);border:1px solid var(--vermelho)}.toast-info{background:var(--azul-bg);color:var(--azul);border:1px solid var(--azul)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;color:var(--texto-muted);text-align:center}.empty-state svg{opacity:.3}.loading-spinner{width:32px;height:32px;border:3px solid var(--borda);border-top-color:var(--acento);border-radius:50%;animation:spin .8s linear infinite}.loading-container{display:flex;align-items:center;justify-content:center;padding:3rem;flex:1}@media (max-width: 768px){.form-grid-2,.form-grid-3{grid-template-columns:1fr}.modal{padding:1.25rem}}