.skip-nav{position:absolute;top:var(--space-4);left:var(--space-4);background-color:var(--color-primary-600);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);text-decoration:none;font-weight:var(--font-medium);font-size:var(--text-sm);z-index:1000;transform:translateY(-100%);transition:transform var(--transition-fast)}.skip-nav:focus{transform:translateY(0);outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.app-layout{min-height:100vh;background-color:var(--color-background);color:var(--color-text-primary);display:flex;flex-direction:column}.app-body{display:flex;flex:1;position:relative;min-height:0}.main-content{flex:1;display:flex;flex-direction:column;padding-top:64px;min-height:100vh;background-color:var(--color-background)}.content-container{flex:1;padding:0;width:100%;overflow-y:visible}@media (min-width: 769px){.content-container{padding:var(--space-8)}}@media (min-width: 768px) and (max-width: 1023px){.content-container{padding:var(--space-2);max-width:none}}@media (max-width: 768px){.content-container{padding:0}.header-content{padding:var(--space-3)}.header-center,.user-name{display:none}.header-right{gap:var(--space-2)}}@media print{.skip-nav{display:none!important}.app-layout{background:#fff!important;color:#000!important}.content-container{max-width:none!important;padding:0!important}}@media (prefers-reduced-motion: reduce){.main-content{transition:none;animation:none}}.main-content:focus{outline:none}.main-content:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.header{min-height:calc(var(--size-header) + var(--space-2));background-color:var(--color-surface);border-bottom:1px solid transparent;position:sticky;top:0;z-index:100;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center}.header-content{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-2) var(--space-3);max-width:none;margin:0;min-height:var(--size-header)}.header-left{display:flex;align-items:center;gap:var(--space-4);min-width:0;flex:1;justify-content:flex-start}.menu-toggle{display:flex;align-items:center;justify-content:center;width:var(--touch-target-min, 44px);height:var(--touch-target-min, 44px);padding:var(--space-2);border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.menu-toggle:hover{background-color:var(--color-surface-elevated);color:var(--color-text-primary)}.menu-toggle:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.brand{display:flex;flex-direction:column;justify-content:center;min-width:0;height:var(--size-header)}.brand-title{font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0;line-height:1.2;display:flex;align-items:center;gap:var(--space-2)}.brand-orca{color:var(--color-primary-600)}.brand-portfolio{color:var(--color-text-primary)}.brand-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.2;font-weight:var(--font-normal);margin-top:-2px}.header-center{display:flex;align-items:center;justify-content:center;flex:1;max-width:400px}.wallet-context{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-2) var(--space-4);background-color:var(--color-surface-elevated);border-radius:var(--radius-md);border:1px solid transparent;min-height:40px}.wallet-address,.scan-time{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);line-height:1.2}.wallet-label,.scan-label{color:var(--color-text-secondary);font-weight:var(--font-medium)}.wallet-value{font-family:var(--font-mono);color:var(--color-text-primary);background-color:var(--color-background);padding:2px var(--space-1);border-radius:var(--radius-sm);border:1px solid transparent}.header-right{display:flex;align-items:center;gap:var(--space-3);height:var(--size-header);flex:1;justify-content:flex-end}.header-action{display:flex;align-items:center;justify-content:center;min-width:var(--touch-target-min, 44px);min-height:var(--touch-target-min, 44px);padding:var(--space-2);border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);position:relative;text-decoration:none}.header-action:hover{background-color:var(--color-surface-elevated);color:var(--color-text-primary)}.header-action:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.notification-button{position:relative}.notification-badge{position:absolute;top:6px;right:6px;min-width:18px;height:18px;background-color:var(--color-error);color:#fff;border-radius:50%;font-size:10px;font-weight:var(--font-bold);display:flex;align-items:center;justify-content:center;line-height:1;padding:2px}.user-menu{position:relative}.user-button{gap:var(--space-2);padding:var(--space-2) var(--space-3);min-height:var(--touch-target-preferred, 48px)}.user-name{font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1.2;white-space:nowrap}.user-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:200px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:200;padding:var(--space-2);animation:dropdown-enter .3s cubic-bezier(.4,0,.2,1);overflow:hidden}@keyframes dropdown-enter{0%{opacity:0;transform:translateY(-8px) scale(.95);max-height:0}to{opacity:1;transform:translateY(0) scale(1);max-height:500px}}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.wallet-dropdown-enter{animation:dropdown-enter .3s cubic-bezier(.4,0,.2,1)}.wallet-dropdown-exit{animation:dropdown-exit .2s cubic-bezier(.4,0,.2,1)}@keyframes dropdown-exit{0%{opacity:1;transform:translateY(0) scale(1);max-height:500px}to{opacity:0;transform:translateY(-8px) scale(.95);max-height:0}}.wallet-submenu{animation:submenu-expand .3s cubic-bezier(.4,0,.2,1);transform-origin:top}@keyframes submenu-expand{0%{opacity:0;max-height:0;transform:scaleY(.8)}to{opacity:1;max-height:300px;transform:scaleY(1)}}.wallet-item{animation:item-fade-in .3s cubic-bezier(.4,0,.2,1) backwards}.wallet-item:nth-child(1){animation-delay:.05s}.wallet-item:nth-child(2){animation-delay:.1s}.wallet-item:nth-child(3){animation-delay:.15s}.wallet-item:nth-child(4){animation-delay:.2s}.wallet-item:nth-child(5){animation-delay:.25s}@keyframes item-fade-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.hamburger-menu{position:fixed;inset:64px 0 0;background-color:#1b1b1bfa;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:999;animation:menu-slide-in .3s cubic-bezier(.4,0,.2,1);overflow-y:auto}@keyframes menu-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.hamburger-menu-exit{animation:menu-slide-out .2s cubic-bezier(.4,0,.2,1)}@keyframes menu-slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.hamburger-item{animation:menu-item-fade-in .4s cubic-bezier(.4,0,.2,1) backwards}.hamburger-item:nth-child(1){animation-delay:.05s}.hamburger-item:nth-child(2){animation-delay:.1s}.hamburger-item:nth-child(3){animation-delay:.15s}.hamburger-item:nth-child(4){animation-delay:.2s}.hamburger-item:nth-child(5){animation-delay:.25s}.hamburger-item:nth-child(6){animation-delay:.3s}@keyframes menu-item-fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border:none;background:transparent;color:var(--color-text-primary);text-decoration:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-sm);text-align:left}.dropdown-item:hover{background-color:var(--color-surface-elevated)}.dropdown-item:focus-visible{outline:var(--focus-ring);outline-offset:2px}.dropdown-item--action{color:var(--color-error)}.dropdown-divider{border:none;border-top:1px solid transparent;margin:var(--space-2) 0}.navbar-background{transition:background-color .6s ease}@media (prefers-reduced-motion: reduce){.navbar-background{transition-duration:.2s}}.user-menu-dropdown{animation:dropdown-slide-in .3s cubic-bezier(.16,1,.3,1);transform-origin:top right}@keyframes dropdown-slide-in{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.wallet-submenu{max-height:0;overflow:hidden;opacity:0;transform-origin:top;transition:max-height .6s cubic-bezier(.4,0,.2,1),opacity .6s cubic-bezier(.4,0,.2,1)}.wallet-submenu.expanded{max-height:90px;opacity:1;transition:max-height .6s cubic-bezier(.4,0,.2,1),opacity .6s cubic-bezier(.4,0,.2,1)}.wallet-item{opacity:0;transform:translateY(-4px);transition:none}.wallet-submenu.expanded .wallet-item{animation:wallet-item-fade-in .25s ease-out forwards}.wallet-submenu.expanded .wallet-item:nth-child(1){animation-delay:.1s}.wallet-submenu.expanded .wallet-item:nth-child(2){animation-delay:.15s}.wallet-submenu.expanded .wallet-item:nth-child(3){animation-delay:.2s}.wallet-submenu.expanded .wallet-item:nth-child(4){animation-delay:.25s}@keyframes wallet-item-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.wallet-arrow{transition:transform .3s cubic-bezier(.16,1,.3,1)}.wallet-arrow.expanded{transform:rotate(180deg)}.skip-navigation{position:absolute;left:-9999px;top:-9999px;z-index:999999;background-color:var(--color-primary-900);color:var(--color-neutral-50);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);outline:2px solid var(--color-primary-500);outline-offset:2px}.skip-navigation:focus,.skip-navigation:focus-visible{position:fixed;left:var(--spacing-md);top:var(--spacing-md);clip:auto;height:auto;width:auto;overflow:visible;animation:slideIn .2s ease-out}@media (prefers-contrast: high){.skip-navigation{outline-width:3px;outline-color:currentColor}}@media (prefers-reduced-motion: reduce){.skip-navigation:focus{animation:none}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.visible\!{visibility:visible!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.z-10{z-index:10}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.float-left{float:left}.container{width:100%}.mx-auto{margin-inline:auto}.mt-auto{margin-top:auto}.block{display:block}.block\!{display:block!important}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.h-\[1px\]{height:1px}.h-full{height:100%}.min-h-\[44px\]{min-height:44px}.min-h-\[48px\]{min-height:48px}.min-h-\[160px\]{min-height:160px}.min-h-\[180px\]{min-height:180px}.min-h-\[200px\]{min-height:200px}.min-h-screen{min-height:100vh}.w-1\/4{width:25%}.w-\[1px\]{width:1px}.w-full{width:100%}.max-w-none{max-width:none}.min-w-\[44px\]{min-width:44px}.min-w-\[48px\]{min-width:48px}.min-w-\[280px\]{min-width:280px}.min-w-\[320px\]{min-width:320px}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.caption-bottom{caption-side:bottom}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.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))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.bg-transparent{background-color:#0000}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.leading-none{--tw-leading:1;line-height:1}.whitespace-nowrap{white-space:nowrap}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition\!{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events!important;transition-timing-function:var(--tw-ease,ease)!important;transition-duration:var(--tw-duration,0s)!important}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-normal{transition-behavior:normal}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-75:hover{opacity:.75}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>tr\]\:last\:border-b-0>tr:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}::-moz-selection{color:#e8edf6;background:#03c767}::selection{color:#e8edf6;background:#03c767}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--spacing-xs: var(--space-2);--spacing-sm: var(--space-3);--spacing-md: var(--space-4);--spacing-lg: var(--space-6);--spacing-xl: var(--space-8);--spacing-2xl: var(--space-12);--spacing-3xl: var(--space-16);--card-padding-sm: var(--space-3);--card-padding-md: var(--space-6);--card-padding-lg: var(--space-8);--card-gap-sm: var(--space-4);--card-gap-md: var(--space-6);--card-gap-lg: var(--space-8);--card-mobile-padding: var(--space-4);--card-mobile-gap: var(--space-4);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-family-base: var(--font-sans);--font-family-mono: var(--font-mono);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-size-xs: var(--text-xs);--font-size-sm: var(--text-sm);--font-size-md: var(--text-base);--font-size-lg: var(--text-lg);--font-size-xl: var(--text-xl);--font-size-2xl: var(--text-2xl);--font-size-3xl: var(--text-3xl);--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-weight-normal: var(--font-normal);--font-weight-medium: var(--font-medium);--font-weight-semibold: var(--font-semibold);--font-weight-bold: var(--font-bold);--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--line-height-tight: var(--leading-tight);--line-height-normal: var(--leading-normal);--line-height-relaxed: var(--leading-relaxed);--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--card-radius: var(--radius-md);--border-width-1: 1px;--border-width-2: 2px;--border-width-4: 4px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--card-shadow-default: var(--shadow-lg);--card-shadow-hover: var(--shadow-xl);--container-max-width-sm: 640px;--container-max-width-md: 768px;--container-max-width-lg: 1024px;--container-max-width-xl: 1400px;--container-max-width-2xl: 1600px;--card-min-width-sm: 200px;--card-min-width-md: 240px;--card-min-width-lg: 280px;--card-min-width-xl: 320px;--card-max-width: 420px;--card-mobile-min-width: 100%;--layout-max-width-mobile: 100%;--layout-max-width-tablet: 768px;--layout-max-width-desktop: 1400px;--layout-max-width-large: 1600px;--layout-max-width-4k: 2560px;--grid-columns-mobile: 1;--grid-columns-tablet: 2;--grid-columns-desktop: 3;--grid-columns-large: 4;--grid-columns-wide: 4;--grid-columns-4k: 6;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-index-dropdown: var(--z-dropdown);--z-index-sticky: var(--z-sticky);--z-index-fixed: var(--z-fixed);--z-index-modal-backdrop: var(--z-modal-backdrop);--z-index-modal: var(--z-modal);--z-index-popover: var(--z-popover);--z-index-tooltip: var(--z-tooltip);--transition-fast: .15s ease-out;--transition-normal: .25s ease-out;--transition-slow: .35s ease-out;--animation-duration-fast: .15s;--animation-duration-normal: .3s;--animation-duration-slow: .5s;--animation-easing-ease-out: cubic-bezier(0, 0, .2, 1);--animation-easing-ease-in-out: cubic-bezier(.4, 0, .2, 1);--card-transition: var(--transition-normal);--breakpoint-mobile-max: 767px;--breakpoint-tablet-min: 768px;--breakpoint-tablet-max: 1023px;--breakpoint-desktop-min: 1024px;--breakpoint-desktop-max: 1439px;--breakpoint-large-min: 1440px;--breakpoint-large-max: 2559px;--breakpoint-4k-min: 2560px;--chart-1: 142 76% 36%;--chart-2: 217 91% 60%;--color-portfolio: hsl(142, 76%, 36%);--color-benchmark: hsl(217, 91%, 60%)}:root,[data-theme=dark]{--bg-primary: #0a0a0a;--bg-surface: #1b1b1b;--bg-elevated: #333333;--bg-surface-elevated: #333333;--color-background: var(--bg-primary);--color-surface: var(--bg-surface);--color-surface-elevated: var(--bg-elevated);--text-primary: #e8edf6;--text-secondary: #9aa4b2;--text-tertiary: #6b7280;--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-tertiary: var(--text-tertiary);--border-default: #333333;--border-focus: #00ff88;--color-border: var(--border-default);--color-border-focus: var(--border-focus);--accent-primary: #00ff88;--accent-secondary: #0066ff;--accent-tertiary: #7b3ff2;--color-primary: var(--accent-primary);--color-secondary: var(--accent-secondary);--color-accent: var(--accent-tertiary);--color-success: #00ff88;--color-warning: #ffaa00;--color-danger: #e23e57;--color-error: #e23e57;--color-neutral: #888888;--color-info: #0066ff}[data-theme=light],.theme-light,.light,html.light{--bg-primary: #ffffff;--bg-surface: #f8fafc;--bg-elevated: #f1f5f9;--bg-surface-elevated: #f1f5f9;--color-background: var(--bg-primary);--color-surface: var(--bg-surface);--color-surface-elevated: var(--bg-elevated);--text-primary: #1f2937;--text-secondary: #4b5563;--text-tertiary: #9ca3af;--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-tertiary: var(--text-tertiary);--border-default: rgba(0, 0, 0, .1);--border-focus: #3b82f6;--color-border: var(--border-default);--color-border-focus: var(--border-focus);--accent-primary: #3b82f6;--accent-secondary: #059669;--accent-tertiary: #7c3aed;--color-primary: var(--accent-primary);--color-secondary: var(--accent-secondary);--color-accent: var(--accent-tertiary);--color-success: #059669;--color-warning: #f59e0b;--color-danger: #dc2626;--color-error: #dc2626;--color-neutral: #6b7280;--color-info: #3b82f6}@font-face{font-family:Inter;src:url(/fonts/Inter/static/Inter_24pt-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter/static/Inter_24pt-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter Tight;src:url(/fonts/Inter_Tight/static/InterTight-Light.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Inter Tight;src:url(/fonts/Inter_Tight/static/InterTight-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter Tight;src:url(/fonts/Inter_Tight/static/InterTight-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter Tight;src:url(/fonts/Inter_Tight/static/InterTight-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter Tight;src:url(/fonts/Inter_Tight/static/InterTight-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html,body{margin:0;padding:0;border:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background, #0a0a0a)!important;color:var(--color-text-primary, #e8edf6);overflow-x:hidden;min-height:100vh;background-attachment:fixed;background-size:100% 100%;background-repeat:no-repeat}#root{margin:0;padding:0;border:none;background-color:var(--color-background, #0a0a0a)!important;min-height:100vh;width:100%;background-attachment:fixed}.dashboard-page,.dashboard-grid-container{background:transparent}html,body,#root{transition:background-color .3s ease,color .3s ease}*{transition:background-color .3s ease,border-color .3s ease,color .3s ease}.dashboard-page{background:var(--color-background, #0a0a0a)!important;min-height:100vh;background-attachment:fixed}.dashboard-responsive-container,.report-section{background:transparent!important}body,input,textarea,select,button,h1,h2,h3,h4,h5,h6,p,span,div,.dashboard-title{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif!important}*:focus{outline:none}*:focus-visible{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}html,body{overflow-x:hidden;width:100%;max-width:100%}#root{width:100%;max-width:100%;overflow-x:hidden}.dashboard-page{width:100%;max-width:100%;overflow-x:clip;box-sizing:border-box}.dashboard-grid-container{display:grid;grid-template-columns:1fr;grid-template-areas:"header" "overview" "metrics" "charts" "tables";gap:.75rem;width:100%;max-width:var(--layout-max-width-large, 1600px);margin:0 auto;padding:var(--dashboard-padding-mobile, 1rem);box-sizing:border-box;min-height:100vh}.dashboard-section,.dashboard-section-wrapper{display:flex;flex-direction:column;gap:.75rem;width:100%;container-type:inline-size;container-name:section}.dashboard-section__header{margin-bottom:1rem}.dashboard-section__title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary, #ffffff);margin:0}.dashboard-section__subtitle{font-size:.875rem;color:var(--color-text-secondary, #9aa4b2);margin:.25rem 0 0}.dashboard-cards-grid{display:flex;flex-wrap:wrap;gap:var(--grid-gap-card, 1.5rem);width:100%;align-items:stretch}.dashboard-grid-item,.dashboard-cards-grid>*{flex:1 1 100%;min-width:0;max-width:100%;box-sizing:border-box}.dashboard-grid--2x4{display:flex;flex-direction:column;gap:var(--grid-gap-mobile, .75rem);width:100%}.dashboard-grid--2x4 .dashboard-grid-item{flex:none;width:100%}.charts-unified-grid{display:flex;flex-direction:column;gap:.75rem;width:100%;box-sizing:border-box}.chart-grid-item{display:flex;flex-direction:column;width:100%;min-width:0;box-sizing:border-box}.chart-grid-item--full-width{width:100%}.chart-grid-row--two-columns{display:flex;flex-direction:column;gap:.75rem;width:100%}.chart-grid-row--two-columns .chart-grid-item{flex:1 1 100%;max-width:100%}.portfolio-overview-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:0;width:100%;box-sizing:border-box}.portfolio-overview-header__content{flex:1;display:flex;flex-direction:column;gap:.5rem;padding:0 .5rem;box-sizing:border-box}.portfolio-overview-header__title{font-size:clamp(1.875rem,4vw + 1rem,2.5rem);font-weight:700;color:var(--color-text-primary, #ffffff);margin:0;line-height:1.2}.portfolio-overview-header__subtitle{font-size:clamp(.8125rem,2vw + .5rem,1rem);color:var(--color-text-secondary, #a0a0a0);margin:0;line-height:1.4;opacity:.8}.portfolio-overview-header__actions{flex-shrink:0;display:flex;align-items:flex-start;padding:0 .5rem;box-sizing:border-box}.dashboard-fullwidth{width:100%;grid-column:1 / -1}@supports (container-type: inline-size){.dashboard-section{container-type:inline-size}@container (min-width: 768px){.dashboard-cards-grid>*{flex-basis:calc(50% - var(--grid-gap-card, 1.5rem) / 2)}}@container (min-width: 1024px){.dashboard-cards-grid>*{flex-basis:calc(33.333% - var(--grid-gap-card, 1.5rem) * 2 / 3)}}}@media (min-width: 1025px){.dashboard-card:focus-within,.metric-card:focus-within{outline:2px solid var(--color-focus, #00ff88);outline-offset:4px;z-index:1}}.dashboard-card,.dashboard-chart{contain:layout style paint}@media (prefers-reduced-motion: reduce){.dashboard-card,.metric-card,.chart-card{transition:none}}@media (min-width: 768px) and (max-width: 1023px){.dashboard-grid-container{padding:var(--dashboard-padding-vertical, 1.5rem) var(--dashboard-padding-horizontal, 3.75rem);gap:1rem}.portfolio-overview-header{flex-direction:row;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.portfolio-overview-header__content,.portfolio-overview-header__actions{padding:0 .5rem}.dashboard-cards-grid>*{flex:1 1 calc(50% - var(--grid-gap-card, 1.5rem) / 2);max-width:calc(50% - var(--grid-gap-card, 1.5rem) / 2);min-width:280px}.dashboard-grid--2x4{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:1rem}.dashboard-grid--2x4 .dashboard-grid-item{display:flex;width:100%}.chart-grid-row--two-columns{flex-direction:row;gap:.75rem}.chart-grid-row--two-columns .chart-grid-item{flex:1 1 calc(50% - .375rem);max-width:calc(50% - .375rem);min-width:320px}.chart-grid-item--full-width{flex:none;width:100%;max-width:none}}@media (min-width: 1024px) and (max-width: 1439px){.dashboard-grid-container{padding:var(--dashboard-padding-vertical, 1.5rem) var(--dashboard-padding-horizontal, 3.75rem)}.dashboard-cards-grid>*{flex:1 1 calc(33.333% - var(--grid-gap-card, 1.5rem) * 2 / 3);max-width:calc(33.333% - var(--grid-gap-card, 1.5rem) * 2 / 3);min-width:280px}.chart-grid-row--two-columns{flex-direction:row;gap:.75rem}.chart-grid-row--two-columns .chart-grid-item{flex:1 1 calc(50% - .375rem);max-width:calc(50% - .375rem)}.chart-grid-item--full-width{flex:none;width:100%;max-width:none}}@media (min-width: 1440px) and (max-width: 2559px){.dashboard-grid-container{padding:var(--dashboard-padding-vertical, 1.5rem) var(--dashboard-padding-horizontal, 3.75rem);gap:.5rem}.dashboard-cards-grid>*{flex:1 1 calc(25% - var(--grid-gap-card, 1.5rem) * 3 / 4);max-width:calc(25% - var(--grid-gap-card, 1.5rem) * 3 / 4)}.dashboard-grid--2x4{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:.5rem}.dashboard-grid--2x4 .dashboard-grid-item{width:100%}.charts-unified-grid{gap:.5rem}.chart-grid-row--two-columns{flex-direction:row;gap:.5rem}.chart-grid-row--two-columns .chart-grid-item{flex:1 1 calc(50% - .25rem);max-width:calc(50% - .25rem)}.chart-grid-item--full-width{flex:none;width:100%;max-width:none}.dashboard-section,.dashboard-section-wrapper{gap:.5rem}}@media (min-width: 2560px){.dashboard-grid-container{max-width:var(--layout-max-width-4k, 2560px);padding:2rem 3.75rem}.dashboard-cards-grid>*{flex:1 1 calc(16.666% - var(--grid-gap-card, 1.5rem) * 5 / 6);max-width:420px}.chart-grid-row--two-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}}@media (max-width: 767px){.dashboard-grid-container{padding:var(--dashboard-padding-mobile, 1rem);gap:var(--grid-gap-mobile, .75rem);margin:0 auto;width:100%}.portfolio-overview-header{flex-direction:column;gap:1rem;margin-bottom:1.5rem}.portfolio-overview-header__content,.portfolio-overview-header__actions{padding:0 .5rem;width:100%}.dashboard-card,.metric-card,.chart-card,.dashboard-grid-item{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.dashboard-cards-grid>*,.dashboard-grid-item{flex:none;width:100%;max-width:100%}.dashboard-grid--2x4{display:flex;flex-direction:column;gap:.75rem}.dashboard-grid--2x4 .dashboard-grid-item{flex:none;width:100%}.charts-unified-grid{gap:.75rem}.chart-grid-row--two-columns{flex-direction:column;gap:.75rem}.chart-grid-row--two-columns .chart-grid-item,.chart-grid-item--full-width{flex:none;width:100%;max-width:100%}.dashboard-card,.metric-card{padding:1rem;min-height:140px}.dashboard-card__value,.metric-value{font-size:1.75rem}.dashboard-section__title{font-size:1.25rem}}@media (max-width: 480px){.dashboard-grid-container{padding:.75rem}.dashboard-cards-grid{gap:.75rem}.dashboard-card,.metric-card{padding:1rem}.portfolio-overview-header__title{font-size:1.875rem}}@media (max-width: 767px) and (orientation: landscape){.dashboard-grid-container{padding:.5rem 1rem}.dashboard-cards-grid{gap:.75rem}.dashboard-card,.metric-card{padding:.75rem 1rem;min-height:100px}.metric-value{font-size:1.5rem}}@media print{.dashboard-grid-container{max-width:none;padding:0;gap:1rem}.dashboard-card,.dashboard-chart{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid;box-shadow:none;border:1px solid #ccc}.portfolio-overview-header{margin-bottom:1rem}.portfolio-overview-header__title{font-size:2rem}}@media (prefers-contrast: high){.dashboard-card,.metric-card,.chart-card{border-width:2px;outline:1px solid;outline-offset:-1px}}.dashboard-card,.metric-card,.kpi-card{display:flex;flex-direction:column;width:100%;min-height:var(--card-min-height, 180px);padding:var(--card-padding, 1.5rem);background:var(--color-surface, #1b1b1b);border:1px solid var(--color-border, #282828);border-radius:var(--card-radius, 8px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:var(--card-transition, all .2s ease-in-out);position:relative;overflow:hidden;box-sizing:border-box}@media (hover: hover) and (pointer: fine){.dashboard-card:hover,.metric-card:hover,.kpi-card:hover{box-shadow:0 10px 15px -3px #00000026,0 4px 6px -2px #00000014,0 0 0 1px #ffffff0d}.dashboard-card:hover,.metric-card:hover{will-change:transform}}.dashboard-card__header,.metric-header,.kpi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.dashboard-card__title,.metric-title,.kpi-title{font-size:1.25rem;font-family:Inter Tight,sans-serif;font-weight:500;color:var(--color-text-secondary, #9aa4b2);text-transform:none;letter-spacing:0;margin:0}.dashboard-card__content,.metric-content,.kpi-content{flex:1;display:flex;flex-direction:column;justify-content:center}.dashboard-card__value,.metric-value,.kpi-value{font-size:2rem;font-weight:700;color:var(--color-text-primary, #ffffff);line-height:1.1;margin:16px 0 8px;font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.dashboard-card__subtitle,.metric-subtitle,.kpi-subtitle{font-size:1rem;font-weight:500;color:var(--color-text-secondary, #9aa4b2);margin:0}.dashboard-card__change,.metric-change,.kpi-change{font-size:1.125rem;font-weight:600;margin-top:.5rem;display:flex;align-items:center;gap:.25rem}.dashboard-card__change--positive,.metric-change--positive,.kpi-change--positive{color:var(--color-success, #00ff88)}.dashboard-card__change--negative,.metric-change--negative,.kpi-change--negative{color:var(--color-danger, #ff4757)}.dashboard-card__change--neutral,.metric-change--neutral,.kpi-change--neutral{color:var(--color-text-secondary, #a0a0a0)}.metric-detail,.metric-detail-mobile{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;font-size:1rem;font-weight:500;margin-top:0;min-height:24px}.dashboard-card--compact,.metric-card--compact{min-height:140px;padding:1rem}.dashboard-card--expanded,.metric-card--expanded{min-height:220px;padding:2rem}.dashboard-card--clickable,.metric-card--clickable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (min-width: 1025px){.dashboard-card--clickable:focus,.metric-card--clickable:focus{outline:2px solid var(--color-focus, #00ff88);outline-offset:4px;border-color:var(--color-border, #282828)!important}}.dashboard-card--loading,.metric-card--loading{opacity:.7;pointer-events:none}.dashboard-card--error,.metric-card--error{border-color:var(--color-danger, #ff5000);background:#ff50000d}.dashboard-card--success,.metric-card--success{border-color:var(--color-success, #00c805);background:#00c8050d}.dashboard-card--sm,.metric-card--sm{min-height:120px;padding:var(--card-padding-sm, 1rem)}.dashboard-card--md,.metric-card--md{min-height:160px;padding:var(--card-padding-md, 1.5rem)}.dashboard-card--lg,.metric-card--lg{min-height:180px;padding:var(--card-padding-lg, 1.5rem)}.dashboard-card--xl,.metric-card--xl{min-height:220px;padding:var(--card-padding-lg, 2rem)}.dashboard-card.mobile-safe,.metric-card.mobile-safe{width:100%;max-width:100%;min-width:0;box-sizing:border-box}@media (min-width: 1025px){.dashboard-card:focus-within,.metric-card:focus-within{outline:none!important;border-color:var(--color-border, #282828)!important}.dashboard-card--clickable:focus-visible,.metric-card--clickable:focus-visible{outline:2px solid var(--color-focus, #00ff88);outline-offset:4px;border-color:var(--color-border, #282828)!important}}@media (max-width: 1024px){.dashboard-card:focus-visible,.metric-card:focus-visible,.dashboard-card:focus,.metric-card:focus,.dashboard-card--clickable:focus-visible,.metric-card--clickable:focus-visible,.dashboard-card--clickable:focus,.metric-card--clickable:focus{outline:none!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important;border-color:var(--color-border, #282828)!important}.dashboard-card,.metric-card{will-change:auto!important;transform:none!important}.dashboard-card:hover,.metric-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-color:var(--color-border, #282828)}}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary, #00ff88);color:var(--color-background, #0a0a0a);padding:8px 16px;text-decoration:none;z-index:100;border-radius:4px;font-weight:600}.skip-link:focus{top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes card-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: no-preference){.dashboard-card,.metric-card{animation:card-fade-in .3s ease-out}.dashboard-cards-grid>*:nth-child(1){animation-delay:0ms}.dashboard-cards-grid>*:nth-child(2){animation-delay:.1s}.dashboard-cards-grid>*:nth-child(3){animation-delay:.2s}.dashboard-cards-grid>*:nth-child(4){animation-delay:.3s}}@media (max-width: 767px){.metric-card__title,.metric-header-mobile{font-size:1rem}.metric-card__value,.metric-value-mobile{font-size:2.5rem}.metric-card__subtitle,.metric-detail-mobile{font-size:1.125rem;font-weight:600}.metric-card__change{font-size:1rem;font-weight:600}}.chart-card{background:var(--color-surface, #2a2a2a);border:1px solid var(--color-border, #282828);border-radius:var(--card-radius, 12px);padding:var(--card-padding-lg, 1.5rem);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .08));transition:var(--card-transition, all .2s ease-in-out);position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:280px;width:100%;box-sizing:border-box}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg, 1.5rem);flex-shrink:0}.chart-title{font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-semibold, 600);color:var(--color-text-primary, #ffffff);margin:0;line-height:1.2;font-family:Inter Tight,sans-serif}.chart-info-icon{color:var(--color-text-secondary, #9aa4b2);cursor:help;opacity:.7}.chart-container{flex:1;display:flex;flex-direction:column;min-height:0;position:relative;width:100%;max-height:280px}.mobile-chart-container{width:100%;position:relative}.mobile-overflow-fix{overflow:visible}.twr-chart-card{width:100%;max-width:none;min-width:100%;box-sizing:border-box}.twr-chart-container,.twr-chart-full-width{width:100%;max-width:100%;margin:0;padding:0;box-sizing:border-box;overflow-x:hidden}.time-range-buttons{display:flex;gap:var(--spacing-xs, .5rem);flex-shrink:0}.time-range-btn{padding:.375rem .75rem;font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-medium, 500);color:var(--color-text-secondary, #9aa4b2);background:transparent;border:1px solid var(--color-border, #333333);border-radius:var(--radius-md, 6px);cursor:pointer;transition:all .2s ease-out}.time-range-btn:hover{color:var(--color-text-primary, #ffffff);border-color:var(--color-primary, #00ff88)}.time-range-btn--active{color:var(--color-background, #0a0a0a);background:var(--color-primary, #00ff88);border-color:var(--color-primary, #00ff88)}.token-distribution-card{background:linear-gradient(135deg,#2a2a2af2,#2d2d32fa);border:1px solid var(--color-primary, #00ff88);overflow:visible;min-height:300px;backdrop-filter:blur(8px)}.token-distribution-content{display:flex;flex-direction:column;gap:2rem;align-items:center;min-height:240px;padding:24px;overflow:visible}.pie-chart-container{display:flex;align-items:center;justify-content:center;overflow:visible;width:100%;height:100%;gap:0}.donut-chart-wrapper{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:visible}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.donut-center-label{font-size:1rem;color:var(--color-text-tertiary, #6b7280);font-weight:500;margin-bottom:6px;font-family:Inter Tight,sans-serif}.donut-center-value{font-size:2rem;font-weight:700;color:var(--color-text-primary, #ffffff);font-family:Inter Tight,sans-serif;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.token-distribution-legend{display:flex;flex-direction:column;justify-content:center;padding:0;width:100%}.token-legend-item-progress{margin-bottom:1rem;padding:.5rem 0;transition:all .2s ease}.token-legend-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.token-legend-left{display:flex;align-items:center;gap:.5rem}.token-legend-indicator{width:16px;height:16px;border-radius:3px;flex-shrink:0}.token-legend-symbol{font-family:Inter Tight,sans-serif;font-weight:500;font-size:1rem;color:var(--color-text-secondary, #9aa4b2);-webkit-user-select:none;-moz-user-select:none;user-select:none}.token-legend-amount{font-family:Inter Tight,sans-serif;font-weight:500;font-size:1rem;color:var(--color-text-primary, #ffffff);line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.token-progress-bar{width:100%;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.token-progress-fill{height:100%;border-radius:2px;transition:width .8s ease-out}@media (max-width: 767px){.token-distribution-card{min-height:auto;overflow:visible}.token-distribution-content{flex-direction:column;padding:0;gap:2rem;min-height:auto}.pie-chart-container{width:100%;height:400px;padding:2rem 1rem 1.5rem;order:1}.donut-chart-wrapper{max-width:360px;max-height:360px}.token-distribution-legend{width:100%;padding:0 1.25rem 1.5rem;order:2}.donut-center-label{font-size:1.25rem}.donut-center-value{font-size:2.75rem}.chart-header{flex-direction:column;gap:1rem;align-items:flex-start}.time-range-buttons{width:100%}.time-range-btn{flex:1}}@media (min-width: 768px) and (max-width: 1023px){.token-distribution-content{flex-direction:column;gap:1.5rem}.pie-chart-container{width:100%;height:280px;order:1}.donut-chart-wrapper{max-width:240px;max-height:240px;margin:0 auto}.token-distribution-legend{width:100%;order:2;padding:0 1rem}}@media (min-width: 1024px){.token-distribution-content{flex-direction:row;gap:1.5rem;min-height:300px}.pie-chart-container{flex:0 0 55%;height:300px;padding:0 .25rem 0 2rem;justify-content:flex-end;margin-right:-1rem}.donut-chart-wrapper{max-width:340px;max-height:340px}.token-distribution-legend{flex:1;max-height:300px;overflow-y:auto}}@media (hover: hover) and (pointer: fine){.token-legend-item-progress:hover{background:#ffffff0d;border-radius:4px}}.token-distribution-card:hover,.chart-card:hover{transform:none}.token-distribution-card,.token-distribution-card *,.chart-card,.chart-card *{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.chart-card:focus-within{outline:2px solid var(--color-focus, #00ff88);outline-offset:4px}.chart-container:focus{outline:2px dashed var(--color-primary, #00ff88);outline-offset:4px}:root{--background: 210 40% 6%;--foreground: 210 6% 93%;--card: 220 14% 11%;--card-foreground: 210 6% 93%;--popover: 220 14% 11%;--popover-foreground: 210 6% 93%;--primary: 142 70% 45%;--primary-foreground: 144 61% 20%;--secondary: 215 25% 27%;--secondary-foreground: 210 6% 93%;--muted: 215 25% 16%;--muted-foreground: 217 10% 64%;--accent: 215 25% 27%;--accent-foreground: 210 6% 93%;--destructive: 0 63% 31%;--destructive-foreground: 210 6% 93%;--border: 215 25% 18%;--input: 215 25% 18%;--ring: 142 70% 45%;--radius: .5rem;--chart-1: 142 70% 45%;--chart-2: 217 91% 60%;--chart-3: 47 96% 53%;--chart-4: 339 82% 52%;--chart-5: 262 83% 58%}.dark{--background: hsl(210, 40%, 6%);--foreground: hsl(210, 6%, 93%);--card: hsl(220, 14%, 11%);--card-foreground: hsl(210, 6%, 93%);--popover: hsl(220, 14%, 11%);--popover-foreground: hsl(210, 6%, 93%);--primary: hsl(142, 70%, 45%);--primary-foreground: hsl(144, 61%, 20%);--secondary: hsl(215, 25%, 27%);--secondary-foreground: hsl(210, 6%, 93%);--muted: hsl(215, 25%, 16%);--muted-foreground: hsl(217, 10%, 64%);--accent: hsl(215, 25%, 27%);--accent-foreground: hsl(210, 6%, 93%);--destructive: hsl(0, 63%, 31%);--destructive-foreground: hsl(210, 6%, 93%);--border: hsl(215, 25%, 18%);--input: hsl(215, 25%, 18%);--ring: hsl(142, 70%, 45%);--chart-1: hsl(142, 70%, 45%);--chart-2: hsl(217, 91%, 60%);--chart-3: hsl(47, 96%, 53%);--chart-4: hsl(339, 82%, 52%);--chart-5: hsl(262, 83%, 58%)}.dark,body{background-color:hsl(var(--background));color:hsl(var(--foreground))}.header-subtitle{font-size:.9rem;color:var(--text-secondary);margin-top:.5rem}.section-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-secondary)}.section-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem}.section-subtitle{font-size:.9rem;color:var(--text-secondary);margin:0}.section-icon{color:var(--text-accent)}.page-header .header-subtitle{font-size:1rem;color:var(--text-secondary);margin-top:.5rem}.enhanced-kpi-section{margin-bottom:3rem}.portfolio-kpi-grid{margin-top:1.5rem}.portfolio-overview,.portfolio-metrics,.holdings-section,.portfolio-holdings{margin-bottom:3rem}.holdings-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.pagination-controls{display:flex;align-items:center;gap:1rem}.page-indicator{font-size:.9rem;color:var(--text-secondary);min-width:80px;text-align:center}.pagination-summary{font-size:.9rem;color:var(--text-secondary)}.loading-message,.error-message{text-align:center;padding:2rem}.loading-message .metric-card{max-width:300px;margin:0 auto}.error-message .metric-card{max-width:300px;margin:0 auto;border-color:var(--color-error)}.totals-row{border-top:2px solid var(--border-hover);font-weight:600}.totals-row td{font-weight:600;color:var(--text-primary);padding-top:1rem;padding-bottom:1rem}.performance-summary{margin-bottom:3rem}.chart-card .chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.chart-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.dashboard-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--border-radius-button);font-weight:500;font-size:.875rem;transition:var(--transition-theme);cursor:pointer;border:1px solid var(--border-secondary);background:var(--bg-surface);color:var(--text-primary);text-decoration:none}.button:hover{background:var(--bg-surface-elevated);border-color:var(--border-hover);transform:translateY(-1px);box-shadow:var(--shadow-card)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.button--primary{background:var(--color-info);color:#fff;border-color:var(--color-info)}.button--primary:hover{background:var(--color-info);filter:brightness(1.1)}.button--secondary{background:var(--bg-surface-elevated)}.button--ghost{background:transparent;border-color:transparent}.button--ghost:hover{background:var(--bg-surface-elevated)}.button--sm{padding:.375rem .75rem;font-size:.8rem}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.section-header{margin-bottom:1.5rem;padding-bottom:.75rem}.section-title{font-size:1.3rem}.holdings-controls{flex-direction:column;align-items:stretch}.pagination-controls{justify-content:center}.chart-card .chart-header{flex-direction:column;align-items:stretch;gap:.75rem}.dashboard-actions{justify-content:center}}.integrated-dashboard-section{margin-bottom:4rem;padding-bottom:2rem;border-bottom:1px solid var(--border-secondary)}.integrated-dashboard-section:last-child{border-bottom:none;margin-bottom:2rem}
