:root{--bg:#05060a;--card:rgba(30, 41, 59, 0.7);--card-solid:#1e293b;--accent:#3b82f6;--accent-glow:rgba(59, 130, 246, 0.5);--prod:#10b981;--qc:#f59e0b;--lab:#db2777;--danger:#ef4444;--text:#f1f5f9;--text-sub:#94a3b8;--border:rgba(255, 255, 255, 0.1);--glass:blur(20px) saturate(180%);--warning:#f59e0b;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 2px 8px rgba(0,0,0,0.3);--shadow-md:0 8px 24px rgba(0,0,0,0.4);--shadow-lg:0 20px 50px rgba(0,0,0,0.5);--gap-xs:6px;--gap-sm:8px;--gap-md:12px;--gap-lg:15px;--gap-xl:20px}*{box-sizing:border-box;font-family:Sarabun,sans-serif;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{background:radial-gradient(circle at top center,#1e293b 0,#0f172a 50%,#020617 100%);color:var(--text);min-height:100vh;min-height:100dvh;overflow-x:hidden;padding-bottom:50px;transition:background .5s ease;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}.overlay-container{position:fixed;inset:0;z-index:2000;background:radial-gradient(circle,#1e293b 0,#000 100%);display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:rgba(255,255,255,.05);backdrop-filter:var(--glass);-webkit-backdrop-filter:var(--glass);padding:2rem;border-radius:var(--radius-xl);border:1px solid var(--border);width:100%;max-width:420px;text-align:center;box-shadow:var(--shadow-lg);animation:floatUp .8s cubic-bezier(.2,.8,.2,1)}@keyframes floatUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logo-img{width:100px;height:auto;margin-bottom:10px;filter:drop-shadow(0 0 10px rgba(255,255,255,.2))}.gold-text{background:linear-gradient(to right,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;font-size:1.2rem;margin-bottom:20px;letter-spacing:1px}.inp-prem{width:100%;padding:14px;margin:8px 0;background:rgba(0,0,0,.3);border:1px solid var(--border);border-radius:var(--radius-md);color:#fff;font-size:1rem;outline:0;transition:.3s;text-align:center}.inp-prem:focus{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.btn-prem{width:100%;padding:14px;margin-top:20px;background:linear-gradient(90deg,var(--accent),#2563eb);border:none;border-radius:var(--radius-md);color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-prem:hover{transform:translateY(-2px);box-shadow:0 10px 25px var(--accent-glow)}.btn-prem:active{transform:translateY(0)}.btn-prem.loading{opacity:.7;pointer-events:none}#appContent{display:none;padding:var(--gap-lg);max-width:1440px;margin:0 auto}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--gap-lg);flex-wrap:wrap;gap:var(--gap-sm);position:sticky;top:0;z-index:100;background:rgba(5,6,10,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:10px 0;border-bottom:1px solid var(--border)}.brand{font-size:1.1rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:10px}.brand img{height:36px;width:auto}.user-pill{padding:5px 10px;background:rgba(255,255,255,.1);border-radius:50px;font-size:.8rem;display:flex;align-items:center;gap:6px;border:1px solid var(--border);white-space:nowrap;max-width:250px;overflow:hidden;text-overflow:ellipsis}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-md);margin-bottom:var(--gap-lg)}.bento-box{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--gap-lg);position:relative;overflow:hidden;backdrop-filter:blur(10px);transition:.3s}.bento-box:hover{border-color:rgba(255,255,255,.2)}.stat-label{font-size:.75rem;color:var(--text-sub);text-transform:uppercase;letter-spacing:.5px}.stat-val{font-size:1.8rem;font-weight:700;margin:4px 0 0 0;line-height:1}.menu-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:var(--gap-sm);margin-bottom:var(--gap-lg)}.menu-btn{background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px 6px;text-align:center;cursor:pointer;transition:.3s;font-size:.78rem;display:none}.menu-btn.active,.menu-btn:hover{background:rgba(255,255,255,.1);border-color:var(--accent);transform:translateY(-2px)}.menu-btn i{font-size:1.2rem;margin-bottom:5px;display:block;color:var(--accent)}.split-view{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-lg)}.action-panel{background:rgba(0,0,0,.2);border-radius:var(--radius-md);padding:var(--gap-lg);border:1px solid var(--border);min-width:0;overflow-x:hidden}.form-group{margin-bottom:var(--gap-md)}.form-label{display:block;margin-bottom:4px;color:var(--text-sub);font-size:.8rem}.form-input{width:100%;padding:10px;background:rgba(0,0,0,.4);border:1px solid var(--border);border-radius:var(--radius-sm);color:#fff;font-size:.9rem;outline:0;transition:.3s}.form-input:focus{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow)}select.form-input{appearance:none;cursor:pointer}select.form-input option{background:#1e293b;color:#fff}.badge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:8px}.badge-btn{padding:10px;background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-sub);cursor:pointer;text-align:center;font-weight:600;font-size:.85rem;transition:.2s}.badge-btn.selected,.badge-btn:hover{background:rgba(239,68,68,.15);border-color:var(--danger);color:var(--danger)}.live-clock{font-family:monospace;font-size:.8rem;color:var(--accent);background:rgba(0,0,0,.2);padding:3px 8px;border-radius:10px;display:inline-block;margin-bottom:10px;border:1px solid var(--border)}.data-table{width:100%;border-collapse:collapse;font-size:.8rem}.data-table th{text-align:left;padding:8px;color:var(--text-sub);border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--card-solid)}.data-table td{padding:8px;border-bottom:1px solid rgba(255,255,255,.05)}.po-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px}.po-input{text-align:center;border-color:var(--lab)}.po-result{background:var(--lab);color:#fff;font-weight:700;text-align:center;margin-top:4px;pointer-events:none}.chart-container{position:relative;height:220px;width:100%}.preview-modal-body{width:95%;max-width:800px;background:#1e293b;max-height:90vh;overflow-y:auto;border-radius:var(--radius-lg)}.preview-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:12px}.file-drop-area{border:2px dashed var(--border);border-radius:var(--radius-sm);padding:15px;text-align:center;cursor:pointer;transition:.3s}.file-drop-area:hover{border-color:var(--accent);background:rgba(255,255,255,.02)}.proj-goal-input{background:rgba(0,0,0,.3);border:1px solid var(--border);border-radius:6px;color:#60a5fa;width:70px;padding:2px 4px;font-size:.75rem;text-align:center;font-weight:700}.proj-goal-input:focus{border-color:#60a5fa;outline:0}.proj-mini-row{display:flex;gap:6px;margin-top:6px;font-size:.75rem;color:var(--text-sub);flex-wrap:wrap}.proj-mini-row span{font-weight:700}.danger-zone{border:2px solid #ef4444;background:rgba(239,68,68,.08);padding:15px;border-radius:var(--radius-md);margin-top:15px}.btn-danger{background:#ef4444;color:#fff;padding:8px;border:none;border-radius:var(--radius-sm);cursor:pointer;width:100%;margin-bottom:6px;font-weight:700}.btn-backup{background:#10b981;color:#fff;padding:8px;border:none;border-radius:var(--radius-sm);cursor:pointer;width:100%;margin-bottom:6px}.btn-warn{background:#f59e0b;color:#000;padding:8px;border:none;border-radius:var(--radius-sm);cursor:pointer;width:100%}.drc-tabs{display:flex;gap:5px;margin-bottom:var(--gap-md)}.drc-tab{flex:1;padding:9px 6px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.03);color:var(--text-sub);cursor:pointer;text-align:center;font-size:.8rem;transition:.3s;font-weight:600}.drc-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.drc-tab-content{display:none}.drc-tab-content.active{display:block}.sim-hero{background:linear-gradient(135deg,rgba(16,185,129,.15) 0,rgba(59,130,246,.15) 100%);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-lg);padding:18px;margin-bottom:14px;position:relative;overflow:hidden}.sim-hero::before{content:'';position:absolute;top:-30px;right:-30px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,.2) 0,transparent 70%)}.sim-hero h3{margin:0 0 4px 0;font-size:1.1rem;color:#34d399}.sim-hero p{margin:0;font-size:.78rem;color:var(--text-sub)}.sim-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap-sm);margin-bottom:14px}.sim-kpi{background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:10px;padding:10px;text-align:center;transition:.3s}.sim-kpi:hover{border-color:var(--accent);transform:translateY(-2px)}.sim-kpi .kpi-icon{font-size:1.3rem;margin-bottom:4px}.sim-kpi .kpi-val{font-size:1.2rem;font-weight:700;line-height:1.2}.sim-kpi .kpi-label{font-size:.65rem;color:var(--text-sub);text-transform:uppercase;letter-spacing:.3px;margin-top:2px}.sim-tabs{display:flex;gap:6px;margin-bottom:14px}.sim-tab{flex:1;padding:10px 8px;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.03);color:var(--text-sub);cursor:pointer;text-align:center;font-size:.82rem;transition:.3s;font-weight:600}.sim-tab.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b981}.sim-tab:hover:not(.active){background:rgba(255,255,255,.06);border-color:var(--accent)}.sim-tab-content{display:none}.sim-tab-content.active{display:block}.sim-section{background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;margin-bottom:var(--gap-md)}.sim-section h4{margin:0 0 10px 0;font-size:.9rem}.sim-result-card{background:linear-gradient(135deg,rgba(16,185,129,.1) 0,rgba(59,130,246,.08) 100%);border:1px solid rgba(16,185,129,.3);border-radius:var(--radius-md);padding:14px;margin-top:var(--gap-md)}.sim-result-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}.sim-result-row:last-child{border-bottom:none}.sim-result-label{font-size:.8rem;color:var(--text-sub)}.sim-result-val{font-size:1rem;font-weight:700}.sim-risk{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.sim-risk.safe{background:rgba(16,185,129,.2);color:#34d399;border:1px solid rgba(16,185,129,.3)}.sim-risk.warning{background:rgba(245,158,11,.2);color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.sim-risk.danger{background:rgba(239,68,68,.2);color:#f87171;border:1px solid rgba(239,68,68,.3)}.sim-weather-card{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap-sm);margin-top:8px}.sim-weather-opt{padding:10px;border-radius:10px;border:1px solid var(--border);background:rgba(255,255,255,.03);cursor:pointer;text-align:center;transition:.3s}.sim-weather-opt.active,.sim-weather-opt:hover{border-color:var(--accent);background:rgba(59,130,246,.1)}.sim-weather-opt .w-icon{font-size:1.5rem}.sim-weather-opt .w-label{font-size:.75rem;color:var(--text-sub);margin-top:4px}.sim-btn{width:100%;padding:12px;border:none;border-radius:10px;font-weight:700;font-size:.95rem;cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center;gap:8px}.sim-btn:hover{transform:translateY(-2px)}.sim-btn:active{transform:translateY(0)}.sim-btn.primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.sim-btn.secondary{background:rgba(255,255,255,.08);color:var(--text);border:1px solid var(--border)}.sim-btn.ghost{background:0 0;color:var(--text-sub);border:1px solid var(--border);font-size:.8rem;padding:8px}.sim-ref-bar{background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-sm);padding:8px 12px;margin-top:10px;font-size:.75rem;color:#93c5fd;display:flex;align-items:center;gap:6px}.str20-wrapper{color:#eaf0ff}.str20-card{background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--gap-md);margin-bottom:var(--gap-md);overflow-x:auto}.str20-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px;align-items:center}.str20-row input,.str20-row select{width:100%;padding:7px;border-radius:6px;border:1px solid var(--border);background:#0f152a;color:#fff;font-size:.85rem}.str20-btns{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.str20-btn{padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#1e293b;color:#fff;cursor:pointer;flex:1;white-space:nowrap;font-size:.85rem}.str20-primary{background:var(--accent);border:none}.str20-warn{background:var(--prod);border:none}.str20-table{width:100%;border-collapse:collapse;margin-top:10px;min-width:480px}.str20-table td,.str20-table th{border-bottom:1px solid var(--border);padding:6px;text-align:left;font-size:.8rem}.str20-badge.danger{background:var(--danger);color:#fff;padding:2px 6px;border-radius:4px;font-size:.7rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.25)}.kpi-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px;text-align:center;position:relative;overflow:hidden;backdrop-filter:blur(10px)}.kpi-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent)}.kpi-icon{font-size:1.5rem;margin-bottom:6px}.kpi-val{font-size:1.8rem;font-weight:800;line-height:1}.kpi-label{font-size:.7rem;color:var(--text-sub);text-transform:uppercase;margin-top:4px}.gauge-container{display:flex;justify-content:center;align-items:center;padding:20px 0}.gauge{position:relative;width:180px;height:90px;overflow:hidden}.gauge-bg,.gauge-fill{position:absolute;width:180px;height:180px;border-radius:50%;border:20px solid transparent}.gauge-bg{border-top-color:rgba(255,255,255,.1);transform:rotate(225deg);clip-path:polygon(0 0,100% 0,100% 50%,0 50%)}.gauge-fill{border-top-color:var(--prod);transform:rotate(225deg);clip-path:polygon(0 0,100% 0,100% 50%,0 50%);transition:transform 1s ease}.gauge-text{position:absolute;bottom:0;left:50%;transform:translateX(-50%);text-align:center}.pit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-bottom:20px}.pit-card{background:rgba(255,255,255,.03);border:2px solid var(--border);border-radius:12px;padding:12px;text-align:center;cursor:pointer;transition:.3s;position:relative}.pit-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.2)}.pit-card.active{border-color:var(--prod)}.pit-card.low{border-color:var(--warning)}.pit-bar{height:6px;border-radius:3px;background:rgba(255,255,255,.1);overflow:hidden;margin:8px 0}.pit-bar-fill{height:100%;border-radius:3px;transition:width .5s}.pit-status{position:absolute;top:8px;right:8px;width:10px;height:10px;border-radius:50%}.pit-card.active .pit-status{background:var(--prod);box-shadow:0 0 8px var(--prod)}.pit-card.low .pit-status{background:var(--warning);box-shadow:0 0 8px var(--warning)}.pareto-bar,.waterfall{display:flex;align-items:flex-end;gap:4px;height:160px;padding:10px 0}.pareto-item,.wf-bar{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.pareto-fill,.wf-fill{width:100%;border-radius:3px 3px 0 0;min-height:2px;transition:height .5s}.pareto-label,.wf-label{font-size:.55rem;color:var(--text-sub);margin-top:4px;text-align:center}.pareto-label{writing-mode:vertical-rl;height:40px}.calc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.calc-input label{display:block;font-size:.75rem;color:var(--text-sub);margin-bottom:4px}.calc-input input{width:100%;padding:10px;background:rgba(0,0,0,.3);border:1px solid var(--border);border-radius:8px;color:#fff;text-align:center;outline:0}.breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04)}.breakdown-bar{flex:1;margin:0 12px;height:8px;border-radius:4px;background:rgba(255,255,255,.05);overflow:hidden}.breakdown-bar-fill{height:100%;border-radius:4px}@media(max-width:360px){:root{font-size:14px}#appContent{padding:8px}.login-card{padding:1.2rem;border-radius:var(--radius-md)}.logo-img{width:80px}.gold-text{font-size:1rem}.inp-prem{padding:10px;font-size:.9rem}.bento-grid{grid-template-columns:1fr;gap:var(--gap-xs)}.stat-val{font-size:1.6rem}.menu-bar{grid-template-columns:repeat(3,1fr);gap:4px}.menu-btn{padding:8px 4px;font-size:.7rem;border-radius:var(--radius-sm)}.menu-btn i{font-size:1rem;margin-bottom:2px}.split-view{grid-template-columns:1fr}.sim-kpi-row{grid-template-columns:repeat(2,1fr)}.sim-tabs{flex-direction:column}.sim-weather-card{grid-template-columns:1fr}.drc-tabs{flex-direction:column}.str20-row{grid-template-columns:1fr 1fr}}@media(min-width:361px) and (max-width:480px){#appContent{padding:10px}.bento-grid{grid-template-columns:1fr}.stat-val{font-size:2rem}.menu-bar{grid-template-columns:repeat(3,1fr);gap:6px}.menu-btn{padding:8px 5px;font-size:.72rem}.menu-btn i{font-size:1.05rem}.split-view{grid-template-columns:1fr}.sim-kpi-row{grid-template-columns:repeat(2,1fr)}}@media(min-width:481px) and (max-width:768px){#appContent{padding:12px}.bento-grid{grid-template-columns:repeat(3,1fr)}.stat-val{font-size:1.5rem}.menu-bar{grid-template-columns:repeat(auto-fit,minmax(75px,1fr))}.split-view{grid-template-columns:1fr}.sim-kpi-row{grid-template-columns:repeat(4,1fr)}}@media(min-width:769px) and (max-width:1024px){.split-view{grid-template-columns:1fr 1fr;gap:var(--gap-md)}.bento-grid{grid-template-columns:repeat(3,1fr)}.stat-val{font-size:1.6rem}.menu-btn{padding:9px 6px;font-size:.76rem}.chart-container{height:200px}}@media(min-width:1025px){.stat-val{font-size:1.6rem}.bento-box{padding:12px 14px;border-radius:var(--radius-md)}.action-panel{padding:12px;border-radius:var(--radius-md)}.form-input{padding:8px;font-size:.85rem}.menu-btn{padding:8px 5px;font-size:.75rem;border-radius:10px}.menu-btn i{font-size:1.1rem;margin-bottom:3px}.split-view{gap:var(--gap-md)}.bento-grid{gap:10px}.data-table{font-size:.75rem}.data-table td,.data-table th{padding:6px}.chart-container{height:200px}.btn-prem{padding:10px;font-size:.9rem}.login-card{padding:1.5rem}.inp-prem{padding:10px}header{margin-bottom:10px}#appContent{padding:10px 15px}.drc-tab{padding:7px 4px;font-size:.75rem}}@media(min-width:1441px){#appContent{max-width:1600px;padding:var(--gap-xl)}.bento-grid{gap:var(--gap-lg)}.bento-box{padding:18px}.stat-val{font-size:2rem}.menu-bar{gap:var(--gap-md)}.menu-btn{padding:12px 8px;font-size:.82rem}.menu-btn i{font-size:1.3rem}.action-panel{padding:18px}.form-input{padding:11px;font-size:.92rem}.chart-container{height:260px}.split-view{gap:var(--gap-xl)}.sim-kpi .kpi-val{font-size:1.4rem}}@media(max-height:500px) and (orientation:landscape){.login-card{padding:1rem;max-width:500px}.logo-img{width:60px}.overlay-container{align-items:flex-start;padding-top:10px}.bento-grid{grid-template-columns:repeat(3,1fr)}.split-view{grid-template-columns:1fr 1fr}header{padding:6px 0;margin-bottom:8px}}@media print{body{background:#fff;color:#000}.btn-prem,.menu-bar,.menu-btn,.overlay-container,.sim-btn,header{display:none!important}#appContent{display:block!important;padding:0;max-width:100%}.action-panel,.bento-box,.sim-result-card,.sim-section{background:#fff;border:1px solid #ccc;color:#000;box-shadow:none;backdrop-filter:none}.sim-result-val,.stat-val{color:#000!important}}@supports(padding:max(0px)){#appContent{padding-left:max(var(--gap-lg),env(safe-area-inset-left));padding-right:max(var(--gap-lg),env(safe-area-inset-right))}}.report-tabs{display:flex;gap:5px;background:rgba(255,255,255,.05);padding:5px;border-radius:var(--radius-md);margin-bottom:20px;border:1px solid var(--border);overflow-x:auto;white-space:nowrap}.report-tab-btn{flex:1;padding:12px 15px;border:none;background:0 0;color:var(--text-sub);cursor:pointer;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem;transition:.3s;display:flex;align-items:center;justify-content:center;gap:8px}.report-tab-btn i{font-size:1rem}.report-tab-btn.active{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.report-tab-btn:hover:not(.active){background:rgba(255,255,255,.1);color:var(--text)}.drc-config-container,.drc-reconcile-container{background:0 0!important;color:var(--text)!important;padding:0!important;border:none!important}.drc-card-buyer,.drc-card-factory,.drc-config-container>div[style*="background:#FFFFFF"],.drc-reconcile-container>div[style*="background:#FFFFFF"],.drc-ticket{background:var(--card)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;box-shadow:none!important;color:var(--text)!important;backdrop-filter:blur(10px)}.drc-input-field{background:rgba(0,0,0,.4)!important;border:1px solid var(--border)!important;color:#fff!important}.drc-input-field:focus{outline:0;border-color:var(--accent)!important;box-shadow:0 0 12px var(--accent-glow)!important}.drc-input-field.optional{border:1px dashed var(--text-sub)!important;background:rgba(255,255,255,.05)!important}.drc-config-table,.drc-result-table{width:100%;border-collapse:collapse;margin-top:10px;border:1px solid var(--border)!important;background:0 0!important}.drc-config-table th,.drc-result-table th{padding:8px 10px;text-align:center;background:var(--card-solid)!important;color:var(--text-sub)!important;border:1px solid var(--border)!important}.drc-config-table td,.drc-result-table td{padding:8px 10px;border:1px solid rgba(255,255,255,.05)!important;color:var(--text)!important;background:0 0!important;font-weight:700;white-space:nowrap}.drc-result-table td:first-child{text-align:left}.drc-result-list{margin-top:12px;border:1px solid var(--border)!important;border-radius:8px;overflow:hidden;background:0 0!important}.drc-result-title{background:var(--card-solid);color:#fff;padding:6px;text-align:center;font-size:.85rem;font-weight:700}.drc-result-row{display:flex;justify-content:space-between;padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.05)!important;color:var(--text)!important;font-size:.85rem;font-weight:700}.drc-result-row:last-child{border-bottom:none!important}.drc-result-row:nth-child(2n){background:rgba(255,255,255,.02)!important}.drc-ticket{padding:12px!important}.drc-ticket>div:first-child{color:var(--text-sub)!important}.drc-ticket>div:nth-child(2){color:#fff!important}.tab-btn{flex:1;padding:.85rem .5rem;border-radius:12px;font-family:Sarabun,sans-serif;font-weight:800;font-size:.95rem;text-align:center;cursor:pointer;transition:all .12s;background:rgba(255,255,255,.05)!important;border:1px solid var(--border)!important;color:var(--text-sub)!important}.tab-active-buyer,.tab-active-factory,.tab-btn.active{background:var(--accent)!important;color:#fff!important;box-shadow:none!important;border-color:var(--accent)!important}.drc-config-container [style*="color:#000"],.drc-config-container [style*="color:#1e293b"],.drc-reconcile-container [style*="color:#000"],.drc-reconcile-container [style*="color:#1E293B"],.drc-reconcile-container [style*="color:#1e293b"]{color:var(--text)!important}.drc-config-container [style*="background:#F8FAFC"],.drc-config-container [style*="background:#FAF9F5"],.drc-reconcile-container [style*="background:#FAF9F5"]{background:0 0!important}#summaryBox{background:rgba(0,0,0,.3)!important;border:1px solid var(--border)!important}#summaryText{color:var(--accent)!important}.drc-tickets-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:15px}@media(min-width:1024px){.drc-sub-tabs{display:none!important}#drcReconcileSplitView{display:grid!important;grid-template-columns:1fr 1fr!important;gap:var(--gap-md)}#panelBuyer,#panelFactory{display:block!important;margin-bottom:0!important}}@media(max-width:1023.5px){.drc-sub-tabs{display:flex!important}#drcReconcileSplitView{display:block!important}#panelBuyer,#panelFactory{display:none}#panelBuyer.active,#panelFactory.active{display:block!important}.drc-tickets-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.drc-ticket{padding:8px 10px!important}.drc-ticket>div:first-child{font-size:.65rem!important;line-height:1.2}.drc-ticket>div:nth-child(2){font-size:1.15rem!important;margin:2px 0!important}.drc-ticket>div:last-child{font-size:.62rem!important;line-height:1.2}.drc-result-table td:first-child,.drc-result-table th:first-child{position:sticky;left:0;z-index:5;background:var(--card-solid)!important;max-width:90px;width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:2px 0 5px rgba(0,0,0,.5);transition:all .25s ease}.drc-result-table td:first-child:active,.drc-result-table td:first-child:hover,.drc-result-table th:first-child:active,.drc-result-table th:first-child:hover{max-width:200px;width:200px;overflow:visible;box-shadow:4px 0 10px rgba(0,0,0,.8);z-index:10}}@media(min-width:1024px){.drc-config-tabs{display:none!important}.cfg-row-center,.cfg-row-left,.cfg-row-right{display:table-row!important}}@media(max-width:1023.5px){.drc-config-tabs{display:flex!important}#drcConfigTableBody.tab-left .cfg-row-center,#drcConfigTableBody.tab-left .cfg-row-right{display:none!important}#drcConfigTableBody.tab-center .cfg-row-left,#drcConfigTableBody.tab-center .cfg-row-right{display:none!important}#drcConfigTableBody.tab-right .cfg-row-center,#drcConfigTableBody.tab-right .cfg-row-left{display:none!important}#drcConfigTableBody.tab-center .cfg-row-center,#drcConfigTableBody.tab-left .cfg-row-left,#drcConfigTableBody.tab-right .cfg-row-right{display:table-row!important}}.text-red-700{color:var(--danger)!important}.text-emerald-700{color:var(--prod)!important}.text-slate-500,.text-slate-600{color:var(--text-sub)!important}.text-blue-900,.text-slate-900,.text-violet-900{color:#fff!important}.font-extrabold{font-weight:800!important}.font-black{font-weight:900!important}.drc-config-container{background:#faf9f5;color:#000;padding:15px;border-radius:12px;border:3px solid #1e293b;font-weight:700}@media(min-width:1024px){.drc-config-tabs{display:none!important}.cfg-row-center,.cfg-row-left,.cfg-row-right{display:table-row!important}}@media(max-width:1023.5px){.drc-config-tabs{display:flex!important}#drcConfigTableBody.tab-left .cfg-row-center,#drcConfigTableBody.tab-left .cfg-row-right{display:none!important}#drcConfigTableBody.tab-center .cfg-row-left,#drcConfigTableBody.tab-center .cfg-row-right{display:none!important}#drcConfigTableBody.tab-right .cfg-row-center,#drcConfigTableBody.tab-right .cfg-row-left{display:none!important}#drcConfigTableBody.tab-left .cfg-row-left{display:table-row!important}#drcConfigTableBody.tab-center .cfg-row-center{display:table-row!important}#drcConfigTableBody.tab-right .cfg-row-right{display:table-row!important}}