.totrieu-trading-plan{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:#fff;border-radius:12px;box-shadow:0 4px 20px rgb(0 0 0 / .1);overflow:hidden;max-width:800px;margin:20px auto}.header-date{background:linear-gradient(135deg,#ff6b35 0%,#ffa726 100%);color:#fff;padding:15px;display:grid;grid-template-columns:repeat(4,1fr);gap:15px;align-items:center;font-weight:600}.date-item{text-align:center;background:rgb(255 255 255 / .15);padding:12px 8px;border-radius:6px;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:70px;line-height:1.3}.date-label{font-size:12px;opacity:.9;color:#fff;display:block;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.date-value{font-size:18px;font-weight:700;color:#fff;display:block;margin-top:2px}.title{background:linear-gradient(135deg,#ffd54f 0%,#ffb300 100%);padding:20px;text-align:center;font-size:24px;font-weight:700;color:#333;letter-spacing:1px}.main-info{background:linear-gradient(135deg,#e8f5e8 0%,#f1f8e9 100%);padding:10px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.info-group{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 8px rgb(0 0 0 / .1)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.info-row:last-child{border-bottom:none}.info-label{font-weight:600;color:#555;font-size:14px}.info-value{font-weight:700;color:#333;font-size:14px}.info-value.positive{color:#28a745!important}.info-value.negative{color:#dc3545!important}.calculator-form-section{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-bottom:1px solid #dee2e6}.form-header h3{margin:0;color:#495057;font-size:18px;font-weight:600;padding:15px 20px 10px}.calculator-form{padding:0 20px 20px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.form-group label{font-weight:600;color:#495057;font-size:14px;margin-bottom:6px;display:block}.form-control{padding:10px 12px;border:2px solid #ced4da;border-radius:6px;font-size:14px;transition:all 0.2s ease;background:#fff;color:#495057;width:100%;box-sizing:border-box}.form-control:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgb(102 126 234 / .1)}.order-type-selector{display:flex;gap:15px;margin-top:8px}.radio-label{cursor:pointer;user-select:none;flex:1}.radio-label input[type="radio"]{display:none}.radio-custom{display:block;padding:12px 20px;border:2px solid #e9ecef;border-radius:6px;font-weight:700;text-align:center;transition:all 0.3s ease;font-size:14px;color:#6c757d;background:#fff}.radio-custom.buy{border-color:#28a745;color:#28a745}.radio-custom.sell{border-color:#dc3545;color:#dc3545}.radio-label input[type="radio"]:checked+.radio-custom.buy{background:#28a745;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgb(40 167 69 / .3)}.radio-label input[type="radio"]:checked+.radio-custom.sell{background:#dc3545;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgb(220 53 69 / .3)}.trading-entries-grid{margin:20px 0;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgb(0 0 0 / .1);overflow:hidden}.entries-table{width:100%;border-collapse:collapse;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}.entries-table thead th{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;padding:12px 8px;text-align:center;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border:none}.entries-table tbody td{padding:8px;border:1px solid #e9ecef;vertical-align:middle;text-align:center;background:#fff}.entries-table tbody tr:nth-child(even){background:#f8f9fa}.entries-table tbody tr:nth-child(even) td{background:#f8f9fa}.entries-table tbody tr:hover{background:#e3f2fd}.entries-table tbody tr:hover td{background:#e3f2fd}.volume-input,.entry-input,.sl-input,.tp-input{width:100%;border:1px solid #ced4da;padding:8px 10px;border-radius:4px;font-size:13px;text-align:center;font-family:'Monaco','Menlo','Consolas',monospace;background:#fff;transition:all 0.2s ease;color:#495057;box-sizing:border-box}.volume-input:focus,.entry-input:focus,.sl-input:focus,.tp-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px rgb(102 126 234 / .1)}.entries-table th:nth-child(1),.entries-table td:nth-child(1){width:20%}.entries-table th:nth-child(2),.entries-table td:nth-child(2){width:25%}.entries-table th:nth-child(3),.entries-table td:nth-child(3){width:25%}.entries-table th:nth-child(4),.entries-table td:nth-child(4){width:30%}.sl-input{background:#fff5f5!important;border-color:#fca5a5!important;color:#dc3545!important;font-weight:600}.sl-input:focus{border-color:#dc3545!important;box-shadow:0 0 0 2px rgb(220 53 69 / .1)!important;background:#fff5f5!important}.tp-input{background:#f0fff4!important;border-color:#9ae6b4!important;color:#38a169!important;font-weight:600}.tp-input:focus{border-color:#38a169!important;box-shadow:0 0 0 2px rgb(56 161 105 / .1)!important;background:#f0fff4!important}.calculate-section{text-align:center;padding:20px 0}.calculate-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;padding:15px 30px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all 0.3s ease;box-shadow:0 4px 15px rgb(102 126 234 / .3)}.calculate-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgb(102 126 234 / .4)}.trading-plan-results{position:relative;background:#fff}.loading-state{text-align:center;padding:40px 20px;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)}.spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.risk-reward-summary-container{background:#fff;padding:20px}.risk-reward-summary{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;align-items:stretch}.capital-info{background:linear-gradient(135deg,#e3f2fd 0%,#f3e5f5 100%);padding:20px;border-radius:8px;border-left:4px solid #2196f3;display:flex;flex-direction:column;justify-content:center}.capital-row{display:flex;justify-content:space-between;margin:8px 0;font-weight:600;color:#2c3e50;font-size:16px}.capital-row .positive{color:#28a745!important}.capital-row .negative{color:#dc3545!important}.risk-reward-boxes{display:contents}.risk-box,.reward-box{text-align:center;padding:20px;border-radius:12px;color:#fff;font-weight:700;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:120px}.risk-box{background:linear-gradient(135deg,#dc3545 0%,#c82333 100%);color:white!important}.reward-box{background:linear-gradient(135deg,#ffd54f 0%,#ffb300 100%);color:#333!important}.ratio-label{font-size:14px;margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.ratio-value{font-size:48px;font-weight:900;line-height:1}.table-responsive-wrapper{margin:0;background:#fff;box-shadow:0 2px 8px rgb(0 0 0 / .1);overflow:hidden;overflow-x:auto;-webkit-overflow-scrolling:touch}.section-header{background:linear-gradient(135deg,#dc3545 0%,#c82333 100%);color:white!important;padding:15px;font-size:18px;font-weight:700;text-align:center;letter-spacing:1px;margin:0}.section-header.reward{background:linear-gradient(135deg,#ffd54f 0%,#ffb300 100%);color:#333!important}.data-table{width:100%;border-collapse:collapse;margin:0;font-size:14px;background:#fff;table-layout:fixed;min-width:640px}.data-table thead th{background:linear-gradient(135deg,#495057 0%,#343a40 100%);color:white!important;padding:12px 8px;text-align:center;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;border:none}.data-table tbody td{padding:10px 8px;text-align:center;border-bottom:1px solid #e0e0e0;font-size:14px;vertical-align:middle;background:#fff;color:#495057;overflow:hidden;text-overflow:ellipsis}.data-table tbody tr:nth-child(even) td{background:#f8f9fa}.data-table tbody tr:hover td{background:#e3f2fd}.data-table th:nth-child(1),.data-table td:nth-child(1){width:15%}.data-table th:nth-child(2),.data-table td:nth-child(2){width:18%}.data-table th:nth-child(3),.data-table td:nth-child(3){width:18%}.data-table th:nth-child(4),.data-table td:nth-child(4){width:15%}.data-table th:nth-child(5),.data-table td:nth-child(5){width:12%}.data-table th:nth-child(6),.data-table td:nth-child(6){width:22%}.data-table .profit{color:#28a745!important;font-weight:600;background:rgb(40 167 69 / .1)!important}.data-table .loss{color:#dc3545!important;font-weight:600;background:rgb(220 53 69 / .1)!important}.data-table .positive{color:#28a745!important;font-weight:600}.data-table .negative{color:#dc3545!important;font-weight:600}.data-table .total-row{background:linear-gradient(135deg,#495057 0%,#343a40 100%)!important;color:white!important;font-weight:700}.data-table .total-row td{border-bottom:none!important;font-style:italic;padding:12px 8px;background:transparent!important;color:white!important}.validation-messages{margin:15px 20px}.validation-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24!important;padding:12px 16px;border-radius:6px;border-left:4px solid #dc3545;margin-bottom:10px;role:alert;aria-live:polite}.validation-success{background:#d4edda;border:1px solid #c3e6cb;color:#155724!important;padding:12px 16px;border-radius:6px;border-left:4px solid #28a745;margin-bottom:10px;role:status;aria-live:polite}@media (max-width:1024px){.totrieu-trading-plan{margin:15px}.form-row{grid-template-columns:1fr;gap:15px}.table-responsive-wrapper{margin:0}.data-table{min-width:580px;font-size:13px}.data-table th,.data-table td{padding:10px 6px}}@media (max-width:640px){.totrieu-trading-plan{margin:10px;border-radius:8px}.title{font-size:20px;padding:15px}.section-header{font-size:16px;padding:12px}.order-type-selector{flex-direction:column;gap:10px}.trading-entries-grid{overflow-x:auto;-webkit-overflow-scrolling:touch}.entries-table{min-width:600px;font-size:12px}.table-responsive-wrapper{position:relative}.table-responsive-wrapper::after{content:'← Scroll để xem đầy đủ →';position:absolute;bottom:-10px;right:0;background:rgb(102 126 234 / .8);color:#fff;padding:4px 8px;font-size:11px;border-radius:4px 0 0 0;opacity:.7;pointer-events:none}.data-table{min-width:560px;font-size:12px}.data-table th,.data-table td{padding:8px 5px;font-size:12px}.risk-reward-summary{grid-template-columns:1fr;gap:15px}.capital-info{order:1;padding:15px}.risk-reward-boxes{order:2;display:grid;grid-template-columns:1fr 1fr;gap:15px}.risk-box,.reward-box{min-height:100px;padding:15px}.ratio-value{font-size:36px}.capital-row{font-size:14px}}@media (max-width:499px){.header-date{grid-template-columns:repeat(4,1fr);gap:8px;padding:10px}.date-item{min-height:55px;padding:8px 4px}.date-label{font-size:10px;margin-bottom:3px}.date-value{font-size:14px}.main-info{grid-template-columns:1fr;gap:15px;padding:15px}.title{font-size:18px;padding:12px}.entries-table{min-width:500px;font-size:11px}.entries-table th,.entries-table td{padding:6px 4px}.data-table{min-width:520px;font-size:11px}.data-table th,.data-table td{padding:6px 4px;font-size:11px}.table-responsive-wrapper::after{content:'👈 Vuốt ngang để xem thêm 👉';bottom:-15px;right:5px;font-size:10px;padding:3px 6px;background:rgb(255 152 0 / .9);animation:blink 2s ease-in-out infinite alternate}@keyframes blink{0%{opacity:.7}100%{opacity:1}}.risk-reward-summary{grid-template-columns:1fr;gap:12px}.risk-reward-boxes{display:grid;grid-template-columns:1fr 1fr;gap:12px}.risk-box,.reward-box{min-height:80px;padding:12px}.ratio-value{font-size:28px}.ratio-label{font-size:12px}.capital-info{padding:12px}.capital-row{font-size:13px;margin:6px 0}}.form-control:focus,.volume-input:focus,.entry-input:focus,.sl-input:focus,.tp-input:focus,.calculate-btn:focus,.radio-label:focus-within{outline:2px solid #667eea;outline-offset:2px}.form-control:focus,.volume-input:focus,.entry-input:focus,.sl-input:focus,.tp-input:focus{outline:2px solid #667eea!important;outline-offset:2px!important;box-shadow:0 0 0 3px rgb(102 126 234 / .2)!important;border-color:#667eea!important}.radio-label:focus-within .radio-custom{outline:2px solid #667eea;outline-offset:2px;box-shadow:0 0 0 3px rgb(102 126 234 / .2)}.calculate-btn:focus{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 4px rgb(102 126 234 / .5)}.radio-label input[type="radio"]:focus+.radio-custom{outline:2px solid #667eea;outline-offset:2px;box-shadow:0 0 0 3px rgb(102 126 234 / .2)}@media (prefers-contrast:high){.totrieu-trading-plan{border:3px solid #000}.data-table th,.data-table td{border:2px solid #000}.info-value.positive,.data-table .profit{color:#006600!important;font-weight:900}.info-value.negative,.data-table .loss{color:#cc0000!important;font-weight:900}.sl-input{background:#ffeeee!important;color:#cc0000!important;border:2px solid #cc0000!important;font-weight:900}.tp-input{background:#eeffee!important;color:#006600!important;border:2px solid #006600!important;font-weight:900}.form-control:focus,.volume-input:focus,.entry-input:focus,.sl-input:focus,.tp-input:focus{outline:3px solid #000000!important;outline-offset:2px!important;border:2px solid #000000!important;box-shadow:none!important}.calculate-btn:focus{outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 6px #000}.radio-label:focus-within .radio-custom{outline:3px solid #000;outline-offset:2px;box-shadow:none}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}.calculate-btn,.radio-custom,.form-control{transition:none}.table-responsive-wrapper::after{animation:none!important;opacity:0.8!important}}@media print{.totrieu-trading-plan{box-shadow:none;border:1px solid #000;margin:0;max-width:none}.calculator-form-section{display:none}.loading-state{display:none}.validation-messages{display:none}.header-date,.title,.section-header,.risk-box,.reward-box{-webkit-print-color-adjust:exact;color-adjust:exact}.data-table th{-webkit-print-color-adjust:exact;color-adjust:exact}.table-responsive-wrapper::after{display:none}}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:'Monaco','Menlo','Consolas',monospace}.font-bold{font-weight:700}.text-green{color:#28a745!important}.text-red{color:#dc3545!important}.text-gray{color:#6c757d!important}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}