:root{--background: 200 20% 98%;--foreground: 220 35% 15%;--card: 0 0% 100%;--card-foreground: 220 35% 15%;--popover: 0 0% 100%;--popover-foreground: 220 35% 15%;--primary: 210 100% 50%;--primary-foreground: 0 0% 100%;--primary-glow: 210 100% 60%;--secondary: 220 14% 96%;--secondary-foreground: 220 35% 15%;--muted: 220 10% 94%;--muted-foreground: 220 10% 46%;--accent: 330 85% 60%;--accent-foreground: 0 0% 100%;--destructive: 0 84% 60%;--destructive-foreground: 0 0% 100%;--border: 220 13% 91%;--input: 220 13% 91%;--ring: 210 100% 50%;--radius: .75rem;--sidebar-background: 220 20% 96%;--sidebar-panel: 0 0% 100%;--sidebar-hover: 220 15% 92%;--gradient-primary: linear-gradient(135deg, hsl(210, 100%, 60%), hsl(240, 100%, 70%));--gradient-subtle: linear-gradient(180deg, hsl(220, 20%, 97%), hsl(220, 20%, 92%));--shadow-elegant: 0 10px 30px -10px hsl(210 100% 50% / .15);--shadow-glow: 0 0 20px hsl(210 100% 60% / .2);--shadow-panel: 0 4px 20px hsl(220 20% 80% / .4);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-spring: all .4s cubic-bezier(.25, .46, .45, .94)}.bg-sidebar{background:#10488b}.bg-sidebar-panel{background-color:hsl(var(--sidebar-panel))}.bg-sidebar-hover{background-color:hsl(var(--sidebar-hover))}.bg-background{background-color:hsl(var(--background))}.bg-card{background-color:hsl(var(--card))}.bg-muted{background-color:hsl(var(--muted))}.bg-primary{background-color:hsl(var(--primary))}.bg-accent{background-color:hsl(var(--accent))}.text-foreground{color:hsl(var(--foreground))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-accent{color:hsl(var(--accent))}.border-border{border-color:hsl(var(--border))}.border-primary{border-color:hsl(var(--primary))}.bg-gradient-primary{background:var(--gradient-primary)}.shadow-glow{box-shadow:var(--shadow-glow)}.shadow-panel{box-shadow:var(--shadow-panel)}.transition-smooth{transition:var(--transition-smooth)}.transition-spring{transition:var(--transition-spring)}@keyframes pulse-glow{0%,to{opacity:.2}50%{opacity:.6}}.animate-pulse-glow{animation:pulse-glow 2s cubic-bezier(.4,0,.6,1) infinite}.panel-container{transition:width var(--transition-spring);overflow:hidden;width:0}@media (min-width: 768px){.panel-container{width:320px}.panel-container.hidden{width:0}}.panel-content{width:320px;transition:opacity var(--transition-smooth)}.accordion-content{transition:max-height var(--transition-spring),opacity var(--transition-smooth);overflow:hidden}.accordion-content.collapsed{max-height:0!important;opacity:0}.accordion-content.expanded{opacity:1}.switch{position:relative;display:inline-block;min-width:40px;width:40px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:hsl(var(--muted));transition:var(--transition-smooth);border-radius:20px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:var(--transition-smooth);border-radius:50%}input:checked+.slider{background-color:hsl(var(--accent))}input:checked+.slider:before{transform:translate(20px)}.accordion-content{transition:all .3s ease-out;overflow:visible!important;max-height:none!important}.accordion-content .dataset-item{transition:all .3s ease-out}.accordion-content .more-items{display:none}.accordion-content.show-more .more-items{display:block}.text-center.mt-3{position:relative;z-index:10;margin:.75rem 0!important;padding:.5rem 0;background:transparent!important;height:auto!important;min-height:40px;display:flex;align-items:center;justify-content:center}.text-center.mt-3 button{margin:0;padding:.375rem 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;font-size:.875rem;font-weight:600;transition:all .2s ease,transform .1s ease;border:none;cursor:pointer;padding:.5rem 1rem;box-shadow:0 2px 4px #0000000d}.btn-ghost{background-color:transparent;color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border))}.btn-ghost:hover{background-color:hsl(var(--sidebar-hover));color:hsl(var(--foreground));border-color:hsl(var(--primary) / .5);box-shadow:0 2px 8px #00000014}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 14px -2px hsl(var(--primary) / .3);border:1px solid hsl(var(--primary) / .2);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.2),transparent);opacity:0;transition:opacity .2s ease}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(1px);box-shadow:0 2px 8px -1px hsl(var(--primary) / .2)}.btn-icon{width:3rem;height:3rem}.transparency-list{display:flex;flex-direction:column;gap:.5rem}.transparency-item{display:flex;align-items:stretch;gap:.75rem;padding:.6rem .7rem;border-radius:var(--radius);background:hsl(var(--sidebar-hover));border:1px solid hsl(var(--border));-webkit-user-select:none;-moz-user-select:none;user-select:none}.transparency-controls{display:flex;flex-direction:column;gap:.25rem}.icon-btn{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;background:transparent;color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border));transition:var(--transition-smooth);cursor:pointer}.icon-btn:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.drag-handle{width:2rem;min-width:2rem;height:100%;display:inline-flex;align-items:center;justify-content:center;border-radius:.5rem;color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border));background:transparent;cursor:grab;transition:var(--transition-smooth)}.drag-handle:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.transparency-item.dragging{opacity:.85;transform:scale(.997);border-style:dashed}.transparency-body{display:flex;flex-direction:column;gap:.35rem;flex:1;min-width:0}.transparency-label{font-size:.85rem;font-weight:600;color:hsl(var(--foreground));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transparency-slider-row{display:flex;align-items:center;gap:.5rem}.transparency-slider-row input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:hsl(var(--muted));border-radius:999px;outline:none;box-shadow:inset 0 0 0 1px hsl(var(--border));accent-color:hsl(var(--primary))}.transparency-slider-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid hsl(var(--primary));box-shadow:0 1px 3px #0003;cursor:pointer;-webkit-transition:var(--transition-smooth);transition:var(--transition-smooth);transform:translateY(-5px)}.transparency-slider-row input[type=range]::-webkit-slider-thumb:active{transform:scale(1.1) translateY(-3px);box-shadow:0 2px 5px #0000004d}.transparency-slider-row input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid hsl(var(--primary));box-shadow:0 1px 3px #0003;cursor:pointer;-moz-transition:var(--transition-smooth);transition:var(--transition-smooth)}.transparency-slider-row input[type=range]::-moz-range-thumb:active{transform:scale(1.1);box-shadow:0 2px 5px #0000004d}.transparency-slider-row input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px}.transparency-slider-row input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:transparent}.opacity-value{width:3.5rem;text-align:right;font-size:.8rem;color:hsl(var(--muted-foreground))}