:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}body{margin:0;min-height:100vh;background-color:#000}#root{width:100%;height:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}table{width:100%;border-collapse:collapse;margin:20px 0}th,td{padding:12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1)}th{background-color:#ffffff0d;color:#ffffffb3}tr:hover{background-color:#ffffff0d}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.dragging{opacity:.5;pointer-events:none}.dragging *{pointer-events:none}.drop-target{background:#ffffff0d;transition:background-color .2s ease}.candlestick-chart{width:100%;height:100%;background-color:#1c1c1e;display:flex;flex-direction:column}.chart-header{background-color:#1c1c1e!important;border-bottom:1px solid rgba(255,255,255,.1)}.chart-toolbar{min-height:72px!important;padding:0 16px!important;display:flex!important;justify-content:space-between!important;flex-wrap:wrap!important}.market-info{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.symbol-info{display:flex;align-items:center}.symbol{font-weight:600!important;white-space:nowrap}.quote-currency{color:#ffffff80;margin-left:4px}.price-info{display:flex;flex-direction:column}.current-price{font-size:1.25rem;font-weight:600}.price-change{font-size:.875rem}.positive{color:#26a69a}.negative{color:#ef5350}.volume-info,.range-info{display:flex;flex-direction:column}.info-label{color:#ffffffb3;font-size:.875rem;margin-bottom:4px}.volume-value{font-size:.875rem;font-weight:500}.volume-quote{color:#ffffff80;font-size:.75rem}.range-values{display:flex;gap:8px;font-size:.875rem}.chart-actions{display:flex;gap:8px;align-items:center}.action-button,.close-button{color:#fff!important}.action-button:hover,.close-button:hover{background-color:#ffffff1a!important}.chart-controls{padding:8px 16px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;gap:16px;align-items:center;overflow-x:auto}.timeframe-group{display:flex;gap:4px}.timeframe-button{color:#fff!important;border-color:#ffffff1a!important;min-width:48px!important}.timeframe-button:hover{border-color:#007aff!important;background-color:#007aff1a!important}.timeframe-button.active{color:#007aff!important;background-color:#007aff33!important}.indicator-button{color:#fff!important;border:1px solid rgba(255,255,255,.1)!important}.indicator-button:hover{border-color:#007aff!important;background-color:#007aff1a!important}.chart-container{flex:1;min-height:0;background-color:#1c1c1e;position:relative}@media (max-width: 768px){.chart-toolbar{padding:8px!important}.market-info{gap:12px;width:100%;margin-bottom:8px}.volume-info,.range-info{min-width:120px}.chart-actions{width:100%;justify-content:flex-end}.chart-controls{padding:8px}.timeframe-button{padding:4px 8px!important;min-width:40px!important;font-size:.75rem!important}}.trading-view-container{height:calc(100vh - 180px);width:100%}.crypto-card{position:relative;width:100%;height:100px;background:#1c1c1ef2;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;cursor:move}.crypto-card__info{display:flex;justify-content:space-between;align-items:flex-start;width:calc(100% - 40px)}.crypto-card__left{display:flex;flex-direction:column;justify-content:flex-start}.crypto-card__right{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;height:100%}.crypto-card__symbol{font-size:16px;font-weight:500;color:#fff;line-height:1.2;margin-bottom:4px}.crypto-card__price{font-size:18px;font-weight:500;color:#fff;line-height:1.2;margin-top:4px}.crypto-card__change{font-size:12px;font-weight:600;margin-top:4px}.crypto-card__change--positive{color:#00c087}.crypto-card__change--negative{color:#ff3b30}.crypto-card__chart{width:60px;height:20px;margin-bottom:4px}.crypto-card__menu{color:#ffffffb3!important}.crypto-card:hover{background:#ffffff0d}.crypto-card.dragging{opacity:.5;transform:scale(.95)}.crypto-card-wrapper{margin-bottom:12px;transition:transform .2s ease,opacity .2s ease}.crypto-card-wrapper.dragging{opacity:.5;transform:scale(.95)}.crypto-grid.dragging-over{background:#ffffff0d;border-radius:8px}.crypto-card{cursor:grab}.crypto-card:active{cursor:grabbing}.crypto-card__price-symbol{color:#fff6;font-weight:300}app-tabtrader-clone/src/components/CryptoTable.css .crypto-table{padding:16px}.table-container{overflow-x:auto;background:#1c1c1ef2!important;border-radius:8px;color:#fff}.table-container table{width:100%;border-collapse:collapse;background:transparent}.table-container th{padding:16px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1);background:#0003;color:#ffffffb3;font-weight:500;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.table-container td{padding:12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1);color:#fff}.crypto-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;padding:12px;min-height:200px;width:100%;box-sizing:border-box}@media (max-width: 767px){.crypto-table{padding:8px}.crypto-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:4px}.crypto-card{min-width:0;width:100%;height:auto;padding:8px}.crypto-card__info{width:calc(100% - 24px)}.crypto-card__left,.crypto-card__right{min-width:0;flex-shrink:1}.crypto-card__symbol{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.crypto-card__price{font-size:14px;white-space:nowrap}.crypto-card__change{font-size:10px;white-space:nowrap}.crypto-card__chart{width:60px;height:20px}.crypto-card__menu{padding:4px!important}.crypto-card__menu .MuiSvgIcon-root{font-size:16px}}@media (min-width: 768px) and (max-width: 1023px){.crypto-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}}@media (min-width: 1024px){.crypto-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}}.crypto-grid>div{transition:transform .2s ease}.crypto-grid>div:hover{transform:translateY(-2px)}.table-actions{display:flex;gap:16px;margin-bottom:16px}.search-input{flex:1;max-width:300px;background:#ffffff0d;border-radius:8px}.search-input .MuiInputBase-root{color:#fff}.add-button{background:#007aff;color:#fff;text-transform:none}.add-button:hover{background:#0056b3}.remove-button{color:#ffffffb3!important}.remove-button:hover{color:#ff3b30!important}.mini-chart{width:60px;height:30px}.crypto-grid .dragging{opacity:.5;background:#ffffff0d}.crypto-grid .dragging-over{background:#ffffff0d;border-radius:8px}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;padding-right:24px!important}.sortable-header:hover{background-color:#ffffff14!important}.sortable-header svg{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:16px;opacity:.7}.sortable-header:hover svg{opacity:1}.add-pair-dialog{position:relative}.dialog-header{padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.dialog-title{font-size:1.25rem;font-weight:600;margin:0}.dialog-content{padding:0!important;display:flex;flex-direction:column;height:calc(100% - 64px);overflow:hidden}.search-container{padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.search-field{width:100%}.search-field .MuiInputBase-root{background:#ffffff0d;border-radius:8px;color:#fff}.search-field .MuiInputBase-input{padding:12px}.search-field .MuiInputBase-input::placeholder{color:#ffffff80}.quick-pairs{padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.quick-pairs-title{font-size:.875rem;color:#ffffffb3;margin-bottom:12px}.quick-pairs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.quick-pair-button{width:100%;min-width:unset!important;padding:6px 8px!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;font-size:.875rem!important;text-transform:none!important;transition:all .2s ease!important;cursor:pointer!important}.quick-pair-button:hover{background:#ffffff0d!important;border-color:#ffffff4d!important}.pairs-list{flex:1;overflow-y:auto;padding:0!important}.pair-item{padding:12px 24px!important;border-bottom:1px solid rgba(255,255,255,.1)!important;transition:all .2s ease!important;cursor:pointer!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.pair-item:hover{background:#ffffff0d}.pair-text{font-size:.9375rem!important}.no-results{padding:24px;text-align:center;color:#ffffff80}.add-button{transition:all .3s ease!important;position:relative}.add-button.added{background-color:#4caf50!important;pointer-events:none;width:25px;height:25px;margin-right:3px}.add-button .success-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:transform .3s ease}.add-button.added .success-icon{transform:translate(-50%,-50%) scale(1)}.add-button.added .add-icon{opacity:0}@keyframes addSuccess{0%{background:#4caf5033}to{background:transparent}}.pair-item.just-added{animation:addSuccess 1s ease forwards}.pairs-list::-webkit-scrollbar{width:8px}.pairs-list::-webkit-scrollbar-track{background:#ffffff0d}.pairs-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.pairs-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.search-container .MuiInputAdornment-root{transition:all .3s ease}.search-field .MuiInputBase-root.Mui-focused{border-color:#007aff;box-shadow:0 0 0 2px #007aff33}.tabs{min-height:40px;position:relative;border-bottom:none}.tab{text-transform:none!important;min-width:68px!important;padding:6px 12px!important;color:#ffffff73!important;font-size:13px!important;font-weight:500!important;letter-spacing:.2px;opacity:.7;transition:all .2s cubic-bezier(.4,0,.2,1)!important;background:transparent!important;border:none!important;box-shadow:none!important}.tab.Mui-selected{color:#fff!important;opacity:1;font-weight:600!important;border-bottom:2px solid #ffffff!important}.MuiTabs-indicator{display:none!important}.tab:hover{background-color:#ffffff0d!important}.tab:focus{outline:none!important}.tab:focus-visible{outline:none!important;box-shadow:none!important}.toolbar{height:48px;background:#121212fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;justify-content:space-between;padding:0 8px}.actions{display:flex;align-items:center;gap:8px;position:relative}.search-field{position:relative!important;background:#ffffff0d;border-radius:4px;width:200px}.search-field .MuiInputBase-root{color:#fff;height:32px}.search-field .MuiInputBase-input{padding:4px 8px 4px 0;font-size:14px}.search-field .MuiInputAdornment-root{margin-left:8px;margin-right:4px}.search-field .MuiInputAdornment-root .MuiSvgIcon-root{font-size:18px;color:#ffffffb3}.action-icon{color:#ffffffb3!important;padding:8px!important}.action-icon:hover{color:#fff!important;background-color:#ffffff1a!important}@media (max-width: 600px){.tab{min-width:56px!important;padding:4px 8px!important;font-size:12px!important;margin:0!important;border-radius:0!important}.tab.Mui-selected{border-bottom-width:1.5px!important}.search-field{width:160px}}.menu-button{color:#ffffffb3!important}.menu-button:hover{color:#fff!important;background-color:#ffffff1a!important}.portfolio-table{padding:0}.portfolio-table .toolbar{background:#1c1c1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid #3A3A3C}.portfolio-table .menu-button{color:#fff}.portfolio-summary{background:linear-gradient(135deg,#1c1c1e,#2c2c2e);border:1px solid #3A3A3C;margin-bottom:1.5rem}.portfolio-card{background:#1c1c1e;border:1px solid #3A3A3C;transition:all .3s ease;height:100%}.portfolio-card:hover{border-color:#007aff;transform:translateY(-2px);box-shadow:0 8px 24px #007aff26}.crypto-symbol{font-weight:700;color:#fff;font-size:1.25rem}.current-price{font-weight:700;color:#007aff;margin:.5rem 0}.portfolio-card .MuiCardContent-root{padding:1.5rem}.portfolio-card .MuiIconButton-root{color:#8e8e93;transition:color .2s ease}.portfolio-card .MuiIconButton-root:hover{color:#007aff}.portfolio-summary .MuiTypography-h4{font-weight:700}.portfolio-summary .MuiTypography-h5{font-weight:600}@media (max-width: 768px){.portfolio-table{padding:.5rem}.portfolio-card .MuiCardContent-root{padding:1rem}}.pro-sidebar{width:260px;background-color:#1c1c1e;border-right:1px solid rgba(255,255,255,.05);transition:all .3s ease}.pro-sidebar .MuiDrawer-paper{width:260px;background-color:#1c1c1e;color:#fff;border:none;overflow-x:hidden}.sidebar-header{padding:20px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.05)}.logo-wrapper{display:flex;align-items:center;gap:12px}.logo{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:8px;font-weight:600;font-size:16px;color:#fff;transition:all .2s ease}.app-name{font-size:16px;font-weight:600;color:#fff;opacity:.9}.nav-section{padding:12px 0}.section-title{padding:0 16px;margin-bottom:8px;font-size:12px;font-weight:500;text-transform:uppercase;color:#fff6;letter-spacing:.5px}.nav-item{padding:10px 16px;margin:2px 8px;display:flex;align-items:center;gap:12px;border-radius:6px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.nav-item:hover{background:#ffffff0d}.nav-item.active{background:#ffffff1a}.nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#ffffffb3}.active .nav-icon{color:#fff}.nav-text{font-size:14px;font-weight:500;color:#ffffffb3}.active .nav-text{color:#fff}.nav-badge{margin-left:auto;padding:2px 6px;font-size:11px;font-weight:600;background:#ffffff1a;border-radius:10px;color:#ffffffb3}.nav-divider{margin:8px 16px;height:1px;background:#ffffff0d}.user-section{margin-top:auto;padding:16px;display:flex;align-items:center;gap:12px;border-top:1px solid rgba(255,255,255,.05)}.user-avatar{width:32px;height:32px;border-radius:6px;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:#fff}.user-info{flex:1;min-width:0}.user-name{margin:0;font-size:13px;font-weight:600;color:#fff;opacity:.9}.user-plan{margin:0;font-size:12px;color:#ffffff80}.user-menu{color:#ffffff80;padding:6px}.user-menu:hover{color:#fff;background:#ffffff1a}.pro-sidebar .MuiDrawer-paper::-webkit-scrollbar{width:4px}.pro-sidebar .MuiDrawer-paper::-webkit-scrollbar-track{background:transparent}.pro-sidebar .MuiDrawer-paper::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.pro-sidebar .MuiDrawer-paper::-webkit-scrollbar-thumb:hover{background:#fff3}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.nav-item{animation:slideIn .2s ease-out forwards}.user-dropdown.MuiMenu-paper{background-color:#1c1c1e;color:#fff;border:1px solid rgba(255,255,255,.05);box-shadow:0 4px 20px #0000004d;margin-top:4px}.menu-item{padding:8px 16px;min-height:36px;font-size:13px;color:#ffffffe6}.menu-item:hover{background:#ffffff0d}.menu-item.danger{color:#ff4d4f}.menu-item.danger:hover{background:#ff4d4f1a}.menu-icon{margin-right:8px;font-size:18px;opacity:.7}.app-container{min-height:100vh;background:linear-gradient(to bottom right,#1a1a1a,#2d2d2d);color:#fff}.app-container{min-height:100vh;background-color:#000;color:#fff}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;overflow:hidden}.tab-manager{height:100vh;display:flex;flex-direction:column}.toolbar{min-height:56px;background:#1c1c1ef2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tabs-container{flex:1;overflow-x:auto}.tab{text-transform:none;min-width:120px}.content{flex:1;overflow-y:auto;padding:16px}.app-header h1{margin:0;font-size:2rem;font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-up{animation:slideUp .3s ease-out}