@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px;padding:0}.react-tabs__tab{border:1px solid #0000;border-bottom:none;bottom:-1px;display:inline-block;list-style:none;padding:6px 12px;position:relative}.react-tabs__tab--selected{background:#fff;border-color:#aaa;border-radius:5px 5px 0 0;color:#000}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus{outline:none}.react-tabs__tab:focus:after{background:#fff;bottom:-5px;content:"";height:5px;left:-4px;position:absolute;right:-4px}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}:root{--box-background:#fff;--header-background:#fff;--header-text:#202124;--button-background:#f1f3f4;--button-hover:#e8eaed;--button-text:#202124;--primary-color:#1a73e8;--modal-background:#fff;--sidebar-background:#f8f9fa;--font-size-base:16px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f1f3f4;color:#202124;font-family:Roboto,Arial,sans-serif;font-size:16px;font-size:var(--font-size-base);line-height:1.6}.App{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1;width:100%}.error,.loading{color:#5f6368;font-size:1.125rem;padding:16px;padding:var(--spacing-unit);text-align:center}.notification{animation:fadeInOut 2s ease-in-out;background:#1a73e8;background:var(--accent-color);border-radius:4px;box-shadow:0 2px 8px #0000001a;box-shadow:0 2px 8px var(--shadow-color);color:#fff;padding:10px 20px;position:fixed;right:16px;right:var(--spacing-unit);top:16px;top:var(--spacing-unit);z-index:2000}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.btn{transition:background .2s ease}.btn.primary{background:var(--primary-color)}.btn.secondary{background:#f1f3f4;background:var(--button-background);color:#202124;color:var(--button-text)}.btn.secondary:hover{background:#e8eaed;background:var(--button-hover)}:root{--header-background:#000;--header-text:#e0e0e0;--shadow-color:#0000001a;--button-background:#333;--button-text:#fff;--button-hover:#444}body:not(.dark-mode){--header-background:#fff;--header-text:#333;--button-background:#ddd;--button-text:#fff;--button-hover:#ccc}body.dark-mode{--header-background:#000;--header-text:#e0e0e0;--button-background:#444;--button-text:#fff;--button-hover:#555}.header{align-items:center;background:linear-gradient(90deg,#000,#1a1a1a);background:linear-gradient(90deg,var(--header-background),#1a1a1a);background-image:linear-gradient(90deg,#000,#1a1a1a),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="60" viewBox="0 0 100 60"><polyline points="0,50 20,40 40,45 60,30 80,35 100,25" fill="none" stroke="rgba%28255,255,255,0.1%29" stroke-width="1"/></svg>');background-image:linear-gradient(90deg,var(--header-background),#1a1a1a),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="60" viewBox="0 0 100 60"><polyline points="0,50 20,40 40,45 60,30 80,35 100,25" fill="none" stroke="rgba%28255,255,255,0.1%29" stroke-width="1"/></svg>');background-repeat:no-repeat,repeat-x;background-size:cover,100px 60px;box-shadow:0 4px 10px #1a73e833;color:#e0e0e0;color:var(--header-text);display:flex;height:60px;justify-content:space-between;left:0;padding:.5rem 16px;padding:.5rem var(--spacing-unit);position:fixed;right:0;top:0;z-index:16}body:not(.dark-mode) .header{background:linear-gradient(90deg,#000,#e6f0ff);background:linear-gradient(90deg,var(--header-background),#e6f0ff);background-image:linear-gradient(90deg,#000,#e6f0ff),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="60" viewBox="0 0 100 60"><polyline points="0,50 20,40 40,45 60,30 80,35 100,25" fill="none" stroke="rgba%280,0,0,0.1%29" stroke-width="1"/></svg>');background-image:linear-gradient(90deg,var(--header-background),#e6f0ff),url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="60" viewBox="0 0 100 60"><polyline points="0,50 20,40 40,45 60,30 80,35 100,25" fill="none" stroke="rgba%280,0,0,0.1%29" stroke-width="1"/></svg>');box-shadow:0 4px 10px #00000026}.header h1{font-size:1.2rem;font-weight:500;margin:0}.header nav ul{align-items:center;display:flex;gap:.75rem;list-style:none;margin:0}.header nav ul li a,.header nav ul li button{background:none;border:none;color:#e0e0e0;color:var(--header-text);cursor:pointer;font-size:.9rem;font-weight:500;padding:.4rem .8rem;text-decoration:none;transition:all .3s ease}.header nav ul li a:hover,.header nav ul li button:hover{background:#1557b0;background:var(--accent-hover);border-radius:12px}.header nav ul li.username{color:#555;padding:.4rem .8rem}.modal-header{color:#e0e0e0;color:var(--text-primary);padding:10px 16px;padding:10px var(--spacing-unit)}.modal-header,.react-tabs__tab,body.dark-mode .modal-header{background:#1a1a1a;background:var(--modal-background)}.react-tabs__tab{border:none;border-radius:12px;color:#e0e0e0;color:var(--text-primary);transition:all .3s ease}.react-tabs__tab--selected{background:#222;background:var(--box-background);border-bottom:2px solid #1a73e8;color:#e0e0e0;color:var(--text-primary)}body.dark-mode .react-tabs__tab{background:#1a1a1a;background:var(--modal-background);color:#e0e0e0;color:var(--text-primary)}body.dark-mode .react-tabs__tab--selected{background:#222;background:var(--box-background);color:#e0e0e0;color:var(--text-primary)}.DeleteJournalButton,.DownloadButton,.OpenButton,.auth-container button,.calc-btn,.chat-container button,.edit-toggle,.fullscreen-btn,.settings-container button,.toggle-button,.upload-button{background:#1a73e8!important;background:var(--accent-color)!important;border:none;border-radius:12px;box-shadow:0 2px 6px #1a73e833;color:#fff!important;color:var(--button-text)!important;cursor:pointer;font-size:.875rem;padding:10px 16px;transition:all .3s ease}body:not(.dark-mode) .DeleteJournalButton,body:not(.dark-mode) .DownloadButton,body:not(.dark-mode) .OpenButton,body:not(.dark-mode) .auth-container button,body:not(.dark-mode) .calc-btn,body:not(.dark-mode) .chat-container button,body:not(.dark-mode) .edit-toggle,body:not(.dark-mode) .fullscreen-btn,body:not(.dark-mode) .settings-container button,body:not(.dark-mode) .toggle-button,body:not(.dark-mode) .upload-button{box-shadow:0 2px 6px #0000001a}.DeleteJournalButton:hover,.DownloadButton:hover,.OpenButton:hover,.auth-container button:hover,.calc-btn:hover,.chat-container button:hover,.edit-toggle:hover,.fullscreen-btn:hover,.settings-container button:hover,.toggle-button:hover,.upload-button:hover{background:linear-gradient(90deg,#1a73e8,#1557b0)!important;background:linear-gradient(90deg,var(--accent-color),var(--accent-hover))!important}.toggle-button,.upload-button{border-radius:12px;padding:10px 16px}.toggle-button:hover,.upload-button:hover{background:linear-gradient(90deg,#1a73e8,#1557b0)!important;background:linear-gradient(90deg,var(--accent-color),var(--accent-hover))!important}.toggle-button{background:#333!important;background:var(--button-background)!important}.toggle-button.active{background:#1a73e8!important;background:var(--accent-color)!important}.button-group{display:flex;gap:10px;justify-self:end}.journal-list .button-group .DeleteJournalButton,.journal-list .button-group .DownloadButton,.journal-list .button-group .OpenButton{border:none;border-radius:12px;box-shadow:0 2px 6px #1a73e833;cursor:pointer;font-size:.875rem;padding:10px 15px;transition:all .3s ease}body:not(.dark-mode) .journal-list .button-group .DeleteJournalButton,body:not(.dark-mode) .journal-list .button-group .DownloadButton,body:not(.dark-mode) .journal-list .button-group .OpenButton{box-shadow:0 2px 6px #0000001a}.journal-list .button-group .OpenButton{background:#333!important;background:var(--button-background)!important}.journal-list .button-group .OpenButton:hover{background:#444!important;background:var(--button-hover)!important;transform:scale(1.05)}.journal-list .button-group .DownloadButton{background:#1a73e8!important;background:var(--accent-color)!important}.journal-list .button-group .DownloadButton:hover{background:linear-gradient(90deg,#1a73e8,#1557b0)!important;background:linear-gradient(90deg,var(--accent-color),var(--accent-hover))!important;transform:scale(1.05)}.journal-list .button-group .DeleteJournalButton{background:#0000!important}.journal-list .button-group .DeleteJournalButton:hover{background:#444!important;background:var(--button-hover)!important;transform:scale(1.05)}body:not(.dark-mode) .journal-list .button-group .DeleteJournalButton,body:not(.dark-mode) .journal-list .button-group .OpenButton{color:#333!important}.calculator-actions{display:flex;gap:10px;margin-top:10px}.motivational-background{background:#00000008;height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.quote{animation:drift 15s ease-in-out infinite;color:#5f6368;font-size:clamp(.875rem,1.5vw,1.5rem);opacity:.1;position:absolute;white-space:nowrap;will-change:transform}@keyframes drift{0%{transform:translate(0) rotate(0deg)}25%{transform:translate(10px,-15px) rotate(0deg)}50%{transform:translate(-5px,-20px) rotate(0deg)}75%{transform:translate(-15px,-10px) rotate(0deg)}to{transform:translate(0) rotate(0deg)}}.manage-journal-container{align-items:flex-start;display:flex;flex:1 1;justify-content:center;padding:80px 16px 16px;padding:80px var(--spacing-unit) var(--spacing-unit)}.manage-journal-box{background:linear-gradient(135deg,#222,#222);background:linear-gradient(135deg,var(--box-background),#222);border-radius:12px;box-shadow:0 8px 20px #1a73e833;margin:0 auto;max-width:800px;padding:30px;position:relative;transition:all .3s ease;width:100%;z-index:10}body:not(.dark-mode) .manage-journal-box{background:linear-gradient(135deg,#222,#f5f5f5);background:linear-gradient(135deg,var(--box-background),#f5f5f5);box-shadow:0 8px 20px #00000026}.manage-journal-title{color:#e0e0e0;color:var(--text-primary);font-size:1.625rem;margin-bottom:16px;margin-bottom:var(--spacing-unit);text-align:center}.controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px}.search-bar{background:#1a1a1a;background:var(--modal-background);border:1px solid #ddd;border-radius:12px;box-sizing:border-box;color:#e0e0e0;color:var(--text-primary);flex:1 1;font-size:1rem;height:36px;min-width:200px;padding:10px;transition:all .3s ease}.search-bar:focus{border-color:#1a73e8;border-color:var(--accent-color);box-shadow:0 0 5px #1a73e84d}.button-container{display:flex;flex-wrap:wrap;gap:15px}.button-container .upload-button,.button-container button{box-sizing:border-box;height:36px;padding:10px 16px}.journal-list{display:flex;flex-direction:column;gap:16px;gap:var(--spacing-unit)}.JournalPreviewBox{align-items:center;background:linear-gradient(135deg,#1a1a1a,#1a1a1a);background:linear-gradient(135deg,var(--modal-background),#1a1a1a);border-radius:12px;box-shadow:0 4px 12px #1a73e833;display:grid;grid-template-columns:2fr 1fr 1fr 2fr;padding:16px;padding:var(--spacing-unit);transition:all .3s ease}body:not(.dark-mode) .JournalPreviewBox{background:linear-gradient(135deg,#1a1a1a,#ececec);background:linear-gradient(135deg,var(--modal-background),#ececec);box-shadow:0 4px 12px #0000001a}.JournalPreviewBox:focus-within,.JournalPreviewBox:hover{background:linear-gradient(135deg,#1a1a1a,#1557b0);background:linear-gradient(135deg,var(--modal-background),var(--accent-hover));transform:translateY(-5px)}.JournalPreviewBox span{color:#e0e0e0;color:var(--text-primary);font-size:1.125rem;font-weight:700}.JournalPreviewBox h4{color:#e0e0e0;color:var(--text-primary);font-size:.875rem}.auth-container{background:linear-gradient(135deg,#222,#222);background:linear-gradient(135deg,var(--box-background),#222);border-radius:12px;box-shadow:0 4px 12px #1a73e833;margin-left:auto;margin-right:auto;margin-top:80px;max-width:500px;padding:2rem;transition:all .3s ease}body:not(.dark-mode) .auth-container{background:linear-gradient(135deg,#222,#f5f5f5);background:linear-gradient(135deg,var(--box-background),#f5f5f5);box-shadow:0 4px 12px #00000026}.auth-container h2{color:#e0e0e0;color:var(--text-primary);font-family:Arial,sans-serif;margin-bottom:1.5rem;text-align:center}.auth-container form{display:flex;flex-direction:column;gap:1rem}.auth-container input{background:#1a1a1a;background:var(--modal-background);border:1px solid #ddd;color:#e0e0e0;color:var(--text-primary);font-size:1rem;padding:.75rem}.auth-container input,.chat-container{border-radius:12px;transition:all .3s ease}.chat-container{background:linear-gradient(135deg,#222,#222);background:linear-gradient(135deg,var(--box-background),#222);box-shadow:0 4px 12px #1a73e833;margin-left:auto;margin-right:auto;margin-top:80px;max-width:700px;padding:2rem}body:not(.dark-mode) .chat-container{background:linear-gradient(135deg,#222,#f5f5f5);background:linear-gradient(135deg,var(--box-background),#f5f5f5);box-shadow:0 4px 12px #00000026}.chat-container h2{color:#e0e0e0;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.messages{background:#1a1a1a;background:var(--modal-background);border-radius:12px;margin-bottom:1rem;max-height:400px;overflow-y:auto;padding:1rem;transition:all .3s ease}.message{border-bottom:1px solid #eee;color:#e0e0e0;color:var(--text-primary);padding:.5rem 0}.settings-container{background:linear-gradient(135deg,#222,#222);background:linear-gradient(135deg,var(--box-background),#222);border-radius:12px;box-shadow:0 4px 12px #1a73e833;margin-left:auto;margin-right:auto;margin-top:80px;max-width:500px;padding:2rem;transition:all .3s ease}body:not(.dark-mode) .settings-container{background:linear-gradient(135deg,#222,#f5f5f5);background:linear-gradient(135deg,var(--box-background),#f5f5f5);box-shadow:0 4px 12px #00000026}.settings-container h2{color:#e0e0e0;color:var(--text-primary);margin-bottom:1.5rem;text-align:center}.settings-container form{display:flex;flex-direction:column;gap:1rem}.settings-container input{background:#1a1a1a;background:var(--modal-background);border:1px solid #ddd;border-radius:12px;color:#e0e0e0;color:var(--text-primary);padding:.75rem;transition:all .3s ease}.error{color:#d32f2f;margin-bottom:1rem;text-align:center}.chat-system{margin-left:auto;margin-right:auto;margin-top:80px;max-width:1200px;padding:16px;padding:var(--spacing-unit)}.chat-layout{display:flex;gap:16px;gap:var(--spacing-unit)}.sidebar{background:linear-gradient(135deg,#222,#222);background:linear-gradient(135deg,var(--box-background),#222);border-radius:12px;box-shadow:0 4px 12px #1a73e833;padding:16px;padding:var(--spacing-unit);transition:all .3s ease;width:300px}body:not(.dark-mode) .sidebar{background:linear-gradient(135deg,#222,#f5f5f5);background:linear-gradient(135deg,var(--box-background),#f5f5f5);box-shadow:0 4px 12px #00000026}.sidebar h3{color:#e0e0e0;color:var(--text-primary);margin-bottom:1rem}.chat-list,.contact-list{list-style:none;padding:0}.chat-list li,.contact-list li{color:#e0e0e0;color:var(--text-primary);cursor:pointer;padding:.5rem;transition:background .3s ease}.chat-list li:hover,.contact-list li:hover{background:#1a1a1a;background:var(--modal-background)}.chat-list li.active{background:#1a73e8;background:var(--accent-color);color:#fff;color:var(--button-text)}.chat-main{background:linear-gradient(135deg,#222,#222);background:linear-gradient(135deg,var(--box-background),#222);border-radius:12px;box-shadow:0 4px 12px #1a73e833;flex:1 1;padding:16px;padding:var(--spacing-unit);transition:all .3s ease}body:not(.dark-mode) .chat-main{background:linear-gradient(135deg,#222,#f5f5f5);background:linear-gradient(135deg,var(--box-background),#f5f5f5);box-shadow:0 4px 12px #00000026}.chat-main h2{color:#e0e0e0;color:var(--text-primary);margin-bottom:1rem}.chat-main .messages{background:#1a1a1a;background:var(--modal-background);border-radius:12px;margin-bottom:1rem;max-height:500px;overflow-y:auto;padding:16px;padding:var(--spacing-unit)}.chat-main .message{border-bottom:1px solid #0000001a;border-bottom:1px solid var(--shadow-color);color:#e0e0e0;color:var(--text-primary);padding:.5rem 0}.chat-main form{display:flex;gap:1rem}.chat-main input{background:#1a1a1a;background:var(--modal-background);border:1px solid #ddd;border-radius:12px;color:#e0e0e0;color:var(--text-primary);flex:1 1;padding:.75rem;transition:all .3s ease}.send-btn{background:#1a73e8;background:var(--accent-color);border:none;border-radius:12px;box-shadow:0 2px 6px #1a73e833;color:#fff;color:var(--button-text);cursor:pointer;font-size:.875rem;padding:10px 16px;transition:all .3s ease}body:not(.dark-mode) .send-btn{box-shadow:0 2px 6px #0000001a}.send-btn:hover{background:linear-gradient(90deg,#1a73e8,#1557b0);background:linear-gradient(90deg,var(--accent-color),var(--accent-hover));transform:scale(1.05)}.upload-button{-ms-flex-align:start!important;align-content:start!important;justify-items:start!important;justify-self:start!important;text-align:start!important}:root{--spacing-unit:16px;--text-primary:#e0e0e0;--text-secondary:#b0b0b0;--background:#000;--modal-background:#1a1a1a;--box-background:#222;--shadow-color:#00000080;--border-color:#333;--input-background:#2a2a2a;--accent-color:#1a73e8;--accent-hover:#1557b0;--profit-border:#34c38f;--loss-border:#f46a6a;--hover-background:#333}body:not(.dark-mode){--text-primary:#333;--text-secondary:#666;--background:#fff;--modal-background:#f9f9f9;--box-background:#fff;--shadow-color:#0000001a;--border-color:#ddd;--input-background:#fff;--hover-background:#f1f1f1;--btn-secondary-bg:#e0e0e0;--btn-secondary-hover:#d0d0d0}body.dark-mode{--text-primary:#e0e0e0;--text-secondary:#b0b0b0;--background:#1a1a1a;--modal-background:#2a2a2a;--box-background:#333;--shadow-color:#0000004d;--border-color:#444;--input-background:#3a3a3a;--hover-background:#404040;--btn-secondary-bg:#444;--btn-secondary-hover:#555}body{background:#000;background:var(--background);color:#e0e0e0;color:var(--text-primary);font-family:Arial,sans-serif;margin:0;padding:0}.nav{align-items:center;box-shadow:0 2px 4px #00000080;box-shadow:0 2px 4px var(--shadow-color);display:flex;justify-content:space-between;left:0;padding:16px;padding:var(--spacing-unit);position:fixed;right:0;top:0;z-index:1000}.nav,body.dark-mode .nav{background:#000!important}.nav-brand{color:#e0e0e0;color:var(--text-primary);font-size:1.5rem;font-weight:600}.nav-links{display:flex;gap:16px}.nav-links a{color:#e0e0e0;color:var(--text-primary);font-size:1rem;text-decoration:none}.nav-links a:hover{color:#1a73e8;color:var(--accent-color)}.btn{border:none;border-radius:4px;cursor:pointer;font-size:.875rem;padding:8px 16px;transition:background-color .2s ease}.btn.primary{background:#1a73e8;background:var(--accent-color);color:#fff}.btn.primary:hover{background:#1557b0;background:var(--accent-hover)}.btn.secondary{background:var(--btn-secondary-bg);color:#e0e0e0;color:var(--text-primary)}.btn.secondary:hover{background:var(--btn-secondary-hover)}.calc-btn{background:#1a73e8;background:var(--accent-color);font-size:.875rem;transition:background-color .2s ease}.calc-btn:hover{background:var(--accent-hover)}.edit-toggle{background:#1a73e8;background:var(--accent-color);font-size:.875rem;transition:background-color .2s ease}.edit-toggle:hover{background:var(--accent-hover)}.fullscreen-btn{background:#1a73e8;background:var(--accent-color);padding:8px 16px;right:10px;top:10px;transition:background-color .2s ease}.fullscreen-btn:hover{background:var(--accent-hover)}input,select,textarea{background:#2a2a2a;background:var(--input-background);border:1px solid #333;border:1px solid var(--border-color);border-radius:4px;color:#e0e0e0;color:var(--text-primary);font-size:1rem;padding:8px;transition:border-color .2s ease}input:focus,select:focus,textarea:focus{border-color:#1a73e8;border-color:var(--accent-color);outline:none}.JournalDetail{flex:1 1;margin:0 auto;max-width:1200px;padding:70px 16px 16px;padding:70px var(--spacing-unit) var(--spacing-unit);width:100%}.journal-tools{flex-wrap:wrap;margin-bottom:24px}.journal-tools,.tools-left{display:flex;gap:16px;gap:var(--spacing-unit)}.tools-left{flex:1 1;flex-direction:column;min-width:300px}.position-size-box,.todo-list-box{background:#1a1a1a;background:var(--modal-background);border-radius:8px;box-shadow:0 2px 4px #00000080;box-shadow:0 2px 4px var(--shadow-color);padding:16px;padding:var(--spacing-unit)}.position-size-box h2,.todo-list-box h2{color:#e0e0e0;color:var(--text-primary);font-size:1.25rem;font-weight:500;margin-bottom:12px}.todo-input{display:flex;gap:8px;margin-bottom:12px}.todo-input input{border:1px solid #333;border:1px solid var(--border-color);border-radius:4px;flex:1 1;font-size:1rem;padding:8px}.todo-list{list-style:none}.todo-list li{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--border-color);display:flex;gap:8px;padding:8px}.todo-list li.completed span{color:#888;text-decoration:line-through}.todo-list li .remove-todo{background:#f46a6a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:.75rem;height:20px;line-height:20px;width:20px}.journal-header{align-items:stretch;flex:2 1;flex-wrap:wrap}.charts-container,.journal-header{display:flex;gap:16px;gap:var(--spacing-unit)}.charts-container{flex:1 1;flex-direction:column;min-width:0}.summary-section{background:#1a1a1a;background:var(--modal-background);border-radius:8px;box-shadow:0 2px 4px #00000080;box-shadow:0 2px 4px var(--shadow-color);padding:16px;padding:var(--spacing-unit)}.summary-section h2{color:#e0e0e0;color:var(--text-primary);font-size:1.25rem;font-weight:500;margin-bottom:12px}.summary-section .input-group{margin-bottom:16px}.summary-section .input-group label{color:#b0b0b0;color:var(--text-secondary);display:block;font-size:.875rem;font-weight:500;margin-bottom:4px}.summary-section .input-group input{background:#2a2a2a;background:var(--input-background);border:1px solid #333;border:1px solid var(--border-color);border-radius:4px;color:#e0e0e0;color:var(--text-primary);font-size:1rem;padding:8px;transition:border-color .2s ease;width:100%}.summary-section .input-group input:focus{border-color:#1a73e8;border-color:var(--accent-color);outline:none}.summary-section p{color:#b0b0b0;color:var(--text-secondary);font-size:.875rem;margin:4px 0}.chart-box{background:#222;background:var(--box-background);border-radius:8px;box-shadow:0 2px 4px #00000080;box-shadow:0 2px 4px var(--shadow-color);height:400px;overflow:hidden;padding:16px;padding:var(--spacing-unit);position:relative;width:100%}.chart-box canvas{height:100%!important;max-height:400px;width:100%!important}.profit-chart-box{flex:1 1}.chart-box h2{color:#e0e0e0;color:var(--text-primary);font-size:1.125rem;font-weight:500;margin-bottom:12px}.TradesCountText{color:#e0e0e0;color:var(--text-primary);font-size:1.5rem;font-weight:500;justify-content:space-between;margin:16px 0;margin:var(--spacing-unit) 0}.TradesCountText,.trade-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.trade-actions select{background:#2a2a2a;background:var(--input-background);border:1px solid #333;border:1px solid var(--border-color);border-radius:4px;color:#e0e0e0;color:var(--text-primary);font-size:.875rem;padding:8px}.trade-list{display:flex;flex-direction:column;gap:12px;list-style:none}.trade-box{background:#1a1a1a;background:var(--modal-background);border-left:4px solid #0000;border-radius:8px;box-shadow:0 2px 4px #00000080;box-shadow:0 2px 4px var(--shadow-color);padding:12px;transition:transform .2s ease,box-shadow .2s ease}.trade-box:hover{box-shadow:0 4px 8px #00000080;box-shadow:0 4px 8px var(--shadow-color);transform:translateY(-2px)}.trade-box.profit{border-left-color:#34c38f;border-left-color:var(--profit-border)}.trade-box.loss{border-left-color:#f46a6a;border-left-color:var(--loss-border)}.trade-preview{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.trade-image-container{height:50px;margin-right:12px;overflow:hidden;width:50px}.trade-image{border-radius:4px;height:100%;object-fit:cover;width:100%}.trade-summary{color:#b0b0b0;color:var(--text-secondary);display:flex;flex:1 1;font-size:.875rem;justify-content:space-between}.trade-summary span{margin-right:12px}.expand-icon{color:#b0b0b0;color:var(--text-secondary);font-size:1rem}.trade-details{background:#222;background:var(--box-background);border-radius:0 0 8px 8px;padding:12px}.custom-fields p{color:#b0b0b0;color:var(--text-secondary);font-size:.875rem;margin:4px 0}.calendar-view{background:#1a1a1a;background:var(--modal-background);border-radius:8px;box-shadow:0 2px 4px #00000080;box-shadow:0 2px 4px var(--shadow-color);padding:16px;padding:var(--spacing-unit)}.calendar-controls{display:flex;gap:12px;justify-content:center;margin-bottom:16px}.calendar-controls span{color:#e0e0e0;color:var(--text-primary);font-size:1.125rem;font-weight:500}.calendar-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.calendar-header{color:#b0b0b0;color:var(--text-secondary);font-weight:500;padding:8px}.calendar-day,.calendar-header{background:#222;background:var(--box-background);border-radius:4px;text-align:center}.calendar-day{cursor:pointer;padding:12px;position:relative;transition:background .2s ease}.calendar-day:hover{background:#333;background:var(--hover-background)}.calendar-day.profit{background:#34c38f1a}.calendar-day.loss{background:#f46a6a1a}.calendar-day.empty{background:#0000;cursor:default}.trade-count{background:#1a73e8;background:var(--accent-color);border-radius:50%;color:#fff;font-size:.75rem;height:20px;line-height:20px;position:absolute;right:4px;top:4px;width:20px}.trade-details-sidebar{background:#1a1a1a;background:var(--modal-background);box-shadow:-2px 0 4px #00000080;box-shadow:-2px 0 4px var(--shadow-color);height:calc(100vh - 70px);overflow-y:auto;padding:16px;padding:var(--spacing-unit);position:fixed;right:0;top:70px;width:280px}.trade-details-sidebar h3{color:#e0e0e0;color:var(--text-primary);font-size:1.125rem;font-weight:500;margin-bottom:12px}.trade-details-sidebar .trade-summary{background:#222;background:var(--box-background);border-radius:4px;cursor:pointer;margin-bottom:8px;padding:8px}.trade-details-sidebar .trade-summary:hover{background:#333;background:var(--hover-background)}.Help{margin:0 auto;max-width:800px;padding:70px 16px 16px;padding:70px var(--spacing-unit) var(--spacing-unit)}.Help h1{color:#e0e0e0;color:var(--text-primary);font-size:2rem;font-weight:600}.Help h1,.Help p{margin-bottom:16px}.Help p{color:#b0b0b0;color:var(--text-secondary);font-size:1rem;line-height:1.6}.help-section{margin-bottom:32px}.help-section h2{color:#e0e0e0;color:var(--text-primary);font-size:1.5rem;font-weight:500;margin-bottom:12px}.help-list{list-style:none;margin-left:0;padding-left:20px}.help-list li{color:#b0b0b0;color:var(--text-secondary);font-size:1rem;margin:12px 0;position:relative}.help-list li:before{color:#1a73e8;color:var(--accent-color);content:"•";font-size:1.5rem;left:-20px;position:absolute;top:0}.help-list li strong{color:#e0e0e0;color:var(--text-primary)}.help-footer{margin-top:40px;text-align:center}.help-footer a{color:#1a73e8;color:var(--accent-color);text-decoration:none}.help-footer a:hover{color:#1557b0;color:var(--accent-hover);text-decoration:underline}.Settings{margin:0 auto;max-width:800px;padding:70px 16px 16px;padding:70px var(--spacing-unit) var(--spacing-unit)}.Settings h1{color:#e0e0e0;color:var(--text-primary);font-size:2rem;font-weight:600;margin-bottom:16px}.Settings p{color:#b0b0b0;color:var(--text-secondary);font-size:1rem;margin-bottom:24px}.settings-controls{display:flex;flex-direction:column;gap:20px}.setting-item{align-items:center;display:flex;gap:12px}.setting-item label{color:#e0e0e0;color:var(--text-primary);font-size:1rem;font-weight:500;min-width:120px}.color-picker span{color:#b0b0b0;color:var(--text-secondary);font-size:.875rem}.pagination{align-items:center;display:flex;gap:12px;justify-content:center;margin-top:16px}.pagination span{color:#b0b0b0;color:var(--text-secondary);font-size:.875rem}.footer-actions{align-items:center;display:flex;justify-content:space-between;margin-top:16px;margin-top:var(--spacing-unit);padding:0 16px;padding:0 var(--spacing-unit)}.trade-modal-overlay{bottom:0;right:0}.trade-modal-container{background:#1a1a1a;box-shadow:0 4px 8px #00000080;box-shadow:0 4px 8px var(--shadow-color);padding:16px;padding:var(--spacing-unit)}.modal-header{margin-bottom:16px}.close-btn,.modal-header h2{color:#e0e0e0;color:var(--text-primary);font-size:1.5rem}.modal-body{margin-bottom:16px}.field-item{margin-bottom:12px}.field-item label{color:#b0b0b0;color:var(--text-secondary)}.fullscreen-overlay{bottom:0;right:0}.fullscreen-close-btn{background:none;font-size:2rem}.trade-modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.trade-modal-container{background:var(--modal-background);border-radius:8px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:90%}.quick-add-modal{max-width:400px}.trade-banner{max-height:none;overflow:hidden;position:relative;width:100%}.trade-banner img{display:block;height:auto;width:100%}.fullscreen-btn{background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.875rem;padding:6px 12px;position:absolute;right:8px;top:8px;transition:background .2s ease}.fullscreen-btn:hover{background:#1557b0}.fullscreen-overlay{align-items:center;background:#000000e6;cursor:pointer;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.fullscreen-image{max-height:90%;max-width:90%;object-fit:contain}.fullscreen-close-btn{background:#f46a6a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1rem;height:30px;line-height:30px;position:absolute;right:20px;top:20px;transition:background .2s ease;width:30px}.fullscreen-close-btn:hover{background:#d32f2f}.modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:12px var(--spacing-unit)}.modal-header h2{color:#202124;font-size:1.25rem;font-weight:500}.close-btn{background:none;border:none;color:#5f6368;cursor:pointer;font-size:1.25rem;transition:color .2s ease}.close-btn:focus,.close-btn:hover{color:var(--accent-color);outline:none}.modal-body{flex:1 1;max-height:60vh;overflow-y:auto;padding:var(--spacing-unit)}.field-item{margin-bottom:16px}.field-item label{color:#5f6368;display:block;font-size:.875rem;font-weight:500;margin-bottom:4px}.field-item input,.field-item textarea{border:1px solid #dadce0;border-radius:4px;font-size:1rem;padding:8px;transition:border-color .2s ease;width:100%}.field-item input:focus,.field-item textarea:focus{border-color:var(--accent-color);outline:none}.field-item textarea{min-height:80px;resize:vertical}.custom-field{margin-bottom:16px;position:relative}.custom-field label{color:#5f6368;display:block;font-size:.875rem;font-weight:500;margin-bottom:4px}.custom-field input[type=range]{width:100%}.custom-field input[type=number],.custom-field input[type=text],.custom-field textarea{border:1px solid #dadce0;border-radius:4px;font-size:1rem;padding:8px;width:100%}.custom-field input:focus,.custom-field textarea:focus{border-color:var(--accent-color);outline:none}.custom-field.draggable{background:#f8f9fa;border-radius:4px;cursor:move;padding:8px}.remove-field{background:#f46a6a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:.75rem;height:20px;line-height:20px;position:absolute;right:4px;top:4px;width:20px}.edit-tools{background:#f8f9fa;border-radius:4px;display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;padding:12px}.edit-tools input,.edit-tools select{border:1px solid #dadce0;border-radius:4px;font-size:.875rem;padding:8px}.edit-tools button{background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.edit-tools button:hover{background:#1557b0}.calc-btn{background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:12px;padding:8px 16px}.calc-btn:hover{background:#1557b0}.calc-result{background:#f8f9fa;border-radius:4px;color:#5f6368;font-size:.875rem;margin-top:12px;padding:12px}.calc-result p{margin:4px 0}.modal-footer{border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;padding:12px var(--spacing-unit)}.edit-toggle{background:var(--primary-color);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px;transition:background .2s ease}.edit-toggle:hover{background:#1557b0}.react-tabs__tab-list{border-bottom:1px solid #e0e0e0;display:flex;padding:0 var(--spacing-unit)}.react-tabs__tab{color:#5f6368;cursor:pointer;font-weight:500;padding:10px 20px;transition:color .2s ease}.react-tabs__tab--selected{border-bottom:2px solid var(--accent-color);color:var(--accent-color)}.react-tabs__tab:focus,.react-tabs__tab:hover{color:var(--accent-color);outline:none}.react-tabs__tab-panel{padding:0}
/*# sourceMappingURL=main.8ca3de36.css.map*/