.react-grid-layout{position:relative;transition:height .2s ease}.react-grid-item{transition:all .2s ease;transition-property:left,top,width,height}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{transition:none;z-index:1;will-change:width,height}.react-grid-item.react-draggable-dragging{transition:none;z-index:3;will-change:transform}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{background:red;opacity:.2;transition-duration:.1s;z-index:2;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:5px;height:5px;border-right:2px solid rgba(0,0,0,.4);border-bottom:2px solid rgba(0,0,0,.4)}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{position:absolute;width:20px;height:20px;background-repeat:no-repeat;background-origin:content-box;box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:bottom right;padding:0 3px 3px 0}.react-resizable-handle-sw{bottom:0;left:0;cursor:sw-resize;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;right:0;cursor:se-resize}.react-resizable-handle-nw{top:0;left:0;cursor:nw-resize;transform:rotate(180deg)}.react-resizable-handle-ne{top:0;right:0;cursor:ne-resize;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{top:50%;margin-top:-10px;cursor:ew-resize}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{left:50%;margin-left:-10px;cursor:ns-resize}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}:root{--bg-primary: radial-gradient(circle at top, #1f2937 0%, #020617 65%, #01030a 100%);--bg-secondary: rgba(15, 23, 42, .9);--bg-tertiary: rgba(30, 41, 59, .85);--bg-surface: rgba(255, 255, 255, .04);--bg-surface-alt: rgba(226, 232, 240, .12);--bg-card: linear-gradient(145deg, rgba(255, 255, 255, .12), rgba(30, 58, 138, .12));--text-primary: rgb(248, 250, 252);--text-secondary: rgba(226, 232, 240, .85);--text-tertiary: rgba(148, 163, 184, .8);--accent-primary: rgb(59, 130, 246);--accent-secondary: rgb(34, 197, 94);--accent-danger: rgb(239, 68, 68);--accent-warning: rgb(245, 158, 11);--button-primary: linear-gradient(135deg, rgb(59, 130, 246), rgb(37, 99, 235));--button-primary-hover: linear-gradient(135deg, rgb(37, 99, 235), rgb(29, 78, 216));--button-secondary: rgb(31, 41, 55);--button-secondary-hover: rgb(55, 65, 81);--button-accent: linear-gradient(135deg, rgb(34, 197, 94), rgb(22, 163, 74));--border-primary: rgb(31, 41, 55);--border-secondary: rgb(55, 65, 81);--border-accent: rgb(59, 130, 246);--space-xs: 2px;--space-sm: 6px;--space-md: 12px;--space-lg: 20px;--space-xl: 28px;--space-2xl: 40px;--space-3xl: 56px;--space-4xl: 72px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 2px 4px -1px rgb(0 0 0 / .04), 0 1px 2px -1px rgb(0 0 0 / .06);--shadow-lg: 0 4px 6px -1px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .06);--shadow-xl: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .06);--shadow-glow: 0 0 12px rgb(59, 130, 246 / .4);--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.typography-hero{font-size:clamp(2rem,4vw,2.5rem);font-weight:700;line-height:1.1;letter-spacing:-.015em;margin-bottom:var(--space-lg);background:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.typography-heading{font-size:clamp(1.25rem,2.5vw,1.5rem);font-weight:600;line-height:1.2;margin-bottom:var(--space-md);letter-spacing:-.008em}.typography-subheading{font-size:clamp(1.1rem,2vw,1.25rem);font-weight:500;line-height:1.3;margin-bottom:var(--space-sm);letter-spacing:-.005em}.typography-body{font-size:.95rem;line-height:1.5;color:var(--text-secondary);margin-bottom:var(--space-md)}.typography-caption{font-size:.8rem;color:var(--text-tertiary);line-height:1.4}.typography-label{font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;color:var(--text-tertiary);margin-bottom:var(--space-xs)}.container{max-width:1100px;margin:0 auto;padding:0 var(--space-md)}.card{background:var(--bg-card);border:1px solid rgba(99,102,241,.18);border-radius:var(--radius-xl);padding:var(--space-lg);transition:all var(--transition-normal);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--border-accent),transparent);opacity:0;transition:opacity var(--transition-normal)}.card:hover{border-color:#6366f166;transform:translateY(-2px);box-shadow:0 18px 40px -24px #3b82f6bf}.card:hover:before{opacity:.55}.card-padding-sm{padding:var(--space-md)}.card-padding-md{padding:var(--space-lg)}.card-padding-lg{padding:var(--space-xl)}.card-padding-xl{padding:var(--space-2xl)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);font-weight:500;text-align:center;text-decoration:none;border:none;cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden;white-space:nowrap;line-height:1.3}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--button-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--button-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:#ffffff1a;color:var(--text-primary);border:1px solid rgba(148,163,184,.2)}.btn-secondary:hover:not(:disabled){background:#ffffff2e;border-color:#60a5fa73}.btn-accent{background:var(--button-accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-accent:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-sm{padding:var(--space-sm) var(--space-md);font-size:.8rem}.btn-md{padding:var(--space-sm) var(--space-lg);font-size:.9rem}.btn-lg{padding:var(--space-md) var(--space-xl);font-size:1rem}.input{width:100%;padding:var(--space-md);background:#0f172ac7;border:1px solid rgba(59,130,246,.15);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.9rem;transition:all var(--transition-fast);line-height:1.4}.input:focus{outline:none;border-color:#60a5fab3;box-shadow:0 0 0 2px #3b82f633}.input::placeholder{color:var(--text-tertiary)}.textarea{resize:vertical;min-height:80px;font-family:inherit}.surface-panel{background:linear-gradient(160deg,#ecefff14,#94a3b80a);border-radius:var(--radius-2xl);border:1px solid rgba(148,163,184,.25);box-shadow:0 20px 45px -32px #0ea5e999}.surface-panel-light{background:linear-gradient(150deg,#ffffff2e,#60a5fa14);border-radius:var(--radius-2xl);border:1px solid rgba(59,130,246,.18);box-shadow:0 26px 40px -28px #3b82f68c}.section-heading{color:#e0e7ffeb;text-transform:uppercase;font-size:.75rem;letter-spacing:.28em;font-weight:600}.tab-nav{display:flex;flex-wrap:wrap;gap:var(--space-sm);background:linear-gradient(140deg,#ffffff1f,#33415561);border-radius:var(--radius-2xl);border:1px solid rgba(148,163,184,.35);padding:var(--space-sm);box-shadow:0 20px 42px -28px #0e74a780}.tab-button{padding:var(--space-sm) var(--space-xl);border-radius:var(--radius-xl);font-weight:600;font-size:.95rem;color:#e2e8f0e6;background:#0f172a8c;border:1px solid transparent;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tab-button:hover{color:#f8fafcfa;border-color:#3b82f666;background:#0f172abf}.tab-button.active{background:linear-gradient(135deg,#3b82f6f2,#4f46e5f2);color:#fff;box-shadow:0 16px 30px -20px #3b82f6cc;border-color:transparent}.card-muted{background:#0f172a9e;border:1px solid rgba(51,65,85,.35)}.card-active{border-color:#6366f1a6!important;background:linear-gradient(150deg,#3b82f633,#0f766e26);box-shadow:0 22px 36px -28px #3b82f6cc}.badge-soft{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.7rem;background:#94a3b81f;color:#e2e8f0c7}.chip-button{padding:6px 12px;border-radius:999px;background:#94a3b82e;color:#e2e8f0db;border:1px solid transparent;font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.chip-button:hover{background:#94a3b847;border-color:#60a5fa59}.table-header{text-transform:uppercase;font-size:.7rem;letter-spacing:.06em;color:#94a3b8d9;border-bottom:1px solid rgba(51,65,85,.5)}.table-row{border-bottom:1px solid rgba(51,65,85,.35)}.table-cell{padding:10px 12px;font-size:.78rem;color:#e2e8f0d1}.app-header{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(148,163,184,.22);background:#020617cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.app-footer{border-top:1px solid rgba(148,163,184,.18);background:#020617b3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-intro{text-align:center;margin-bottom:var(--space-xl)}.hero-intro p{color:#e2e8f0d1}.surface-item{background:#0f172a94;border:1px solid rgba(51,65,85,.4);border-radius:var(--radius-lg);padding:var(--space-sm)}.badge-meta{display:inline-block;padding:2px 8px;border-radius:var(--radius-md);background:#94a3b82e;color:#e2e8f0d9;font-size:.72rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-lg)}.dashboard-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xl)}@media (min-width: 1024px){.dashboard-layout{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}.options-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-md)}@media (min-width: 768px){.options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.toggle{position:relative;display:inline-flex;align-items:center;width:36px;height:20px;border-radius:999px;background:#475569a6;transition:all var(--transition-fast);border:1px solid rgba(148,163,184,.2);cursor:pointer}.toggle.active{background:linear-gradient(135deg,#3b82f6e6,#38bdf8d9);border-color:transparent}.toggle-thumb{position:absolute;width:14px;height:14px;border-radius:999px;background:#fff;transition:all var(--transition-fast);left:4px}.toggle.active .toggle-thumb{transform:translate(16px)}.range{width:100%;accent-color:rgba(96,165,250,.9)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.space-x-sm>*+*{margin-left:var(--space-sm)}.space-x-md>*+*{margin-left:var(--space-md)}.space-x-lg>*+*{margin-left:var(--space-lg)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.animate-fade-in-up{animation:fadeInUp .4s cubic-bezier(.44,0,.56,1)}.animate-slide-in-right{animation:slideInRight .4s cubic-bezier(.44,0,.56,1)}.animate-pulse{animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}@media (min-width: 640px){.container{padding:0 var(--space-lg)}}@media (min-width: 1024px){.container{padding:0 var(--space-xl)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--border-accent)}pre{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-md);overflow-x:auto;font-size:.8rem;line-height:1.4}pre code{background:none;border:none;padding:0}.w-full{width:100%}.h-full{height:100%}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.relative{position:relative}.absolute{position:absolute}.block{display:block}.hidden{display:none}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.h-48{height:12rem}.h-64{height:16rem}.h-80{height:20rem}.max-h-32{max-height:8rem}.max-h-48{max-height:12rem}.max-h-64{max-height:16rem}.react-grid-layout{position:relative;transition:height var(--transition-normal)}.react-grid-item{transition:all var(--transition-normal);background:transparent}.react-grid-item.react-grid-placeholder{background:#3b82f633;border:2px dashed rgba(59,130,246,.6);border-radius:var(--radius-lg);opacity:.5;transition-duration:.1s;z-index:2}.react-grid-item>.react-resizable-handle{position:absolute;width:20px;height:20px;bottom:0;right:0;cursor:se-resize;background:none}.react-grid-item>.react-resizable-handle:after{content:"";position:absolute;right:3px;bottom:3px;width:8px;height:8px;border-right:2px solid rgba(148,163,184,.5);border-bottom:2px solid rgba(148,163,184,.5);transition:border-color var(--transition-fast)}.react-grid-item:hover>.react-resizable-handle:after{border-color:#3b82f6cc}.react-grid-item.react-dragging{z-index:100;opacity:.9;cursor:grabbing!important}.react-grid-item.react-grid-placeholder{background:#3b82f626;opacity:.3;transition-duration:.1s;z-index:2}.chart-card-wrapper{display:flex;flex-direction:column;height:100%;background:#0f172a99;border:1px solid rgba(51,65,85,.5);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.chart-card-wrapper:hover{border-color:#475569b3;box-shadow:0 4px 12px #0000004d}.chart-card-wrapper.dragging{opacity:.5;cursor:grabbing}.chart-card-header{flex-shrink:0;border-bottom:1px solid rgba(51,65,85,.5)}.chart-card-content{flex:1;overflow:auto;min-height:0}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);color:#94a3b8b3;cursor:pointer;transition:all var(--transition-fast)}.icon-button:hover{background:#4755694d;color:#e2e8f0e6}.icon-button:active{transform:scale(.95)}.icon-button-danger:hover{background:#ef444426;color:#ef4444}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg);animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-xl);width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003;animation:slideUp .25s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{flex-shrink:0;padding:var(--space-lg);border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between}.modal-body{flex:1;padding:var(--space-lg);overflow-y:auto}.modal-footer{flex-shrink:0;padding:var(--space-lg);border-top:1px solid var(--border-primary);display:flex;align-items:center;justify-content:flex-end;gap:var(--space-md)}.input-field{width:100%;padding:10px 12px;background:#0f172a99;border:1px solid rgba(71,85,105,.5);border-radius:var(--radius-md);color:#e2e8f0e6;font-size:.9rem;font-family:inherit;transition:all var(--transition-fast)}.input-field:hover{border-color:#475569b3}.input-field:focus{outline:none;border-color:#3b82f699;background:#0f172acc;box-shadow:0 0 0 3px #3b82f61a}.input-field:disabled{opacity:.5;cursor:not-allowed}.input-field option{background:var(--bg-primary);color:#e2e8f0e6}.chart-type-button{padding:var(--space-md) var(--space-lg);background:#0f172a99;border:1px solid rgba(71,85,105,.5);border-radius:var(--radius-md);color:#e2e8f0b3;font-size:.9rem;font-family:inherit;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.chart-type-button:hover{border-color:#475569b3;background:#1e293b99;transform:translateY(-1px)}.chart-type-button.active{border-color:#3b82f699;background:#3b82f626;color:#60a5faf2}.chart-type-button:active{transform:translateY(0)}.space-y-lg>*+*{margin-top:var(--space-lg)}.space-y-md>*+*{margin-top:var(--space-md)}.space-y-sm>*+*{margin-top:var(--space-sm)}.gap-3{gap:12px}.dashboard-selector-wrapper{position:relative}.dashboard-selector-button{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.dashboard-selector-button:hover{border-color:var(--border-accent);background:var(--bg-surface-alt)}.dashboard-selector-dropdown{position:absolute;top:calc(100% + 8px);left:0;min-width:320px;max-width:400px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003;z-index:50;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dashboard-selector-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:1px solid var(--border-primary)}.dashboard-selector-list{max-height:400px;overflow-y:auto}.dashboard-selector-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-bottom:1px solid var(--border-secondary);transition:background var(--transition-fast)}.dashboard-selector-item .typography-body{color:var(--text-primary)}.dashboard-selector-item .typography-caption{color:var(--text-secondary)}.dashboard-selector-item:hover{background:var(--bg-surface-alt)}.dashboard-selector-item:hover .typography-body{color:var(--text-primary)}.dashboard-selector-item.active{background:color-mix(in srgb,var(--accent-primary) 12%,transparent);border-left:3px solid var(--accent-primary)}.dashboard-selector-item.active .typography-body{color:var(--text-primary);font-weight:500}.dashboard-selector-item>button.flex-1{background:transparent;background-color:transparent;border:none;padding:0;color:var(--text-primary);cursor:pointer;font:inherit;-moz-appearance:none;appearance:none;-webkit-appearance:none}.dashboard-selector-item>button.flex-1:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.dashboard-selector-item:last-child{border-bottom:none}.template-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-lg);background:#1e293b66;border:2px solid rgba(51,65,85,.5);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal)}.template-card:hover{background:#1e293b99;border-color:#3b82f666;transform:translateY(-2px)}.template-card.active{background:#3b82f626;border-color:#3b82f6cc;box-shadow:0 0 0 3px #3b82f633}.template-icon{font-size:2.5rem;margin-bottom:var(--space-sm)}.template-name{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.template-description{font-size:.8rem;color:var(--text-tertiary);line-height:1.4}.template-selected-badge{position:absolute;top:var(--space-sm);right:var(--space-sm);padding:2px 8px;background:var(--accent-primary);color:#fff;font-size:.7rem;font-weight:600;border-radius:var(--radius-sm);text-transform:uppercase}.export-menu-wrapper{position:relative;display:inline-block}.export-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000004d;z-index:50;padding:var(--space-xs);animation:slideDown .2s ease-out}.export-menu-item{display:flex;align-items:flex-start;gap:var(--space-md);width:100%;padding:var(--space-md);background:none;border:none;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:background var(--transition-fast);color:inherit}.export-menu-item:hover:not(:disabled){background:#1e293b99}.export-menu-item:disabled{opacity:.5;cursor:not-allowed}.export-menu-icon{font-size:1.5rem;flex-shrink:0}.export-menu-content{flex:1}.export-menu-label{font-size:.9rem;font-weight:500;color:var(--text-primary);margin-bottom:2px}.export-menu-description{font-size:.75rem;color:var(--text-tertiary)}.theme-toggle-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal)}.theme-toggle-button:hover{background:var(--bg-surface-alt);border-color:var(--border-accent);color:var(--text-primary);transform:rotate(15deg)}.theme-toggle-button:active{transform:rotate(15deg) scale(.95)}