#tc-form{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;max-width:900px;margin:0 auto}#tc-form .form-group{display:flex;flex-direction:column}#tc-form label{font-size:12px;font-weight:600;color:#1e293b;margin-bottom:2px;text-transform:uppercase;letter-spacing:.3px}#tc-form input,#tc-form select{padding:6px 10px;border:1px solid #cbd5e1;border-radius:4px;font-size:14px;font-family:Roboto,sans-serif;background:#fff}#tc-form input:focus,#tc-form select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.form-section-title{grid-column:1 / -1;font-size:13px;font-weight:700;color:var(--primary, #062F87);margin:8px 0 4px;padding-bottom:4px;border-bottom:1px solid #e2e8f0;text-transform:uppercase;letter-spacing:.5px}.shaft-unit-bar{grid-column:1 / -1;display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-grey, #f1f5f9);border-radius:6px;margin-bottom:4px}.unit-group-label{font-size:11px;font-weight:600;color:var(--text-muted, #64748b);text-transform:uppercase;letter-spacing:.3px}.unit-btn{padding:4px 14px;border:1px solid var(--border, #cbd5e1);border-radius:4px;background:#fff;font-size:12px;font-weight:600;cursor:pointer;font-family:Fira Sans,sans-serif;color:var(--text, #1e293b);transition:all .2s}.unit-btn.active{background:var(--primary, #062F87);color:#fff;border-color:var(--primary, #062F87)}.unit-btn:hover:not(.active){background:var(--bg-grey-alt, #e2e8f0)}#tc-loads{grid-column:1 / -1}.load-row{display:flex;align-items:center;gap:10px;margin-bottom:6px;padding:6px 10px;background:#f8fafc;border-radius:4px;border:1px solid #e2e8f0}.load-row label{font-size:12px;display:flex;align-items:center;gap:4px}.load-row input{width:80px;padding:4px 6px}.load-num{font-weight:700;color:var(--primary, #062F87);min-width:20px}.btn-remove{background:none;border:1px solid #e2e8f0;color:#dc2626;cursor:pointer;font-size:16px;padding:2px 8px;border-radius:3px;line-height:1}.btn-remove:hover{background:#fee2e2}.tc-examples{grid-column:1 / -1;display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.kpi-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin:16px 0}.kpi-item{background:linear-gradient(135deg,var(--primary-dark, #001a4d),var(--primary, #062F87));border-radius:8px;padding:12px;text-align:center;color:#fff;border-bottom:3px solid var(--accent, #3B82F6)}.kpi-val{display:block;font-size:20px;font-weight:700;font-family:Oswald,sans-serif;color:#fff}.kpi-lbl{display:block;font-size:10px;opacity:.85;text-transform:uppercase;letter-spacing:.3px;margin-top:4px;color:#fff}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin-bottom:12px}.res-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:10px 12px}.res-label{font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.3px;font-weight:600}.res-val{font-size:16px;font-weight:700;color:#1e293b;font-family:Oswald,sans-serif;margin-top:2px}.section-title{font-size:12px;font-weight:700;color:var(--primary, #062F87);margin:12px 0 6px;padding-bottom:3px;border-bottom:1px solid #e2e8f0;text-transform:uppercase;letter-spacing:.4px}.tc-alerts{margin:12px 0;display:flex;flex-direction:column;gap:6px}.alert-card{padding:10px 14px;border-radius:6px;font-size:13px;font-family:Roboto,sans-serif}.alert-danger{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b}.alert-warning{background:#fffbeb;border:1px solid #fcd34d;color:#92400e}.alert-info{background:#eff6ff;border:1px solid #93c5fd;color:#1e40af}.alert-ok{background:#f0fdf4;border:1px solid #86efac;color:#166534}#tc-derivation{margin:10px 0}#tc-derivation details{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:10px 14px}#tc-derivation summary{font-weight:600;color:var(--primary, #062F87);cursor:pointer;font-size:13px}.derivation-content{margin-top:8px}.deriv-step{padding:3px 0;font-size:12px;color:#334155;font-family:Fira Code,Cascadia Code,monospace;line-height:1.6}#tc-svg{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px;margin:10px 0;min-height:120px;text-align:center}.tc-actions{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;grid-column:1 / -1}.btn{padding:8px 18px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;font-family:Fira Sans,sans-serif}.btn-primary{background:var(--primary, #062F87);color:#fff}.btn-primary:hover{background:var(--primary-dark, #001a4d)}.btn-outline{background:transparent;border:1px solid var(--primary, #062F87);color:var(--primary, #062F87)}.btn-outline:hover{background:var(--primary, #062F87);color:#fff}.btn-sm{padding:5px 12px;font-size:12px}.tc-history{margin:16px 0}@media(max-width:768px){#tc-form{grid-template-columns:1fr}.kpi-bar{grid-template-columns:repeat(3,1fr)}.result-grid{grid-template-columns:repeat(2,1fr)}.load-row{flex-wrap:wrap}}@media(max-width:480px){.kpi-bar{grid-template-columns:repeat(2,1fr)}.result-grid{grid-template-columns:1fr}}.lead-fields input:focus{outline:none;border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f626}.lead-fields input::placeholder{color:#94a3b8;font-size:11px}.lead-info{background:#f0fdf4;border:1px solid #86efac;border-radius:6px;padding:10px 14px;margin-bottom:12px}.lead-info table{width:100%;border-collapse:collapse;font-size:11px}.lead-info td{padding:2px 8px}.lead-info td:first-child{font-weight:600;color:#64748b;text-align:right;width:100px}.badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-right:8px}.badge-ok{background:#dcfce7;color:#166534}.badge-fail{background:#fef2f2;color:#991b1b;border:1px solid #fca5a5}