: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}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:100vw;min-height:100vh}h1{font-size:3.2em;line-height:1.1}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}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width: 960px){*{box-sizing:border-box}html,body{overflow-x:hidden;width:100%}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#2c2c2c}::-webkit-scrollbar-thumb{background:#4fc3f7;border-radius:4px}button{min-height:44px;padding:12px 16px}input,select,textarea{font-size:16px;min-height:44px}.chart-container{width:100%!important;max-width:100%!important;overflow-x:auto}table{display:block;overflow-x:auto;white-space:nowrap}.MuiCard-root{margin:8px 0!important;box-shadow:0 2px 8px #00000026!important}.MuiAccordion-root{margin:4px 0!important}.responsive-flex{flex-direction:column!important;gap:8px!important}.desktop-only{display:none!important}.mobile-only{display:block!important}}@media (min-width: 961px){.mobile-only{display:none!important}.desktop-only{display:block!important}}.mobile-stack{display:flex;flex-direction:column;gap:8px}@media (min-width: 961px){.mobile-stack{flex-direction:row;gap:16px}}.mobile-full-width{width:100%}@media (min-width: 961px){.mobile-full-width{width:auto}}*{transition:all .2s ease-in-out}@media (max-width: 960px){.MuiIconButton-root{padding:12px}.MuiChip-root{height:36px;font-size:.8rem}.MuiContainer-root{padding-left:8px!important;padding-right:8px!important}h1{font-size:1.8rem}h2{font-size:1.5rem}h3{font-size:1.3rem}h4{font-size:1.2rem}h5{font-size:1.1rem}h6{font-size:1rem}}.paper-account-container{padding:20px;max-width:1400px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#1e1e1e;color:#fff;min-height:100vh}.paper-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e1e5e9}.header-left{display:flex;flex-direction:column;gap:15px}.paper-header h2{margin:0;color:#fff;font-size:1.8rem}.quick-add{display:flex;gap:10px;align-items:center}.name-input{padding:8px 12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;width:200px;transition:all .2s ease;background-color:#2c2c2c;color:#fff;border:1px solid #555}.name-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.name-input::placeholder{color:#aaa}.add-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #28a7454d}.add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #28a74566}.add-account-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.add-account-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.notification{padding:15px 20px;margin-bottom:20px;border-radius:8px;font-weight:500;animation:slideIn .3s ease}.notification.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.notification.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.notification.info{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.add-account-form{background:#fff;border:1px solid #e1e5e9;border-radius:12px;padding:30px;margin-bottom:30px;box-shadow:0 8px 25px #0000001a}.add-account-form h3{margin:0 0 25px;color:#2c3e50;font-size:1.5rem;border-bottom:2px solid #f8f9fa;padding-bottom:10px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:25px;margin-bottom:30px}.form-section{background:#f8f9fa;padding:20px;border-radius:10px;border:1px solid #e9ecef}.form-section h4{margin:0 0 15px;color:#495057;font-size:1.1rem;font-weight:600;padding-bottom:8px;border-bottom:1px solid #dee2e6}.form-row{margin-bottom:15px}.form-row label{display:block;margin-bottom:5px;font-weight:500;color:#495057;font-size:14px}.form-row input[type=text],.form-row input[type=number],.form-row input[type=password]{width:100%;padding:10px 12px;border:1px solid #ced4da;border-radius:6px;font-size:14px;transition:all .2s ease;box-sizing:border-box}.form-row input[type=text]:focus,.form-row input[type=number]:focus,.form-row input[type=password]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-row input[type=checkbox]{margin-right:8px;transform:scale(1.2);accent-color:#667eea}.form-row label:has(input[type=checkbox]){display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.form-actions{display:flex;gap:15px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e9ecef}.create-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:12px 30px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #28a74566}.create-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #28a74599}.cancel-btn{background:#6c757d;color:#fff;border:none;padding:12px 30px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.cancel-btn:hover{background:#5a6268;transform:translateY(-1px)}.accounts-list{margin-top:40px}.accounts-list h3{margin-bottom:20px;color:#fff;font-size:1.4rem}.accounts-list p{color:#ccc;font-size:16px}.accounts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.account-card{background:#2c2c2c;border:1px solid #444;border-radius:12px;padding:12px;transition:all .3s ease;box-shadow:0 4px 12px #0000004d;cursor:pointer;position:relative;max-height:400px;overflow:hidden}.account-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0006}.account-card.expanded{transform:none;box-shadow:0 8px 25px #667eea4d;border-color:#667eea}.account-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #444}.account-header h4{margin:0;color:#fff;font-size:1.2rem}.status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.status.active{background-color:#d4edda;color:#155724}.status.inactive{background-color:#f8d7da;color:#721c24}.account-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.stat{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.stat label{font-weight:500;color:#aaa;font-size:13px}.stat span{font-weight:600;font-size:14px;color:#fff}.stat span.profit{color:#28a745}.stat span.loss{color:#dc3545}.strategies{background:#1e1e1e;padding:10px;border-radius:8px;margin-top:10px;border:1px solid #444}.strategies h5{margin:0 0 10px;color:#fff;font-size:14px;font-weight:600}.strategies p{margin:5px 0;font-size:13px;color:#ccc}.expanded-details{margin-top:20px;padding-top:20px;border-top:2px solid #667eea;animation:expandIn .3s ease}@keyframes expandIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.detail-section{margin-bottom:20px;padding:15px;background:#1e1e1e;border-radius:8px;border:1px solid #333}.detail-section h5{margin:0 0 15px;color:#667eea;font-size:16px;font-weight:600;border-bottom:1px solid #333;padding-bottom:8px}.detail-row{margin-bottom:8px}.detail-row span{color:#ccc;font-size:14px;display:block;padding:4px 0}.strategy-detail{margin-bottom:15px;padding:12px;background:#0d1117;border-radius:6px;border-left:3px solid #28a745}.strategy-detail h6{margin:0 0 10px;color:#fff;font-size:14px;font-weight:600}.strategy-info{display:flex;flex-wrap:wrap;gap:15px}.strategy-info span{color:#aaa;font-size:12px;background:#2c2c2c;padding:4px 8px;border-radius:4px;border:1px solid #444}.no-strategies{color:#888;font-style:italic;text-align:center;padding:20px}.click-hint{margin-top:8px;text-align:center;padding-top:6px;border-top:1px solid #333}.click-hint small{color:#666;font-size:11px;font-style:italic}@media (max-width: 768px){.paper-account-container{padding:15px}.paper-header{flex-direction:column;gap:15px;align-items:stretch}.header-left{align-items:flex-start}.quick-add{flex-direction:column;align-items:stretch;gap:10px}.name-input{width:100%}.form-grid{grid-template-columns:1fr;gap:20px}.accounts-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.create-btn,.cancel-btn{width:100%}}.account-wrapper{display:flex;align-items:stretch;gap:8px}.orders-button.vertical{writing-mode:vertical-rl;text-orientation:mixed;background:linear-gradient(180deg,#667eea,#764ba2);border:none;color:#fff;padding:10px 8px;border-radius:8px;cursor:pointer;transition:all .3s ease;min-height:100%;max-height:300px;max-width:40px;overflow:hidden;width:40px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;letter-spacing:1px}.orders-button.vertical:hover{background:linear-gradient(180deg,#5a6fd8,#6a4190);transform:translate(-2px);box-shadow:0 4px 12px #667eea66}.vertical-text{transform:rotate(180deg);white-space:nowrap}.account-wrapper .account-card{flex:1}@media (max-width: 480px){.account-stats{grid-template-columns:1fr}.form-section{padding:15px}.add-account-form{padding:20px}.account-wrapper{flex-direction:column}.orders-button.vertical{writing-mode:horizontal-tb;width:100%;min-height:40px;margin-top:8px}.vertical-text{transform:none}}
