:root{--primary: #2962ff;--primary-light: #768fff;--primary-dark: #0039cb;--secondary: #78909c;--secondary-light: #a7c0cd;--secondary-dark: #4b636e;--accent: #ff6d00;--success: #00c853;--warning: #ffd600;--error: #d50000;--up-color: #26a69a;--down-color: #ef5350;--background: #f5f5f5;--surface: #ffffff;--on-surface: #212121;--on-background: #212121;--border: #e0e0e0;--chart-bg: #ffffff;--chart-grid: #f0f0f0;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .03);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--header-height: 64px;--sidebar-width: 220px;--bottom-panel-height: 40px;--transition-speed: .2s}.dark-theme{--primary: #2979ff;--primary-light: #5393ff;--primary-dark: #004ecb;--secondary: #546e7a;--secondary-light: #819ca9;--secondary-dark: #29434e;--accent: #ff9100;--success: #00e676;--warning: #ffea00;--error: #ff1744;--up-color: #4caf50;--down-color: #f44336;--background: #121212;--surface: #1e1e1e;--on-surface: #e0e0e0;--on-background: #ffffff;--border: #333333;--chart-bg: #131722;--chart-grid: #2a2e39;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 8px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 20px rgba(0, 0, 0, .15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);background-color:var(--background);color:var(--on-background);font-size:14px;line-height:1.5;overflow:hidden;transition:background-color var(--transition-speed) ease}button{font-family:var(--font-primary);cursor:pointer;border:none;background:none;outline:none}ul{list-style:none}.app-container{display:flex;flex-direction:column;height:100vh;position:relative}.header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 16px;background-color:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);z-index:10;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease}.header-left,.header-right{display:flex;align-items:center}.logo{display:flex;align-items:center;font-weight:700;font-size:18px;margin-right:24px}.logo span{color:var(--primary)}.logo-icon{width:24px;height:24px;margin-right:8px;background-color:var(--primary);border-radius:50%;position:relative;display:flex;align-items:center;justify-content:center}.logo-icon:before{content:"₿";color:#fff;font-weight:700;font-size:14px}.symbol-selector{display:flex;align-items:center;padding:4px 12px;border-radius:var(--radius-md);border:1px solid var(--border);transition:border-color .2s;cursor:pointer}.symbol-selector:hover{border-color:var(--primary)}.selected-symbol{display:flex;align-items:center;gap:8px}.crypto-icon{width:20px;height:20px}.symbol-name{font-weight:600}.symbol-price{font-weight:600;margin-left:16px}.symbol-change{color:var(--up-color);font-size:12px;font-weight:500}.icon-button{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--on-surface);margin-left:8px;transition:background-color .2s,color .2s}.icon-button:hover{background-color:rgba(var(--primary-rgb),.1);color:var(--primary)}.content{display:flex;flex-direction:column;flex:1;overflow:hidden}.toolbar{height:48px;display:flex;align-items:center;padding:0 16px;background-color:var(--surface);border-bottom:1px solid var(--border);transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease}.tool-group{display:flex;align-items:center;margin-right:20px}.tool-button{height:32px;padding:0 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--on-surface);background-color:transparent;transition:background-color .2s,color .2s;display:flex;align-items:center;justify-content:center}.tool-button:hover{background-color:#0000000d}.dark-theme .tool-button:hover{background-color:#ffffff0d}.tool-button.active{color:var(--primary);background-color:rgba(var(--primary-rgb),.1)}.main-content{display:flex;flex:1;overflow:hidden}.sidebar{width:var(--sidebar-width);background-color:var(--surface);border-right:1px solid var(--border);overflow-y:auto;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease}.sidebar-section{padding:16px;border-bottom:1px solid var(--border)}.sidebar-section h3{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--on-surface)}.sidebar-button{display:block;width:100%;text-align:left;padding:8px 12px;border-radius:var(--radius-sm);margin-bottom:4px;font-size:13px;color:var(--on-surface);transition:background-color .2s}.sidebar-button:hover{background-color:#0000000d}.dark-theme .sidebar-button:hover{background-color:#ffffff0d}.active-items{min-height:40px;font-size:13px;color:var(--secondary)}.active-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;margin-bottom:4px;border-radius:var(--radius-sm);background-color:#00000008;transition:background-color .2s}.dark-theme .active-item{background-color:#ffffff0d}.active-item-name{font-weight:500}.active-item-remove{cursor:pointer;opacity:.6;transition:opacity .2s}.active-item-remove:hover{opacity:1}.chart-container{flex:1;position:relative;background-color:var(--chart-bg);transition:background-color var(--transition-speed) ease}#chart{width:100%;height:100%}.chart-legend{position:absolute;top:16px;right:16px;background-color:rgba(var(--surface-rgb),.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:8px 12px;border-radius:var(--radius-sm);font-size:12px;z-index:5;box-shadow:var(--shadow-sm)}.chart-tooltip{position:absolute;display:none;background-color:rgba(var(--surface-rgb),.9);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:8px 12px;border-radius:var(--radius-sm);font-size:12px;z-index:6;box-shadow:var(--shadow-md);pointer-events:none}.bottom-panel{height:var(--bottom-panel-height);background-color:var(--surface);border-top:1px solid var(--border);display:flex;align-items:center;padding:0 16px;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease}.market-data{display:flex;gap:24px}.data-item{display:flex;align-items:center;font-size:12px}.data-item .label{color:var(--secondary);margin-right:4px}.data-item .value{font-weight:600}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:100;justify-content:center;align-items:center}.modal-content{background-color:var(--surface);border-radius:var(--radius-lg);width:500px;max-width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:16px 24px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:18px;font-weight:600}.close-button{font-size:24px;line-height:1;color:var(--secondary);transition:color .2s}.close-button:hover{color:var(--error)}.modal-body{padding:24px}.settings-section{margin-bottom:24px}.settings-section h3{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--on-surface)}.setting-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.setting-item label{font-size:14px}.setting-item input[type=color]{width:40px;height:24px;border:1px solid var(--border);border-radius:var(--radius-sm);background:none;cursor:pointer}.setting-item select{width:160px;height:32px;padding:0 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--surface);color:var(--on-surface);font-family:var(--font-primary);font-size:14px}.setting-item.checkbox{justify-content:flex-start}.setting-item.checkbox input{margin-left:16px;width:16px;height:16px}.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px}.primary-button,.secondary-button{padding:8px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;transition:background-color .2s,color .2s}.primary-button{background-color:var(--primary);color:#fff}.primary-button:hover{background-color:var(--primary-dark)}.secondary-button{background-color:transparent;color:var(--on-surface);border:1px solid var(--border)}.secondary-button:hover{background-color:#0000000d}.dark-theme .secondary-button:hover{background-color:#ffffff0d}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(var(--background-rgb),.8);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.spinner{width:40px;height:40px;border:3px solid rgba(var(--primary-rgb),.3);border-radius:50%;border-top-color:var(--primary);animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay p{color:var(--on-background);font-size:14px;font-weight:500}.hidden{display:none!important}:root{--background-rgb: 245, 245, 245;--surface-rgb: 255, 255, 255;--primary-rgb: 41, 98, 255}.dark-theme{--background-rgb: 18, 18, 18;--surface-rgb: 30, 30, 30;--primary-rgb: 41, 121, 255}@media (max-width: 768px){.sidebar{position:absolute;left:-100%;height:calc(100% - var(--header-height) - var(--bottom-panel-height));z-index:20;transition:left .3s ease}.sidebar.active{left:0}.header{padding:0 8px}.logo h1{font-size:16px}.symbol-price,.symbol-change{display:none}.tool-button{padding:0 8px;font-size:12px}.market-data{gap:12px;font-size:11px}}@media (max-width: 480px){.symbol-name{max-width:50px;overflow:hidden;text-overflow:ellipsis}.tool-group.timeframe{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}.tool-group.timeframe::-webkit-scrollbar{display:none}.market-data{overflow-x:auto;white-space:nowrap;width:100%;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.market-data::-webkit-scrollbar{display:none}}