.layout{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar{width:260px;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);padding:var(--spacing-lg) var(--spacing-md);display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1);overflow-x:hidden;position:relative;flex-shrink:0}.sidebar.collapsed{width:76px;padding:var(--spacing-lg) var(--spacing-sm)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl);min-height:48px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed .sidebar-header{flex-direction:column;gap:var(--spacing-md);justify-content:center}.logo{display:flex;flex-direction:column;align-items:flex-start;font-size:1.35rem;font-weight:700;color:var(--text-primary);transition:opacity .2s ease}.logo-collapsed{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:#20c9970d;border:1px solid rgba(32,201,151,.15);transition:all .3s ease}.version-tag{font-size:10px;font-weight:700;color:var(--accent-primary);background:#20c9971a;padding:2px 6px;border-radius:var(--radius-sm)}.time-display{font-size:11px;color:var(--text-muted);font-weight:400;margin-top:4px}.collapse-btn{background:transparent;border:none;color:var(--text-secondary);padding:6px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;outline:none}.collapse-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.nav{display:flex;flex-direction:column;gap:var(--spacing-xs)}.nav-item{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--text-secondary);transition:all .2s ease;cursor:pointer;white-space:nowrap;text-decoration:none;overflow:hidden;height:42px}.sidebar.collapsed .nav-item{padding:var(--spacing-sm) 0;justify-content:center}.nav-item:hover,.nav-item.active{background-color:var(--bg-tertiary);color:var(--text-primary)}.nav-icon{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;transition:margin .3s ease}.sidebar.collapsed .nav-icon{margin:0}.nav-label{margin-left:var(--spacing-md);opacity:1;transition:opacity .2s ease,transform .2s ease;font-size:14px;font-weight:500}.sidebar.collapsed .nav-label{opacity:0;pointer-events:none;width:0;margin-left:0;visibility:hidden;position:absolute}.logout-container{padding-top:16px;border-top:1px solid var(--border-color);margin-top:auto;transition:all .3s ease}.logout-btn{color:var(--text-muted)!important}.logout-btn:hover{color:var(--text-primary)!important}.content{flex:1;overflow-y:auto;padding:var(--spacing-xl);background-color:var(--bg-primary)}.header{margin-bottom:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.title{font-size:2rem;font-weight:600}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:30px;align-items:start}@media(min-width:1200px){.dashboard-grid{grid-template-columns:3fr 1fr}}.dashboard-sidebar{display:flex;flex-direction:column;gap:20px}@media(min-width:1200px){.dashboard-sidebar{position:sticky;top:20px}}.market-ticker-item{transition:all .2s ease-in-out}.market-ticker-item:hover{background-color:var(--bg-tertiary)!important;transform:translateY(-1px)}.market-ticker-item:active{transform:translateY(0)}:root{--bg-primary: #0f0f15;--bg-secondary: #181920;--bg-tertiary: #23242f;--text-primary: #ffffff;--text-secondary: #a0a0ba;--text-muted: #5e5e70;--accent-primary: #6fec99;--accent-secondary: #fe5e5e;--accent-highlight: #3b82f6;--border-color: #2e2e3e;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 6px rgba(0,0,0,.3);--shadow-lg: 0 10px 15px rgba(0,0,0,.3);--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}input,select{font-family:inherit;background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:var(--spacing-sm);border-radius:var(--radius-sm)}input:focus,select:focus{outline:2px solid var(--accent-highlight);border-color:transparent}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}