:root{--bg-outer:10 45% 85%;--bg:10 40% 88%;--bg-elevated:10 50% 92%;--bg-inset:10 45% 85%;--fg:356 86% 6%;--fg-muted:0 30% 35%;--fg-subtle:8 25% 60%;--card:10 50% 92%;--card-fg:356 86% 6%;--card-border:8 35% 82%;--muted:10 45% 90%;--muted-fg:0 30% 35%;--accent:12 40% 88%;--accent-fg:356 86% 6%;--brand:25 88% 68%;--brand-fg:0 0% 20%;--brand-hover:22 90% 62%;--brand-active:22 85% 55%;--brand-50:25 100% 97%;--brand-100:25 95% 92%;--brand-200:25 90% 85%;--brand-300:25 88% 78%;--brand-400:25 88% 72%;--brand-500:25 88% 68%;--brand-600:22 90% 62%;--brand-700:22 85% 55%;--brand-800:20 80% 45%;--brand-900:18 75% 35%;--brand-950:16 70% 25%;--ai-gradient:linear-gradient(135deg,#fff,#a7f3d0 25%,#bae6fd 50%,#ddd6fe 75%,#fde68a);--ai-gradient-subtle:linear-gradient(135deg,rgba(167,243,208,.3),rgba(186,230,253,.3),rgba(221,214,254,.3),hsla(48,97%,77%,.3));--ai-gradient-hover:linear-gradient(135deg,#bbf7d0,#bfdbfe,#e9d5ff,#fef08a);--ai-gradient-radial:radial-gradient(circle at center,hsla(0,0%,100%,.8) 0%,hsla(0,0%,100%,0) 70%);--primary:357 44% 32%;--primary-fg:2 100% 97%;--primary-hover:357 44% 38%;--primary-active:357 44% 25%;--secondary:183 100% 9%;--secondary-fg:2 100% 97%;--secondary-hover:183 100% 12%;--secondary-active:183 100% 6%;--border:8 35% 82%;--border-strong:8 35% 75%;--input:10 40% 88%;--input-border:8 35% 82%;--ring:357 44% 32%;--ring-offset:10 50% 92%;--success:147 19% 36%;--success-fg:2 100% 97%;--success-bg:160 80% 95%;--warning:52 23% 34%;--warning-fg:2 100% 97%;--warning-bg:52 95% 95%;--danger:9 21% 41%;--danger-fg:2 100% 97%;--danger-bg:0 90% 97%;--info:217 22% 41%;--info-fg:2 100% 97%;--info-bg:217 95% 95%;--selection:25 88% 68%;--selection-fg:0 0% 20%;--sidebar-bg:10 40% 88%;--sidebar-fg:356 86% 6%;--sidebar-border:8 35% 82%;--sidebar-accent:10 45% 90%;--sidebar-accent-fg:356 86% 6%;--popover:10 50% 92%;--popover-fg:356 86% 6%;--popover-border:8 35% 82%;--badge-neutral:8 25% 88%;--badge-neutral-fg:0 30% 35%;--badge-brand:25 95% 92%;--badge-brand-fg:20 80% 30%;--badge-success:160 80% 95%;--badge-success-fg:147 50% 25%;--badge-warning:52 95% 95%;--badge-warning-fg:52 70% 25%;--badge-danger:0 90% 97%;--badge-danger-fg:0 70% 35%;--badge-info:217 95% 95%;--badge-info-fg:217 70% 30%;--skeleton:10 30% 90%;--skeleton-shine:10 15% 96%;--skeleton-text:8 20% 85%;--shadow-sm:0 2px 4px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);--shadow:0 4px 8px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.08);--shadow-md:0 8px 16px rgba(0,0,0,.16),0 4px 8px rgba(0,0,0,.12);--shadow-lg:0 16px 32px rgba(0,0,0,.2),0 8px 16px rgba(0,0,0,.16);--shadow-xl:0 24px 48px rgba(0,0,0,.24),0 12px 24px rgba(0,0,0,.18);--shadow-2xl:0 32px 64px rgba(0,0,0,.28),0 16px 32px rgba(0,0,0,.22);--shadow-elevated-light:0 -2px 8px hsla(0,0%,100%,.8);--shadow-elevated-dark:0 4px 16px rgba(0,0,0,.15);--shadow-primary:0 8px 24px rgba(139,92,246,.3),0 4px 12px rgba(139,92,246,.2);--shadow-success:0 8px 24px rgba(72,187,120,.3),0 4px 12px rgba(72,187,120,.2);--shadow-warning:0 8px 24px rgba(251,191,36,.3),0 4px 12px rgba(251,191,36,.2);--shadow-inset:inset 0 4px 10px rgba(0,0,0,.22),inset 0 -3px 6px #fff,inset 0 0 0 2px rgba(0,0,0,.12),0 12px 48px rgba(0,0,0,.18),0 0 0 2px rgba(0,0,0,.1);--radius:0.75rem;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:calc(var(--radius) + 4px);--radius-xl:1rem}.light,[data-theme=light]{--bg-outer:0 0% 96%;--bg:0 0% 98%;--bg-elevated:0 0% 100%;--bg-inset:0 0% 94%;--fg:0 0% 10%;--fg-muted:0 0% 45%;--fg-subtle:0 0% 60%;--card:0 0% 100%;--card-fg:0 0% 10%;--card-border:0 0% 88%;--muted:0 0% 90%;--muted-fg:0 0% 45%;--accent:0 0% 90%;--accent-fg:0 0% 10%;--brand:220 70% 50%;--brand-fg:0 0% 100%;--brand-hover:220 70% 45%;--brand-active:220 70% 40%;--brand-50:220 100% 97%;--brand-100:220 95% 92%;--brand-200:220 85% 85%;--brand-300:220 80% 75%;--brand-400:220 75% 60%;--brand-500:220 70% 50%;--brand-600:220 70% 45%;--brand-700:220 70% 38%;--brand-800:220 70% 32%;--brand-900:220 70% 25%;--brand-950:220 70% 18%;--primary:220 70% 50%;--primary-fg:0 0% 100%;--primary-hover:220 70% 45%;--primary-active:220 70% 40%;--secondary:0 0% 25%;--secondary-fg:0 0% 100%;--secondary-hover:0 0% 30%;--secondary-active:0 0% 20%;--border:0 0% 88%;--border-strong:0 0% 82%;--input:0 0% 96%;--input-border:0 0% 88%;--ring:220 70% 50%;--ring-offset:0 0% 100%;--success:142 70% 45%;--success-fg:0 0% 100%;--success-bg:142 60% 95%;--warning:45 100% 50%;--warning-fg:0 0% 10%;--warning-bg:45 100% 95%;--danger:0 70% 50%;--danger-fg:0 0% 100%;--danger-bg:0 70% 97%;--info:210 100% 50%;--info-fg:0 0% 100%;--info-bg:210 100% 95%;--selection:220 70% 50%;--selection-fg:0 0% 100%;--sidebar-bg:0 0% 98%;--sidebar-fg:0 0% 10%;--sidebar-border:0 0% 88%;--sidebar-accent:0 0% 96%;--sidebar-accent-fg:0 0% 10%;--popover:0 0% 100%;--popover-fg:0 0% 10%;--popover-border:0 0% 88%;--badge-neutral:0 0% 92%;--badge-neutral-fg:0 0% 40%;--badge-brand:220 100% 92%;--badge-brand-fg:220 70% 35%;--badge-success:142 60% 95%;--badge-success-fg:142 70% 25%;--badge-warning:45 100% 95%;--badge-warning-fg:45 100% 25%;--badge-danger:0 70% 97%;--badge-danger-fg:0 70% 35%;--badge-info:210 100% 95%;--badge-info-fg:210 70% 30%;--skeleton:0 0% 94%;--skeleton-shine:0 0% 98%;--skeleton-text:0 0% 90%;--shadow-sm:0 2px 4px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);--shadow:0 4px 8px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.08);--shadow-md:0 8px 16px rgba(0,0,0,.16),0 4px 8px rgba(0,0,0,.12);--shadow-lg:0 16px 32px rgba(0,0,0,.2),0 8px 16px rgba(0,0,0,.16);--shadow-xl:0 24px 48px rgba(0,0,0,.24),0 12px 24px rgba(0,0,0,.18);--shadow-2xl:0 32px 64px rgba(0,0,0,.28),0 16px 32px rgba(0,0,0,.22);--shadow-elevated-light:0 -2px 8px hsla(0,0%,100%,.9);--shadow-elevated-dark:0 4px 16px rgba(0,0,0,.08);--shadow-primary:0 8px 24px rgba(37,99,235,.3),0 4px 12px rgba(37,99,235,.2);--shadow-success:0 8px 24px rgba(72,187,120,.3),0 4px 12px rgba(72,187,120,.2);--shadow-warning:0 8px 24px rgba(251,191,36,.3),0 4px 12px rgba(251,191,36,.2);--shadow-inset:inset 0 2px 4px rgba(0,0,0,.06),inset 0 -2px 4px #fff,inset 0 0 0 1px rgba(0,0,0,.05),0 4px 12px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.04);--radius:0.75rem;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:calc(var(--radius) + 4px);--radius-xl:1rem}.dark,[data-theme=dark]{--bg-inset:0 0% 8%;--bg-outer:0 0% 9%;--bg:0 0% 10%;--card:0 0% 14%;--bg-elevated:0 0% 16%;--fg:0 0% 95%;--fg-muted:0 0% 65%;--fg-subtle:0 0% 45%;--card-fg:0 0% 90%;--card-border:0 0% 100%/0.08;--muted:0 0% 12%;--muted-fg:0 0% 70%;--accent:0 0% 18%;--accent-fg:0 0% 90%;--brand:262 83% 68%;--brand-fg:0 0% 100%;--brand-hover:262 80% 75%;--brand-active:262 85% 60%;--brand-50:262 100% 97%;--brand-100:262 95% 92%;--brand-200:262 90% 85%;--brand-300:262 88% 78%;--brand-400:262 85% 72%;--brand-500:262 83% 68%;--brand-600:262 80% 62%;--brand-700:262 78% 55%;--brand-800:262 75% 45%;--brand-900:262 72% 35%;--brand-950:262 70% 25%;--primary:262 83% 68%;--primary-fg:0 0% 100%;--primary-hover:262 80% 75%;--primary-active:262 85% 60%;--secondary:0 0% 20%;--secondary-fg:0 0% 90%;--secondary-hover:0 0% 22%;--secondary-active:0 0% 18%;--border:0 0% 100%/0.08;--border-strong:0 0% 100%/0.15;--input:0 0% 14%;--input-border:0 0% 100%/0.12;--ring:262 83% 68%;--ring-offset:0 0% 10%;--success:160 70% 65%;--success-fg:0 0% 100%;--success-bg:160 50% 20%;--warning:45 90% 65%;--warning-fg:0 0% 100%;--warning-bg:45 60% 20%;--danger:0 70% 65%;--danger-fg:0 0% 100%;--danger-bg:0 60% 20%;--info:210 90% 65%;--info-fg:0 0% 100%;--info-bg:210 60% 20%;--selection:262 83% 68%;--selection-fg:0 0% 100%;--sidebar-bg:0 0% 9%;--sidebar-fg:0 0% 90%;--sidebar-border:0 0% 100%/0.08;--sidebar-accent:0 0% 14%;--sidebar-accent-fg:0 0% 90%;--popover:0 0% 14%;--popover-fg:0 0% 90%;--popover-border:0 0% 100%/0.12;--badge-neutral:0 0% 18%;--badge-neutral-fg:0 0% 80%;--badge-brand:262 60% 20%;--badge-brand-fg:262 85% 75%;--badge-success:160 50% 20%;--badge-success-fg:160 70% 75%;--badge-warning:45 60% 20%;--badge-warning-fg:45 90% 75%;--badge-danger:0 60% 20%;--badge-danger-fg:0 80% 75%;--badge-info:210 60% 20%;--badge-info-fg:210 90% 75%;--skeleton:0 0% 12%;--skeleton-shine:0 0% 16%;--skeleton-text:0 0% 10%;--shadow-sm:0 2px 8px rgba(0,0,0,.3),0 1px 4px rgba(0,0,0,.2);--shadow:0 4px 16px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.3);--shadow-md:0 8px 24px rgba(0,0,0,.6),0 4px 12px rgba(0,0,0,.4);--shadow-lg:0 16px 32px rgba(0,0,0,.7),0 8px 16px rgba(0,0,0,.5);--shadow-xl:0 24px 48px rgba(0,0,0,.8),0 12px 24px rgba(0,0,0,.6);--shadow-2xl:0 32px 64px rgba(0,0,0,.9),0 16px 32px rgba(0,0,0,.7);--shadow-elevated-light:0 -2px 8px hsla(0,0%,100%,.05);--shadow-elevated-dark:0 4px 16px rgba(0,0,0,.4);--shadow-primary:0 8px 24px rgba(139,92,246,.4),0 4px 12px rgba(139,92,246,.3);--shadow-success:0 8px 24px rgba(72,187,120,.4),0 4px 12px rgba(72,187,120,.3);--shadow-warning:0 8px 24px rgba(251,191,36,.4),0 4px 12px rgba(251,191,36,.3);--shadow-inset:0 0 32px rgba(0,0,0,.3),0 0 32px rgba(0,0,0,.4),0 0 48px rgba(0,0,0,.5)}@property --border-angle{syntax:"<angle>";inherits:true;initial-value:0deg}@keyframes led-chase{0%{--border-angle:0deg}to{--border-angle:360deg}}.animate-led-ring{animation:led-chase 12s linear infinite}@keyframes prism-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-prism-shift{background-size:200% 200%;animation:prism-shift 8s ease infinite}body.is-dragging{-moz-user-select:none;user-select:none;-webkit-user-select:none}body.is-dragging,body.is-dragging .draggable-item{cursor:grabbing!important}.draggable-item{cursor:grab;transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1)}.draggable-item:active{cursor:grabbing}.draggable-item.is-dragging{opacity:.4;transform:scale(.98)}.drag-preview-badge{position:fixed;top:-9999px;left:-9999px;pointer-events:none;z-index:9999;margin:0;border:none;outline:none;-webkit-appearance:none;-webkit-user-drag:element;display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-radius:24px;transform:rotate(2deg);box-shadow:0 4px 12px rgba(0,0,0,.2),0 8px 24px rgba(0,0,0,.15)}.drag-count-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,hsl(var(--primary)) 0,hsl(var(--primary)/.8) 100%);color:hsl(var(--primary-foreground));font-size:11px;font-weight:700;padding:4px 8px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.2);animation:badge-pop .2s cubic-bezier(.68,-.55,.265,1.55);z-index:10}@keyframes badge-pop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.drop-zone{position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.drop-zone.drag-over{background:hsl(var(--primary)/.08);border-radius:8px;box-shadow:inset 0 0 0 2px hsl(var(--primary)/.4),0 0 20px hsl(var(--primary)/.2)}.drop-zone.drag-over:before{content:"";position:absolute;inset:0;border-radius:8px;background:linear-gradient(90deg,transparent,hsl(var(--primary)/.2),transparent);animation:shimmer 1.5s ease-in-out infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.drop-zone.can-drop{animation:pulse-glow 1.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 hsl(var(--primary)/.4)}50%{box-shadow:0 0 0 4px hsl(var(--primary)/0)}}.drop-success{animation:drop-success-bounce .4s cubic-bezier(.68,-.55,.265,1.55)}@keyframes drop-success-bounce{0%{transform:scale(1)}40%{transform:scale(1.08)}60%{transform:scale(.96)}80%{transform:scale(1.03)}to{transform:scale(1)}}.drop-removing{animation:drop-remove .3s cubic-bezier(.4,0,1,1) forwards}@keyframes drop-remove{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.drop-removing:first-child{animation-delay:0ms}.drop-removing:nth-child(2){animation-delay:50ms}.drop-removing:nth-child(3){animation-delay:.1s}.drop-removing:nth-child(4){animation-delay:.15s}.drop-removing:nth-child(5){animation-delay:.2s}.drop-zone.invalid-drop{background:hsl(var(--destructive)/.05);box-shadow:inset 0 0 0 2px hsl(var(--destructive)/.3)}body.is-dragging .draggable-item:not(.is-dragging){pointer-events:auto}.collection-drop-indicator{position:absolute;left:0;right:0;height:2px;background:hsl(var(--primary));opacity:0;transition:opacity .15s ease;box-shadow:0 0 8px hsl(var(--primary))}.collection-drop-indicator.show{opacity:1}.drag-preview,.draggable-item,.drop-zone{will-change:transform;transform:translateZ(0);backface-visibility:hidden}body.is-dragging [data-resize-handle]{pointer-events:none;cursor:grabbing!important}body.is-dragging [data-main-content]{transform:translateZ(0);isolation:isolate}body.is-dragging [data-content-container]{contain:layout}