*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#1a1d29;color:#FFFFFF;margin:0;padding:20px}.navbar{background:#21252e;padding:1rem 2rem;border-bottom:1px solid rgba(255,255,255,0.05);margin:-20px -20px 20px -20px;position:sticky;top:0;z-index:100;overflow:visible}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.navbar-brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font-size:1.3rem;font-weight:700}.navbar-brand img{width:32px;height:32px}.navbar-links{display:flex;gap:2rem;align-items:center}.navbar-actions{display:flex;align-items:center;gap:30px}.navbar-links a{color:#9CA3AF;text-decoration:none;transition:color 0.2s;font-weight:500;font-size:0.95rem}.navbar-links>a:not(.discord-button){display:inline-flex;align-items:center;gap:0.4rem}.navbar-links>a .nav-icon{width:18px;height:18px;display:block;fill:currentColor;opacity:0.75;flex-shrink:0}.navbar-links>a:hover .nav-icon{opacity:1}.navbar-links a:hover{color:#FFFFFF}.navbar-links a.active{color:#5B9FED}.discord-button{display:inline-flex;align-items:center;margin-left:50px;gap:0.45rem;padding:1px 0;border-radius:0;background:transparent;color:#9aa7bf;text-decoration:none;font-weight:600;font-size:0.95rem;letter-spacing:0.01em;border:none;box-shadow:none;transition:color 0.2s ease,text-decoration-color 0.2s ease,transform 0.2s ease,opacity 0.2s ease;white-space:nowrap;line-height:1.2}.discord-button svg{width:26px;height:26px;display:block;fill:currentColor;opacity:0.8;flex-shrink:0;overflow:visible}.discord-button:hover{color:#c9d6ee;text-decoration:underline;text-decoration-color:rgba(201,214,238,0.6);transform:translateY(-1px)}.discord-button:hover svg{opacity:1}.discord-button:focus-visible{outline:2px solid #6f93e8;outline-offset:2px}.user-dropdown{position:relative;display:inline-block}.user-button{background:none;border:none;color:#9CA3AF;font-size:0.95rem;font-weight:500;cursor:pointer;padding:0.5rem 1rem;border-radius:6px;transition:all 0.2s;font-family:'Inter',sans-serif;display:flex;align-items:center;gap:0.5rem}.user-button:hover{color:#FFFFFF;background:rgba(255,255,255,0.05)}.user-button::after{content:'\25BC';font-size:0.7rem;transition:transform 0.2s}.user-dropdown.active .user-button::after{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;right:0;background:#2a2e3a;border:1px solid rgba(255,255,255,0.1);border-radius:8px;margin-top:0.5rem;min-width:180px;box-shadow:0 4px 12px rgba(0,0,0,0.3);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.2s;z-index:1000}.user-dropdown.active .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu a{display:flex;padding:0.75rem 1rem;color:#9CA3AF;text-decoration:none;transition:all 0.2s;font-size:0.9rem;align-items:center;gap:0.5rem}.dropdown-menu a:first-child{border-radius:8px 8px 0 0}.dropdown-menu a:last-child{border-radius:0 0 8px 8px}.dropdown-menu a:hover{background:rgba(255,255,255,0.05);color:#FFFFFF}.dropdown-menu a .menu-icon{width:18px;height:18px;display:block;fill:currentColor;opacity:0.8;flex-shrink:0}.dropdown-menu a:hover .menu-icon{opacity:1}.dropdown-menu a.logout{color:#EF4444;border-top:1px solid rgba(255,255,255,0.1)}.dropdown-menu a.logout:hover{background:rgba(239,68,68,0.1)}.verify-notice{margin-bottom:16px;padding:0.7rem 1rem;border-radius:999px;text-align:center;font-size:0.88rem;font-weight:600;color:#34D399;background:rgba(52,211,153,0.10);border:1px solid rgba(52,211,153,0.25)}.verify-notice--warn{color:#FBBF24;background:rgba(251,191,36,0.10);border-color:rgba(251,191,36,0.25)}.verify-notice a{color:inherit}.profits-dropdown-container,.dropdown,.latest-buy-dropdown-container,.latest-sell-dropdown-container{display:inline-block;margin-right:10px}.profits-dropdown-button,.dropdown-button,.latest-buy-dropdown-button,.latest-sell-dropdown-button{background:#21252e;color:#FFFFFF;border:1px solid rgba(255,255,255,0.1);padding:0.5rem 1rem;border-radius:8px;cursor:pointer;font-size:0.9rem;font-weight:500;transition:all 0.2s;font-family:'Inter',sans-serif}.profits-dropdown-button:hover,.dropdown-button:hover,.latest-buy-dropdown-button:hover,.latest-sell-dropdown-button:hover{background:#2a2e3a;border-color:rgba(91,159,237,0.3)}.dropdown-content{display:none;position:absolute;background:#21252e;border:1px solid rgba(255,255,255,0.1);border-radius:8px;padding:1rem;margin-top:5px;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,0.3)}.dropdown-content label{color:#9CA3AF;font-size:0.9rem;margin-bottom:0.5rem;display:block}.margin-input,.time-input{background:#1a1d29;border:1px solid rgba(255,255,255,0.1);color:#FFFFFF;padding:0.5rem;border-radius:6px;width:100%;font-family:'Inter',sans-serif}.margin-input:focus,.time-input:focus{outline:none;border-color:#5B9FED}select{background:#1a1d29;border:1px solid rgba(255,255,255,0.1);color:#FFFFFF;padding:0.5rem;border-radius:6px;margin-top:0.5rem;font-family:'Inter',sans-serif}.avg-price-filter-container{display:inline-block}.avg-price-label{display:flex;align-items:center;background:#21252e;color:#FFFFFF;padding:0.5rem 1rem;border:1px solid rgba(255,255,255,0.1);border-radius:8px;cursor:pointer;font-size:0.9rem;font-family:'Inter',sans-serif;font-weight:500;transition:all 0.2s}.avg-price-label:hover{background:#2a2e3a;border-color:rgba(91,159,237,0.3)}.avg-price-checkbox{cursor:pointer}#searchBar{width:100%;padding:0.45rem 2.4rem 0.45rem 0.85rem;background:#21252e;border:1px solid rgba(255,255,255,0.1);border-radius:8px;color:#FFFFFF;font-size:1rem;margin-bottom:0;font-family:'Inter',sans-serif}#searchBar:focus{outline:none;border-color:#5B9FED}#searchBar::placeholder{color:#6B7280}.search-input-wrap{position:relative;width:100%;margin-bottom:10px}.search-clear-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);padding:0;width:28px;height:28px;border:none;border-radius:0;background:transparent;-webkit-appearance:none;appearance:none;color:rgba(255,255,255,0.8);font-size:1.15rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color 0.15s}.search-clear-btn:hover,.search-clear-btn:active,.search-clear-btn:focus,.search-clear-btn:focus-visible{background:transparent;border:none;box-shadow:none;transform:translateY(-50%);color:#FFFFFF}#dashboardTableWrap{overflow-x:auto}table{width:100%;background:#21252e;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,0.05);border-collapse:collapse}thead{background:transparent;border-bottom:1px solid var(--line-strong)}th{padding:0.45rem 1rem;text-align:left;color:#FFFFFF;font-weight:600;font-size:0.75rem;cursor:pointer;border-bottom:1px solid rgba(255,255,255,0.1);white-space:nowrap}th:first-child,td:first-child{width:70px!important;max-width:70px!important;min-width:70px!important;padding:0.5rem!important;text-align:center!important}th:hover{background:#323641}.sort-icon{color:#6B7280;margin-left:5px;display:inline-flex;align-items:center;justify-content:center;transform-origin:center}.sort-icon.active{color:#FBBF24}.sort-icon.is-animating{animation:dashboard-sort-spin 220ms cubic-bezier(0.22,1,0.36,1)}@keyframes dashboard-sort-spin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.08)}100%{transform:rotate(360deg) scale(1)}}.dash-controls{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;margin-left:auto;justify-content:flex-end;--dash-control-height:28px}.dash-controls>*{flex:0 0 auto}.dash-desktop-only{display:flex}@media (max-width:768px){.dash-desktop-only{display:none}}.dash-column-dropdown{position:relative;display:flex;align-items:center}.dash-column-button{background:#21252e;border:1px solid rgba(255,255,255,0.1);color:#E5E7EB;padding:0 0.65rem;height:var(--dash-control-height);min-height:var(--dash-control-height);border-radius:8px;cursor:pointer;font-family:'Inter',Arial,sans-serif;font-weight:600;font-size:0.8rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;transition:background 0.15s ease,border-color 0.15s ease;user-select:none;margin:0;vertical-align:middle}.dash-column-button:hover{background:#2a2e3a;border-color:rgba(91,159,237,0.35)}.dash-column-button::after{content:'\25BE';opacity:0.85;font-size:0.9rem}.dash-column-dropdown.active .dash-column-button::after{content:'\25B4'}.dash-column-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:#1a1d29;border:1px solid rgba(255,255,255,0.12);border-radius:12px;padding:10px;display:none;z-index:50;box-shadow:0 16px 35px rgba(0,0,0,0.35)}.dash-column-dropdown.active .dash-column-menu{display:block}.dash-column-option{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;cursor:pointer;color:#E5E7EB;font-size:0.9rem;user-select:none}.dash-column-option:hover{background:rgba(91,159,237,0.12)}.dash-column-option input{width:18px;height:18px;cursor:pointer;accent-color:#5B9FED}.col-hidden{display:none!important}#dashboardTableWrap.hide-col-bookmark .dashboard-table [data-column="bookmark"],#dashboardTableWrap.hide-col-item .dashboard-table [data-column="item"],#dashboardTableWrap.hide-col-movement .dashboard-table [data-column="movement"],#dashboardTableWrap.hide-col-buy .dashboard-table [data-column="buy"],#dashboardTableWrap.hide-col-sell .dashboard-table [data-column="sell"],#dashboardTableWrap.hide-col-margin_gp .dashboard-table [data-column="margin_gp"],#dashboardTableWrap.hide-col-margin_pct .dashboard-table [data-column="margin_pct"],#dashboardTableWrap.hide-col-volume .dashboard-table [data-column="volume"],#dashboardTableWrap.hide-col-limit .dashboard-table [data-column="limit"],#dashboardTableWrap.hide-col-profit_limit .dashboard-table [data-column="profit_limit"],#dashboardTableWrap.hide-col-risk .dashboard-table [data-column="risk"],#dashboardTableWrap.hide-col-action .dashboard-table [data-column="action"]{display:none!important}tbody tr{border-bottom:1px solid var(--line);transition:background 0.15s}td{padding:1rem;color:#D1D5DB}td[data-column="buy"],td[data-column="sell"],td[data-column="margin_gp"],td[data-column="margin_pct"],td[data-column="volume"],td[data-column="limit"],td[data-column="profit_limit"],td[data-column="risk"],th[data-column="buy"],th[data-column="sell"],th[data-column="margin_gp"],th[data-column="margin_pct"],th[data-column="volume"],th[data-column="limit"],th[data-column="profit_limit"],th[data-column="risk"]{text-align:right;font-variant-numeric:tabular-nums}.vol-split{display:flex;width:54px;height:4px;margin:3px 0 0 auto;border-radius:2px;overflow:hidden;background:rgba(255,255,255,0.06)}.vol-split i{display:block;height:100%}.vol-split-sellers{background:#EF4444}.vol-split-buyers{background:#34D399}@media (prefers-reduced-motion:no-preference){.dashboard-table td.tick-up{animation:dash-tick-up 420ms ease-out}.dashboard-table td.tick-down{animation:dash-tick-down 420ms ease-out}.dashboard-table td.tick-neutral{animation:dash-tick-neutral 420ms ease-out}@keyframes dash-tick-up{0%{background-color:rgba(52,211,153,0)}30%{background-color:rgba(52,211,153,0.10)}100%{background-color:rgba(52,211,153,0)}}@keyframes dash-tick-down{0%{background-color:rgba(239,68,68,0)}30%{background-color:rgba(239,68,68,0.10)}100%{background-color:rgba(239,68,68,0)}}@keyframes dash-tick-neutral{0%{background-color:rgba(91,159,237,0)}30%{background-color:rgba(91,159,237,0.08)}100%{background-color:rgba(91,159,237,0)}}}.latest-trade{color:#6B7280;display:block}.show-graph-btn{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.14);color:rgba(255,255,255,0.75);padding:0.2rem 0.35rem;border-radius:6px;cursor:pointer;font-size:0;display:inline-flex;align-items:center;justify-content:center;transition:background 0.15s,border-color 0.15s,color 0.15s}.show-graph-btn:hover{background:rgba(255,255,255,0.08);border-color:rgba(91,159,237,0.55);color:rgba(255,255,255,0.95)}.show-graph-btn:disabled{cursor:wait;opacity:0.6}.bookmark-btn{background:transparent;color:#9CA3AF;border:none;font-size:1.2rem;cursor:pointer;transition:all 0.2s;padding:0.25rem 0.15rem;line-height:1;width:28px;text-align:center}.bookmark-btn:hover{color:#FBBF24;transform:scale(1.2)}.bookmark-btn.bookmarked{color:#FBBF24}.graph-collapse{height:0;opacity:0;overflow:hidden;transform:translateY(-6px);transition:height 170ms cubic-bezier(0.22,1,0.36,1),opacity 150ms ease,transform 170ms ease}.graph-collapse.is-open{height:auto;opacity:1;transform:translateY(0)}.graph-collapse.is-open:not(.is-animating){overflow:visible;transform:none}.graph-collapse.is-animating{will-change:height,opacity,transform}.graph-container{background:#1a1d29;padding:1rem 1.5rem;border-radius:12px;margin:0.5rem 0;box-sizing:border-box}.graph-controls{display:flex;justify-content:flex-end;align-items:center;margin-bottom:0.5rem}.graph-period-label{display:flex;align-items:center;gap:0.5rem;color:rgba(255,255,255,0.7);font-size:0.85rem;font-weight:500}.graph-period-select{background:#252932;color:#fff;border:1px solid rgba(255,255,255,0.15);border-radius:6px;padding:0.4rem 0.75rem;font-size:0.85rem;cursor:pointer;outline:none;transition:border-color 0.2s,background 0.2s}.graph-period-select:hover{border-color:rgba(255,255,255,0.3);background:#2a2e3a}.graph-period-select:focus{border-color:#5B9FED}.chart-wrapper{width:100%}.price-chart-container{position:relative;width:100%;height:220px}.volume-chart-container{position:relative;width:100%;height:70px;margin-top:8px}.price-chart-container canvas,.volume-chart-container canvas{display:block;width:100%!important;height:100%!important}.graph-row td{padding:0 1rem!important}.graph-row[data-open="false"] td{padding-top:0!important;padding-bottom:0!important;border-bottom:0!important}.graph-loading{display:flex;justify-content:center;align-items:center;padding:2rem;color:rgba(255,255,255,0.6);font-size:0.9rem}.graph-no-data{text-align:center;padding:1.5rem;color:rgba(255,255,255,0.5)}.graph-no-data p{margin:0.5rem 0}.graph-error{text-align:center;padding:2rem;color:#EF4444;background:rgba(239,68,68,0.1);border-radius:8px}#mobileDashboardBar .mobile-sort-dir.is-animating{animation:dashboard-control-spin 220ms cubic-bezier(0.22,1,0.36,1)}@keyframes dashboard-control-spin{0%{transform:rotate(0deg) scale(1)}50%{transform:rotate(180deg) scale(1.06)}100%{transform:rotate(360deg) scale(1)}}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.pagination-button{background:#21252e;color:#FFFFFF;border:1px solid rgba(255,255,255,0.1);padding:0.5rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all 0.2s;font-family:'Inter',sans-serif}.pagination-button:hover{background:#5B9FED;border-color:#5B9FED}.pagination-button:disabled{opacity:0.5;cursor:not-allowed}#currentPage{color:#9CA3AF;font-weight:500}.items-per-page{margin-left:2rem;display:flex;align-items:center;gap:0.5rem}.profit-green{color:#10B981;font-weight:600}.profit-yellow{color:#FBBF24;font-weight:600}@media (prefers-reduced-motion:reduce){.sort-icon.is-animating,#mobileDashboardBar .mobile-sort-dir.is-animating{animation:none!important}.graph-collapse{transition:none!important;transform:none!important}}.profit-red{color:#EF4444;font-weight:600}#dashboardTableWrap table.dashboard-table{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important}#dashboardTableWrap .dashboard-table thead,#dashboardTableWrap .dashboard-table tbody tr{border-bottom:0}#dashboardTableWrap .dashboard-table thead th{border-bottom:1px solid var(--line)}#dashboardTableWrap .dashboard-table thead th{color:var(--muted-2)!important;font-size:0.7rem!important;font-weight:700;letter-spacing:0.06em}#dashboardTableWrap .dashboard-table thead th .sort-icon{visibility:hidden}#dashboardTableWrap .dashboard-table thead th:hover .sort-icon,#dashboardTableWrap .dashboard-table thead th:focus-visible .sort-icon,#dashboardTableWrap .dashboard-table thead th .sort-icon.active{visibility:visible}#dashboardTableWrap .dashboard-table tbody tr[data-item-id]:not(.graph-row){cursor:pointer}#dashboardTableWrap .dashboard-table tbody tr[data-item-id]:not(.graph-row):hover{background:rgba(255,255,255,0.045)!important}#dashboardTableWrap .dashboard-table tbody tr.graph-row:hover,#dashboardTableWrap .dashboard-table tbody tr.graph-row:hover>td{background:transparent!important}#dashboardTableWrap .dashboard-table tbody tr.dashboard-empty-row,#dashboardTableWrap .dashboard-table tbody tr.dashboard-empty-row:hover{background:transparent!important}#dashboardTableWrap .dashboard-table tbody tr.dashboard-empty-row>td{padding:3rem 1rem!important;border-bottom:0!important;color:rgba(255,255,255,0.5)!important;text-align:center!important}.pagination-button{background:none;border:0;border-radius:0;padding:0;color:var(--muted);font-weight:600;font-size:0.85rem}.pagination-button:hover,.pagination-button:hover:not(:disabled){background:none;border:0}.pagination-button:hover:not(:disabled){color:var(--text)}.pagination-button:disabled{opacity:1;color:rgba(255,255,255,0.22);cursor:default}