@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--font-family:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-app:220, 20%, 97%;--bg-sidebar:224, 25%, 12%;--fg-sidebar:220, 14%, 90%;--fg-sidebar-dim:220, 10%, 65%;--card-bg:0, 0%, 100%;--card-fg:224, 71%, 4%;--border-color:220, 13%, 90%;--border-light:220, 13%, 95%;--success:142, 72%, 29%;--success-light:142, 70%, 95%;--warning:38, 92%, 50%;--warning-light:38, 90%, 95%;--danger:0, 84%, 60%;--danger-light:0, 80%, 96%;--info:217, 91%, 60%;--info-light:217, 90%, 96%;--primary-h:224;--primary-s:76%;--primary-l:48%;--theme-color:hsl(var(--primary-h), var(--primary-s), var(--primary-l));--theme-color-hover:hsl(var(--primary-h), var(--primary-s), calc(var(--primary-l) - 8%));--theme-color-light:hsl(var(--primary-h), var(--primary-s), 96%);--theme-color-glow:hsla(var(--primary-h), var(--primary-s), var(--primary-l), .15);--theme-gradient:linear-gradient(135deg, #1d4fd7 0%, #0d59a5 100%)}.theme-alfer{--primary-h:224;--primary-s:76%;--primary-l:48%;--theme-gradient:linear-gradient(135deg, #1d4fd7 0%, #0c4197 100%)}.theme-analu{--primary-h:172;--primary-s:80%;--primary-l:36%;--theme-gradient:linear-gradient(135deg, #12a592 0%, #0a7b59 100%)}.theme-amoreira{--primary-h:32;--primary-s:85%;--primary-l:44%;--theme-gradient:linear-gradient(135deg, #d07711 0%, #9b3e08 100%)}*{box-sizing:border-box;outline:none;margin:0;padding:0}body{font-family:var(--font-family);background-color:hsl(var(--bg-app));color:#1e293b;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100vw;height:100vh;overflow-x:hidden}.card-premium{background:hsl(var(--card-bg));border:1px solid hsl(var(--border-color));border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 4px 20px -2px #00000008,0 2px 8px -1px #00000005}.card-premium:hover{box-shadow:0 12px 30px -4px #0000000f, 0 4px 12px -2px #00000008, 0 0 0 1px var(--theme-color-glow);transform:translateY(-2px)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000026;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#00000040}.input-premium{border:1px solid hsl(var(--border-color));width:100%;font-family:var(--font-family);color:#334155;background-color:#fff;border-radius:10px;padding:10px 14px;font-size:.95rem;transition:all .2s}.input-premium:focus{border-color:var(--theme-color);box-shadow:0 0 0 4px var(--theme-color-glow)}.label-premium{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.85rem;font-weight:500;display:block}.badge-status{text-transform:uppercase;letter-spacing:.05em;border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{background-color:hsl(var(--success-light));color:hsl(var(--success))}.badge-warning{background-color:hsl(var(--warning-light));color:hsl(var(--warning))}.badge-danger{background-color:hsl(var(--danger-light));color:hsl(var(--danger))}.badge-info{background-color:hsl(var(--info-light));color:hsl(var(--info))}.btn-primary{background:var(--theme-gradient);color:#fff;font-family:var(--font-family);cursor:pointer;box-shadow:0 4px 12px var(--theme-color-glow);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary:hover{box-shadow:0 8px 20px var(--theme-color-glow);opacity:.95;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:#475569;border:1px solid hsl(var(--border-color));font-family:var(--font-family);cursor:pointer;background-color:#fff;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{color:#1e293b;background-color:#f8fafc;border-color:#cbd5e1}.tooltip{display:inline-block;position:relative}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 rgba(var(--primary-h), var(--primary-s), var(--primary-l), .4)}70%{box-shadow:0 0 0 6px rgba(var(--primary-h), var(--primary-s), var(--primary-l), 0)}to{box-shadow:0 0 0 0 rgba(var(--primary-h), var(--primary-s), var(--primary-l), 0)}}.pulse-glow{animation:2s infinite pulseGlow}
