*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#000000 0%,#1a1a1a 50%,#000000 100%);color:#fff;min-height:100vh;line-height:1.6}:root{--cor-primaria: #dc2626;--cor-primaria-hover: #b91c1c;--cor-primaria-light: #ef4444;--cor-fundo: #000000;--cor-fundo-secundario: #1a1a1a;--cor-fundo-card: #262626;--cor-fundo-modal: rgba(0, 0, 0, .9);--cor-texto: #ffffff;--cor-texto-secundario: #d1d5db;--cor-texto-muted: #9ca3af;--cor-borda: #374151;--cor-borda-hover: #4b5563;--cor-sucesso: #10b981;--cor-erro: #ef4444;--cor-aviso: #f59e0b;--sombra-pequena: 0 1px 3px rgba(220, 38, 38, .1);--sombra-media: 0 4px 6px rgba(220, 38, 38, .1);--sombra-grande: 0 10px 15px rgba(220, 38, 38, .2);--sombra-card: 0 4px 20px rgba(220, 38, 38, .15);--transicao-rapida: .15s ease-in-out;--transicao-normal: .3s ease-in-out;--transicao-lenta: .5s ease-in-out;--raio-pequeno: 4px;--raio-medio: 8px;--raio-grande: 12px;--raio-completo: 50%;--espacamento-xs: .25rem;--espacamento-sm: .5rem;--espacamento-md: 1rem;--espacamento-lg: 1.5rem;--espacamento-xl: 2rem;--espacamento-2xl: 3rem;--fonte-xs: .75rem;--fonte-sm: .875rem;--fonte-base: 1rem;--fonte-lg: 1.125rem;--fonte-xl: 1.25rem;--fonte-2xl: 1.5rem;--fonte-3xl: 1.875rem;--fonte-4xl: 2.25rem}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--cor-fundo-secundario)}::-webkit-scrollbar-thumb{background:var(--cor-primaria);border-radius:var(--raio-pequeno)}::-webkit-scrollbar-thumb:hover{background:var(--cor-primaria-hover)}::selection{background:var(--cor-primaria);color:var(--cor-texto)}*:focus{outline:2px solid var(--cor-primaria);outline-offset:2px}#root{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--espacamento-md)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--espacamento-sm)}.gap-4{gap:var(--espacamento-md)}.gap-6{gap:var(--espacamento-lg)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-primary{color:var(--cor-primaria)}.text-secondary{color:var(--cor-texto-secundario)}.text-muted{color:var(--cor-texto-muted)}.bg-primary{background-color:var(--cor-primaria)}.bg-card{background-color:var(--cor-fundo-card)}.p-2{padding:var(--espacamento-sm)}.p-4{padding:var(--espacamento-md)}.p-6{padding:var(--espacamento-lg)}.p-8{padding:var(--espacamento-xl)}.px-2{padding-left:var(--espacamento-sm);padding-right:var(--espacamento-sm)}.px-4{padding-left:var(--espacamento-md);padding-right:var(--espacamento-md)}.px-6{padding-left:var(--espacamento-lg);padding-right:var(--espacamento-lg)}.py-2{padding-top:var(--espacamento-sm);padding-bottom:var(--espacamento-sm)}.py-4{padding-top:var(--espacamento-md);padding-bottom:var(--espacamento-md)}.py-6{padding-top:var(--espacamento-lg);padding-bottom:var(--espacamento-lg)}.m-2{margin:var(--espacamento-sm)}.m-4{margin:var(--espacamento-md)}.m-6{margin:var(--espacamento-lg)}.mb-2{margin-bottom:var(--espacamento-sm)}.mb-4{margin-bottom:var(--espacamento-md)}.mb-6{margin-bottom:var(--espacamento-lg)}.mb-8{margin-bottom:var(--espacamento-xl)}.mt-2{margin-top:var(--espacamento-sm)}.mt-4{margin-top:var(--espacamento-md)}.mt-6{margin-top:var(--espacamento-lg)}.mt-8{margin-top:var(--espacamento-xl)}.rounded{border-radius:var(--raio-pequeno)}.rounded-md{border-radius:var(--raio-medio)}.rounded-lg{border-radius:var(--raio-grande)}.rounded-full{border-radius:var(--raio-completo)}.border{border:1px solid var(--cor-borda)}.border-primary{border-color:var(--cor-primaria)}.shadow{box-shadow:var(--sombra-pequena)}.shadow-md{box-shadow:var(--sombra-media)}.shadow-lg{box-shadow:var(--sombra-grande)}.shadow-card{box-shadow:var(--sombra-card)}.transition{transition:all var(--transicao-normal)}.transition-fast{transition:all var(--transicao-rapida)}.transition-slow{transition:all var(--transicao-lenta)}.hover-scale:hover{transform:scale(1.05)}.hover-lift:hover{transform:translateY(-2px)}@media (max-width: 768px){:root{--espacamento-md: .75rem;--espacamento-lg: 1rem;--espacamento-xl: 1.5rem}.container{padding:0 var(--espacamento-sm)}html{font-size:14px}}@media (max-width: 480px){:root{--espacamento-md: .5rem;--espacamento-lg: .75rem;--espacamento-xl: 1rem}html{font-size:13px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn .5s ease-out}.animate-slideIn{animation:slideIn .3s ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(220,38,38,.2),transparent);animation:loading 1.5s infinite}@keyframes loading{0%{left:-100%}to{left:100%}}img{max-width:100%;height:auto;display:block}a{color:var(--cor-primaria);text-decoration:none;transition:color var(--transicao-normal)}a:hover{color:var(--cor-primaria-light)}button:disabled,input:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{background-color:var(--cor-fundo-card);border:1px solid var(--cor-borda);color:var(--cor-texto);border-radius:var(--raio-medio);padding:var(--espacamento-sm) var(--espacamento-md);transition:border-color var(--transicao-normal)}input:focus,textarea:focus,select:focus{border-color:var(--cor-primaria);outline:none}input::placeholder,textarea::placeholder{color:var(--cor-texto-muted)}.toast{position:fixed;top:20px;right:20px;background:var(--cor-fundo-card);border:1px solid var(--cor-borda);border-radius:var(--raio-medio);padding:var(--espacamento-md);box-shadow:var(--sombra-grande);z-index:1000;animation:slideIn .3s ease-out}.toast.success{border-color:var(--cor-sucesso)}.toast.error{border-color:var(--cor-erro)}.toast.warning{border-color:var(--cor-aviso)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--cor-fundo-modal);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.modal-content{background:var(--cor-fundo-card);border-radius:var(--raio-grande);max-width:90vw;max-height:90vh;overflow-y:auto;animation:fadeIn .3s ease-out .1s both}.card{background:var(--cor-fundo-card);border:1px solid var(--cor-borda);border-radius:var(--raio-grande);padding:var(--espacamento-lg);box-shadow:var(--sombra-card);transition:all var(--transicao-normal)}.card:hover{border-color:var(--cor-primaria);box-shadow:0 8px 25px #dc262640;transform:translateY(-2px)}.grid{display:grid;gap:var(--espacamento-lg)}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width: 768px){.grid-2,.grid-3{grid-template-columns:1fr}}@media (min-width: 769px) and (max-width: 1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}