@plugin "tailwindcss-animate";@custom-variant dark (&:is(.dark *));@tailwind base;@tailwind components;@tailwind utilities;@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-shimmer{animation:shimmer 2s infinite}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .3s ease-out forwards}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.7}}.animate-pulse-soft{animation:pulse-soft 2s ease-in-out infinite}@keyframes infinite-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.animate-infinite-scroll{animation:infinite-scroll 40s linear infinite}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slide-up .4s ease-out forwards}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scale-in .3s ease-out forwards}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1e293b80;border-radius:4px}::-webkit-scrollbar-thumb{background:#64748b80;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#64748bb3}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;background:#374151;border-radius:4px;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:50%;cursor:pointer;box-shadow:0 4px 12px #8b5cf666;transition:transform .2s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}input[type=range]::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:50%;cursor:pointer;border:none;box-shadow:0 4px 12px #8b5cf666}@theme inline{ --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --radius-2xl: calc(var(--radius) + 8px); --radius-3xl: calc(var(--radius) + 12px); --radius-4xl: calc(var(--radius) + 16px); --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); }:root{--radius: .625rem;--background: oklch(1 0 0);--foreground: oklch(.145 0 0);--card: oklch(1 0 0);--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: oklch(.205 0 0);--primary-foreground: oklch(.985 0 0);--secondary: oklch(.97 0 0);--secondary-foreground: oklch(.205 0 0);--muted: oklch(.97 0 0);--muted-foreground: oklch(.556 0 0);--accent: oklch(.97 0 0);--accent-foreground: oklch(.205 0 0);--destructive: oklch(.577 .245 27.325);--border: oklch(.922 0 0);--input: oklch(.922 0 0);--ring: oklch(.708 0 0);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: oklch(.205 0 0);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0)}.dark{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.205 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.205 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.922 0 0);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.704 .191 22.216);--border: oklch(1 0 0 / 10%);--input: oklch(1 0 0 / 15%);--ring: oklch(.556 0 0);--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.269 0 0);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(1 0 0 / 10%);--sidebar-ring: oklch(.556 0 0)}@layer base{*{@apply border-border outline-ring/50;}body{@apply bg-background text-foreground;}}.glass{background:#1a1a24b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08)}.glass-light{background:#ffffff0d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.glass-card{background:linear-gradient(135deg,#1a1a24e6,#0f0f12f2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 32px #0006,inset 0 1px #ffffff0d}.card-premium{background:linear-gradient(145deg,#1e1e2af2,#121218fa);border:1px solid rgba(99,102,241,.15);border-radius:16px;box-shadow:0 4px 24px #0000004d,0 1px #ffffff08 inset;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-premium:hover{border-color:#6366f14d;box-shadow:0 8px 40px #6366f126,0 1px #ffffff0d inset;transform:translateY(-2px)}.card-interactive{position:relative;overflow:hidden}.card-interactive:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);transition:left .5s ease}.card-interactive:hover:before{left:100%}.gradient-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7)}.gradient-instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.gradient-success{background:linear-gradient(135deg,#10b981,#34d399)}.gradient-warning{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.gradient-danger{background:linear-gradient(135deg,#ef4444,#f87171)}.gradient-border{position:relative;background:linear-gradient(var(--gradient-angle, 135deg),#6366f1,#8b5cf6,#a855f7);padding:1px;border-radius:12px}.gradient-border>*{background:#0f0f12;border-radius:11px}.text-gradient{background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-gold{background:linear-gradient(135deg,#f59e0b,#fbbf24,#fcd34d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-primary{box-shadow:0 0 20px #6366f166}.glow-primary-hover:hover{box-shadow:0 0 30px #6366f199}.glow-success{box-shadow:0 0 20px #10b98166}.glow-instagram{box-shadow:0 0 20px #e1306c66}.glow-text{text-shadow:0 0 20px rgba(99,102,241,.5)}@keyframes border-glow{0%,to{box-shadow:0 0 5px #6366f14d,0 0 20px #6366f11a}50%{box-shadow:0 0 10px #6366f180,0 0 30px #6366f133}}.animate-border-glow{animation:border-glow 3s ease-in-out infinite}.btn-premium{position:relative;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;padding:12px 24px;font-weight:600;color:#fff;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 15px #6366f166}.btn-premium:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-premium:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f180}.btn-premium:hover:before{left:100%}.btn-premium:active{transform:translateY(0)}.btn-outline-premium{position:relative;background:transparent;border:2px solid rgba(99,102,241,.5);border-radius:12px;padding:10px 22px;font-weight:600;color:#8b5cf6;transition:all .3s ease}.btn-outline-premium:hover{background:#6366f11a;border-color:#6366f1cc;box-shadow:0 0 20px #6366f133}.input-premium{background:#1e1e2a99;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 16px;color:#fff;font-size:15px;transition:all .3s ease}.input-premium::placeholder{color:#fff6}.input-premium:focus{outline:none;border-color:#6366f180;box-shadow:0 0 0 4px #6366f11a;background:#1e1e2acc}.input-premium:hover:not(:focus){border-color:#ffffff26}.table-premium{width:100%;border-collapse:separate;border-spacing:0}.table-premium thead{background:#1e1e2acc}.table-premium th{padding:16px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#fff9;border-bottom:1px solid rgba(255,255,255,.06)}.table-premium td{padding:16px;border-bottom:1px solid rgba(255,255,255,.04);transition:background .2s ease}.table-premium tbody tr:hover td{background:#6366f10d}.table-premium tbody tr:last-child td{border-bottom:none}.badge-premium{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.02em}.badge-success{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-warning{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.badge-danger{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.badge-info{background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.3)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.animate-float{animation:float 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #6366f14d}50%{box-shadow:0 0 20px #6366f199}}.animate-pulse-glow{animation:pulse-glow 2s ease-in-out infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.animate-gradient{background-size:200% 200%;animation:gradient-shift 5s ease infinite}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.hover-bounce:hover{animation:bounce-subtle .5s ease}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,#1e1e2acc,#323246cc,#1e1e2acc 80px);background-size:200px 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:8px}.tooltip-premium{position:relative}.tooltip-premium:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) scale(.9);padding:8px 12px;background:#000000e6;color:#fff;font-size:12px;border-radius:8px;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s ease;z-index:1000}.tooltip-premium:hover:after{opacity:1;visibility:visible;transform:translate(-50%) scale(1)}.switch-premium{position:relative;width:52px;height:28px;background:#3c3c5080;border-radius:14px;cursor:pointer;transition:background .3s ease}.switch-premium:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;transition:transform .3s ease}.switch-premium.active{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.switch-premium.active:after{transform:translate(24px)}.progress-premium{height:8px;background:#3c3c504d;border-radius:4px;overflow:hidden}.progress-premium-bar{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a855f7);border-radius:4px;transition:width .5s ease;position:relative}.progress-premium-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:shimmer 2s infinite}.dropdown-premium{background:#1a1a24f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 10px 40px #0006;overflow:hidden}.dropdown-item{padding:12px 16px;display:flex;align-items:center;gap:12px;color:#fffc;transition:all .2s ease;cursor:pointer}.dropdown-item:hover{background:#6366f11a;color:#fff}.dropdown-item.active{background:#6366f126;color:#8b5cf6}.divider-premium{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);margin:16px 0}.divider-glow{height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.5),transparent);box-shadow:0 0 8px #6366f14d}.footer-premium{background:linear-gradient(180deg,transparent 0%,rgba(10,10,15,.95) 100%);border-top:1px solid rgba(255,255,255,.05)}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.online{background:#34d399;box-shadow:0 0 8px #34d39999}.status-dot.offline{background:#6b7280}.status-dot.warning{background:#fbbf24;box-shadow:0 0 8px #fbbf2499}.status-dot.error{background:#f87171;box-shadow:0 0 8px #f8717199}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 10px 30px #0000004d}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 25px #6366f166}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.02)}.hover-brightness{transition:filter .2s ease}.hover-brightness:hover{filter:brightness(1.1)}@media(max-width:768px){.card-premium{border-radius:12px}.btn-premium{padding:10px 20px;border-radius:10px}}.reveal-on-scroll{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.reveal-on-scroll.revealed{opacity:1;transform:translateY(0)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.stagger-5{transition-delay:.5s}