.app-container{text-align:center;margin-top:60px;font-family:Segoe UI,Arial,sans-serif;color:#222}.info-box{margin:20px auto;background:#f7f7f7;border-radius:8px;padding:15px;width:320px;text-align:left;box-shadow:0 0 6px #0000001a}.info-box ul{list-style:none;padding:0}.info-box li{padding:5px 0}a{text-decoration:none;color:#06c;font-weight:500}a:hover{text-decoration:underline}:root{--floor-rail:104px}.layout{min-height:100vh;background:#fbfaf6;font-family:Segoe UI,Arial,sans-serif}.content{margin-left:var(--floor-rail);min-height:100vh;padding:0;background:radial-gradient(circle at 25% 0,#fffdf7 0,#fbfaf6 52%,#f8f6ef);overflow:auto}.floor-sidebar{position:fixed;inset:0 auto 0 0;z-index:1000;width:var(--floor-rail);display:flex;flex-direction:column;background:linear-gradient(180deg,#172027,#11181e);box-shadow:5px 0 18px #141b1f26}.floor-menu-mark{height:96px;display:grid;place-items:center;color:#fff;font-size:30px;border-bottom:1px solid rgba(255,255,255,.08)}.floor-sidebar nav{display:flex;flex-direction:column;flex:1}.floor-sidebar a,.floor-sidebar button{position:relative;min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:0;background:transparent;color:#d5dadd;text-decoration:none;font:inherit;cursor:pointer}.floor-sidebar a span,.floor-sidebar button span{font-size:26px;line-height:1}.floor-sidebar a small,.floor-sidebar button small{font-size:10px;font-weight:600}.floor-sidebar a:hover,.floor-sidebar button:hover{background:#ffffff0d;color:#fff}.floor-sidebar a.active{color:#fff;background:linear-gradient(90deg,#e0491f42,#e0491f0a)}.floor-sidebar a.active:before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:5px;border-radius:0 5px 5px 0;background:#e34c22}.floor-sidebar a.active span{color:#f06438}.floor-sidebar a.secondary{margin-top:auto}.floor-sidebar-bottom{border-top:1px solid rgba(255,255,255,.08)}.floor-sidebar-bottom a,.floor-sidebar-bottom button{min-height:74px;width:100%}.floor-mobile-toggle,.floor-overlay{display:none}@media(max-width:900px){.content{margin-left:0;padding-top:58px}.floor-mobile-toggle{position:fixed;z-index:1100;left:12px;top:10px;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:8px;background:#172027;color:#fff;font-size:22px}.floor-sidebar{transform:translate(-100%);transition:transform .25s}.floor-sidebar.open{transform:translate(0)}.floor-overlay{display:block;position:fixed;inset:0;z-index:999;background:#0e141859}}.workflow-topbar{height:88px;display:flex;align-items:center;gap:28px;padding:0 30px;border-bottom:1px solid #e8dfd1;background:#fffdf8f5;color:#222a30}.workflow-brand{display:flex;align-items:center;gap:12px;margin-right:auto}.workflow-brand>span{width:42px;height:42px;display:grid;place-items:center;border-radius:7px;background:#d94b24;color:#fff;font-size:14px;font-weight:800}.workflow-brand strong,.workflow-brand small{display:block}.workflow-brand strong{font-size:17px;line-height:1.25}.workflow-brand small,.workflow-shift small,.workflow-operator small,.workflow-clock small{color:#737b80;font-size:10px;line-height:1.35}.workflow-shift{min-width:128px;padding:10px 15px;border:1px solid #eadfce;border-radius:9px;background:#fff8ed}.workflow-shift b,.workflow-shift small{display:block}.workflow-shift b{color:#d94b24;font-size:14px}.workflow-status{display:flex;align-items:center;gap:10px;padding:0 4px}.workflow-status i{width:10px;height:10px;border-radius:50%;background:#27a457;box-shadow:0 0 0 4px #27a45714}.workflow-status span,.workflow-status strong{display:block;font-size:10px;line-height:1.35}.workflow-status strong{color:#21894a;font-size:12px}.workflow-operator{min-width:112px;padding-left:24px;border-left:1px solid #e8dfd1}.workflow-operator strong,.workflow-operator small{display:block}.workflow-operator strong{font-size:13px;line-height:1.35}.workflow-clock{display:flex;align-items:center;gap:10px;padding-left:24px;border-left:1px solid #e8dfd1;font-size:15px}.workflow-clock span,.workflow-clock small{display:block}.workflow-clock>span{font-size:11px;font-weight:650}.workflow-clock small{display:flex;align-items:center;gap:4px;margin-top:4px}@media(max-width:1100px){.workflow-topbar{gap:16px;padding:0 18px}.workflow-operator,.workflow-clock{padding-left:14px}.workflow-shift{min-width:auto}}@media(max-width:900px){.workflow-topbar{display:none}}.raw-material-container{padding:24px;width:100%;box-sizing:border-box}.raw-material-container h2{font-size:1.8rem;font-weight:700;color:#0f172a;margin-bottom:24px;letter-spacing:-.02em}.selector-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.selector-group select:disabled{background-color:#f1f5f9;color:#94a3b8;cursor:not-allowed}.color-picker-wrapper{display:flex;align-items:center;gap:10px;height:42px}.color-input-dot{width:42px!important;height:42px!important;padding:0!important;border:1px solid #cbd5e1!important;border-radius:50%!important;cursor:pointer;background:none!important;overflow:hidden}.color-input-dot::-webkit-color-swatch-wrapper{padding:0}.color-input-dot::-webkit-color-swatch{border:none}.color-text-input{flex:1}.file-upload-wrapper{display:flex;align-items:center;gap:12px;height:42px}.file-upload-wrapper input[type=file]{font-size:13px;color:#64748b;cursor:pointer}.color-image-thumbnail img{width:42px;height:42px;object-fit:cover;border:1px solid #cbd5e1;border-radius:4px}.raw-material-container .preview-visual-banner{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;background:#f8fafc;padding:16px;border:1px solid #cbd5e1;border-radius:6px;align-items:center}.raw-material-container .visual-half{display:flex;flex-direction:column;align-items:center;text-align:center}.raw-material-container .visual-tag{font-size:10px;font-weight:700;text-transform:uppercase;color:#94a3b8;margin-bottom:10px;letter-spacing:.05em}.raw-material-container .visual-content{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.raw-material-container .visual-content img{width:100px;height:100px;object-fit:contain;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:4px;box-shadow:0 1px 3px #0000000a}.raw-material-container .visual-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100px;width:100px;border:1px dashed #cbd5e1;border-radius:6px;background:#fff;color:#94a3b8;font-size:10px}.raw-material-container .visual-placeholder .ph-icon{font-size:20px;margin-bottom:4px}.raw-material-container .visual-divider{width:1px;background-color:#e2e8f0;align-self:stretch}.preview-row{display:flex;gap:16px}.preview-block{flex:1;display:flex;flex-direction:column;gap:8px}.block-title{font-size:10px;font-weight:700;text-transform:uppercase;color:#94a3b8;letter-spacing:.05em}.badge-teal{background:#ccfbf1;color:#0f766e}.placeholder-text{font-size:13px;color:#94a3b8;font-style:italic}.color-preview-block{display:flex;align-items:center;gap:8px}.color-preview-swatch{width:24px;height:24px;border:1px solid #cbd5e1;border-radius:50%}.color-hex{font-size:13px;font-family:monospace;color:#334155;font-weight:600}.color-image-preview img{width:40px;height:40px;object-fit:cover;border:1px solid #e2e8f0;border-radius:4px}.stat-value.text-danger{color:#ef4444}.toggle-filter{display:flex;gap:10px;margin-bottom:24px}.toggle-btn{padding:8px 16px;font-size:13px;font-weight:600;border:1px solid #cbd5e1;background:#fff;color:#475569;border-radius:6px;cursor:pointer;transition:all .2s ease}.toggle-btn.active{background:#059669;color:#fff;border-color:#059669}.btn-edit{background:#3b82f6;color:#fff;padding:6px 12px;font-size:12px;margin-right:8px}.btn-edit:hover{background:#2563eb}.btn-delete{background:#ef4444;color:#fff;padding:6px 12px;font-size:12px}.btn-delete:hover{background:#dc2626}@media(max-width:640px){.selector-grid,.form-row{grid-template-columns:1fr;gap:15px}}.raw-material-container,.production-container,.packet-production-container,.packet-sales-container{--work-accent: #d94b24;--work-accent-soft: #fff1e8;--work-accent-dark: #ad3518;width:100%;min-height:100vh;box-sizing:border-box;padding:30px 26px 46px;color:#20272d;background:linear-gradient(rgba(224,216,202,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(224,216,202,.15) 1px,transparent 1px),#fbfaf6;background-size:34px 34px;font-family:Segoe UI,Arial,sans-serif}.production-container{--work-accent: #c99a00;--work-accent-soft: #fff8dc;--work-accent-dark: #8c6b00}.packet-production-container{--work-accent: #078d76;--work-accent-soft: #e8f8f4;--work-accent-dark: #056b5a}.packet-sales-container{--work-accent: #e15a27;--work-accent-soft: #fff0e8;--work-accent-dark: #b73e16}.raw-material-container>h2,.production-container>h2,.packet-production-container>h2,.packet-sales-container>h2{position:relative;display:flex;align-items:center;min-height:62px;margin:-30px -26px 22px;padding:0 26px 0 34px;color:#1c242a;background:#fffdf8f2;border-bottom:1px solid #e8dfd1;font-size:25px;font-weight:750;letter-spacing:-.025em}.raw-material-container>h2:before,.production-container>h2:before,.packet-production-container>h2:before,.packet-sales-container>h2:before{content:"";position:absolute;left:20px;width:5px;height:28px;border-radius:5px;background:var(--work-accent)}.tab-buttons{display:inline-flex;gap:3px;margin:0 0 20px;padding:4px;border:1px solid #e4dbcd;border-radius:9px;background:#f6f1e9;box-shadow:none}.tab-btn{min-width:130px;padding:9px 17px;color:#6c7479;border:0;border-radius:7px;background:transparent;font-size:12px;font-weight:650}.tab-btn.active{color:var(--work-accent-dark);background:#fffdf9;box-shadow:0 2px 7px #57412714}.entry-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px;align-items:start;padding:0;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.form-column{gap:14px}.flat-section,.sticky-preview-panel,.form-card{position:relative;padding:19px;border:1px solid #e7ded1;border-radius:12px;background:#fffdf9f7;box-shadow:0 5px 18px #4f3a200b;-webkit-backdrop-filter:none;backdrop-filter:none}.flat-section:before{content:"";position:absolute;left:0;top:18px;width:4px;height:28px;border-radius:0 4px 4px 0;background:var(--work-accent)}.flat-section h3,.sticky-preview-panel h3,.form-card h3{margin:0 0 17px;color:#333c42;font-size:12px;font-weight:750;letter-spacing:.065em;text-transform:uppercase}.flat-section h3{padding-left:5px}.sticky-preview-panel{position:sticky;top:18px;border-top:4px solid var(--work-accent)}.selector-grid,.form-row{gap:14px;margin-bottom:14px}.selector-group label,.form-group label{margin-bottom:6px;color:#545e65;font-size:11px;font-weight:700}.selector-group select,.form-group select,.form-group input[type=text],.form-group input[type=number]{box-sizing:border-box;min-height:42px;padding:9px 12px;color:#222b31;border:1px solid #d9cfc1;border-radius:7px;background:#fffdf9;font-size:12px}.selector-group select:focus,.form-group select:focus,.form-group input[type=text]:focus,.form-group input[type=number]:focus{border-color:var(--work-accent);background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--work-accent) 14%,transparent)}.selector-input-wrapper{gap:9px}.mini-preview-thumbnail{width:54px;height:54px;flex-basis:54px;border-color:#e1d6c8;border-radius:8px;background:#fff}.file-upload-wrapper{height:auto;min-height:42px;padding:7px 9px;border:1px dashed #d8c8b6;border-radius:7px;background:#faf6ef}.form-actions{margin-top:15px;padding-top:15px;border-top:1px solid #eee6db}.btn,.btn-save,.btn-reset{min-height:39px;padding:9px 17px;border-radius:7px;font-size:11px;font-weight:750}.btn-save{background:var(--work-accent);color:#fff}.btn-save:hover{background:var(--work-accent-dark)}.btn-reset{color:#5e666c;border:1px solid #ddd2c4;background:#f8f4ed}.preview-summary-card{margin-top:0}.raw-material-container .preview-visual-banner,.production-container .preview-visual-banner,.packet-production-container .preview-visual-banner,.packet-sales-container .preview-visual-banner{padding:13px;border:1px solid #e2d6c7;border-radius:9px;background:#faf6ef}.raw-material-container .visual-content img,.packet-production-container .visual-content img{width:88px;height:88px;border-color:#e4dbcf;border-radius:8px}.production-container .visual-content img,.packet-sales-container .visual-content img{width:118px;height:118px;border-color:#e4dbcf;border-radius:8px}.raw-material-container .visual-placeholder,.packet-production-container .visual-placeholder{width:88px;height:88px;border-color:#d9cbb9;background:#fffdf9}.production-container .visual-placeholder,.packet-sales-container .visual-placeholder{width:118px!important;height:118px!important;border-color:#d9cbb9;background:#fffdf9}.visual-tag,.block-title,.stat-label{color:#8c8175!important}.badge{color:var(--work-accent-dark);background:var(--work-accent-soft);border-radius:6px}.preview-divider{border-color:#eee5d9}.stat-value.text-success{color:#078d76}.form-card{overflow-x:auto}.toggle-filter{margin-bottom:15px}.toggle-btn{padding:8px 13px;color:#655f58;border:1px solid #ded3c6;border-radius:7px;background:#fffdf9;font-size:11px}.toggle-btn.active{color:#fff;border-color:var(--work-accent);background:var(--work-accent)}.product-table{min-width:760px;margin-top:10px;font-size:11px}.product-table th{padding:11px 12px;color:#777f83;border-bottom:1px solid #dfd4c7;background:#faf6ef;font-size:9px;letter-spacing:.06em}.product-table td{padding:11px 12px;color:#414b51;border-bottom:1px solid #eee6db}.product-table tr:hover td{color:#242c31;border-color:#eadccc;background:#fff9f1}.clickable-thumbnail{border-radius:7px!important;box-shadow:none}.clickable-thumbnail:hover{transform:scale(1.04);border-color:var(--work-accent)!important}.btn-edit{background:#078d76}.btn-delete{background:#d94b24}@media(max-width:1100px){.entry-dashboard{grid-template-columns:1fr}.preview-column,.sticky-preview-panel{position:static}}@media(max-width:640px){.raw-material-container,.production-container,.packet-production-container,.packet-sales-container{padding:18px 12px 30px}.raw-material-container>h2,.production-container>h2,.packet-production-container>h2,.packet-sales-container>h2{margin:-18px -12px 16px;padding-left:28px;font-size:20px}.flat-section,.sticky-preview-panel,.form-card{padding:14px}.selector-grid,.form-row{grid-template-columns:1fr}.tab-buttons{width:100%}.tab-btn{flex:1;min-width:0}}.raw-material-container{position:relative;padding:22px 22px 38px;background:#fbfaf7;--intake-orange: #e64b18;--intake-orange-dark: #c93b11;--intake-border: #eadfd1;--intake-muted: #75808a}.raw-material-container>h2{display:none}.intake-page-title{display:flex;align-items:center;gap:12px;min-height:58px;margin-bottom:14px}.intake-page-title>span{width:38px;height:42px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #f1cbb8;border-radius:8px;background:#fff2ea;color:var(--intake-orange);font-size:10px;font-weight:800}.intake-page-title h1{margin:0;color:#172027;font-size:29px;font-weight:760;letter-spacing:-.035em}.intake-page-title p{margin:3px 0 0;color:#69747d;font-size:12px}.raw-material-container>.tab-buttons{position:absolute;top:29px;right:22px;z-index:3;margin:0;padding:0;border:0;background:transparent}.raw-material-container>.tab-buttons .tab-btn:first-child{display:none}.raw-material-container>.tab-buttons .tab-btn:first-child:not(.active){display:block;min-width:auto;padding:9px 13px;color:#263039;border:1px solid #efc8b5;border-radius:7px;background:#fffdf9;box-shadow:0 2px 8px #6543270a;font-size:12px;font-weight:750}.raw-material-container>.tab-buttons .tab-btn:last-child.active{display:none}.raw-material-container>.tab-buttons .tab-btn:last-child{min-width:auto;padding:9px 13px;color:#263039;border:1px solid #efc8b5;border-radius:7px;background:#fffdf9;box-shadow:0 2px 8px #6543270a;font-size:12px;font-weight:750}.raw-material-container .entry-dashboard{display:grid;grid-template-columns:235px minmax(0,1fr) 365px;gap:14px;align-items:stretch}.intake-stepper,.raw-material-container .form-column,.raw-material-container .sticky-preview-panel,.intake-recent-ledger{border:1px solid var(--intake-border);border-radius:11px;background:#fffdf9;box-shadow:0 5px 18px #4f3a2009}.intake-stepper{padding:14px 9px}.intake-step{position:relative;display:flex;gap:10px;min-height:88px;box-sizing:border-box;padding:12px 8px}.intake-step:not(:last-child):after{content:"";position:absolute;left:23px;top:48px;bottom:-19px;border-left:1px dashed #cfc5b8}.intake-step b{position:relative;z-index:1;width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #d8cec1;border-radius:50%;background:#f4f1eb;color:#374047;font-size:14px}.intake-step strong,.intake-step small{display:block}.intake-step strong{margin-top:2px;color:#273038;font-size:12px;line-height:1.35}.intake-step small{margin-top:4px;color:var(--intake-muted);font-size:10px;line-height:1.4}.intake-step.active{border:1px solid #efc7b3;border-radius:8px;background:#fff7f0}.intake-step.active b{border-color:var(--intake-orange);background:var(--intake-orange);color:#fff}.intake-step.active strong{color:var(--intake-orange-dark)}.raw-material-container .form-column{display:block;overflow:hidden}.raw-material-container .flat-section{padding:17px 20px 16px;border:0;border-radius:0;background:transparent;box-shadow:none}.raw-material-container .flat-section+.flat-section{border-top:1px solid #eee5da}.raw-material-container .flat-section:before{display:none}.raw-material-container .flat-section h3,.raw-material-container .sticky-preview-panel h3{margin:0 0 14px;color:var(--intake-orange-dark);font-size:12px;font-weight:800;letter-spacing:.025em}.raw-material-container .product-part-section h3:before{content:"1.  "}.raw-material-container .details-section h3:before{content:"3.  "}.raw-material-container .selector-grid,.raw-material-container .form-row{gap:14px;margin-bottom:12px}.raw-material-container .selector-group label,.raw-material-container .form-group label{margin-bottom:5px;color:#39434b;font-size:11px;font-weight:700}.raw-material-container .selector-group select,.raw-material-container .form-group select,.raw-material-container .form-group input[type=text],.raw-material-container .form-group input[type=number]{min-height:42px;padding:9px 12px;border-color:#d9d0c5;border-radius:6px;background:#fff;font-size:12px}.raw-material-container .selector-input-wrapper{gap:7px}.raw-material-container .mini-preview-thumbnail{width:44px;height:44px;flex-basis:44px;border-radius:6px}.raw-material-container .file-upload-wrapper{min-height:72px;padding:9px 11px;border:1px dashed #c9cfd3;border-radius:6px;background:#fafbfd}.raw-material-container .file-upload-wrapper input[type=file]{font-size:11px}.raw-material-container .form-actions{display:grid;grid-template-columns:minmax(180px,1.25fr) 1fr;gap:10px;margin-top:9px;padding-top:13px}.raw-material-container .form-actions .btn{min-height:43px;font-size:12px}.raw-material-container .form-actions .btn-save{background:var(--intake-orange)}.raw-material-container .form-actions .btn-save:hover{background:var(--intake-orange-dark)}.raw-material-container .preview-column{height:100%}.raw-material-container .sticky-preview-panel{position:static;height:100%;box-sizing:border-box;padding:17px 14px;border-top:1px solid var(--intake-border)}.raw-material-container .sticky-preview-panel h3{padding-bottom:12px;border-bottom:1px solid #eee5da}.raw-material-container .preview-visual-banner{grid-template-columns:1fr 1fr;gap:8px;padding:10px;border-color:#eadfd1;background:#fffaf4}.raw-material-container .visual-divider{display:none}.raw-material-container .visual-half{min-width:0}.raw-material-container .visual-tag,.raw-material-container .block-title,.raw-material-container .stat-label{font-size:9px;letter-spacing:.035em}.raw-material-container .visual-placeholder{min-height:96px;padding:7px;font-size:9px}.raw-material-container .visual-content img{height:84px}.raw-material-container .preview-row,.raw-material-container .preview-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.raw-material-container .preview-block,.raw-material-container .stat-box{min-width:0}.raw-material-container .placeholder-text,.raw-material-container .operator-name,.raw-material-container .color-hex{font-size:10px}.raw-material-container .stat-value{font-size:18px}.intake-recent-ledger{margin-top:15px;overflow:hidden}.intake-ledger-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #eee5da}.intake-ledger-head strong,.intake-ledger-head small{display:block}.intake-ledger-head strong{color:#273038;font-size:17px}.intake-ledger-head small{margin-top:4px;color:var(--intake-muted);font-size:12px}.intake-ledger-head button{padding:10px 14px;border:1px solid #ecc5b2;border-radius:6px;background:#fff9f4;color:var(--intake-orange-dark);font-size:12px;font-weight:750;cursor:pointer}.intake-ledger-scroll{overflow-x:auto}.intake-recent-ledger .product-table{min-width:900px;margin:0}.intake-recent-ledger .product-table th{padding:14px 16px;font-size:11px;letter-spacing:.05em}.intake-recent-ledger .product-table td{height:62px;padding:12px 16px;font-size:12px}.intake-ledger-image{width:42px;height:42px;object-fit:cover;border:1px solid #e3d7ca;border-radius:5px;cursor:pointer}.intake-saved-status{display:inline-block;padding:6px 10px;border-radius:5px;background:#e8f5e9;color:#278048;font-size:11px;font-weight:750}@media(max-width:1320px){.raw-material-container .entry-dashboard{grid-template-columns:185px minmax(0,1fr) 300px}}@media(max-width:1120px){.raw-material-container .entry-dashboard{grid-template-columns:1fr}.intake-stepper{display:grid;grid-template-columns:repeat(4,1fr)}.intake-step{min-height:auto}.intake-step:after{display:none}.raw-material-container>.tab-buttons{position:static;margin-bottom:12px}.raw-material-container>.tab-buttons .tab-btn:first-child{display:block}}@media(max-width:700px){.raw-material-container{padding:14px 10px 30px}.intake-page-title h1{font-size:20px}.intake-stepper,.raw-material-container .selector-grid,.raw-material-container .form-row,.raw-material-container .form-actions{grid-template-columns:1fr}}.packet-production-container{padding:24px;width:100%;box-sizing:border-box;font-family:Outfit,Segoe UI,sans-serif;color:#1e293b;display:flex;flex-direction:column;gap:24px}.packet-assembly-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;padding-bottom:18px}.brand-badge{font-size:32px;background:#f8fafc;border:1px solid #e2e8f0;width:54px;height:54px;display:grid;place-items:center;border-radius:12px}.history-toggle-btn{background:#0f172a;color:#fff;border:none;padding:10px 18px;border-radius:8px;font-weight:600;font-size:13.5px;cursor:pointer;transition:all .2s ease}.history-toggle-btn:hover{background:#1e293b}.packet-assembly-layout{display:grid;grid-template-columns:240px 1fr 380px;gap:20px;align-items:start}.assembly-stepper{display:flex;flex-direction:column;gap:20px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px 16px;box-shadow:0 1px 3px #00000005}.stepper-step{display:flex;align-items:flex-start;gap:12px;position:relative;padding:10px 12px;border-radius:8px;transition:all .2s ease}.stepper-step.active{background:#f0f9ff;border:1.5px solid #bae6fd}.stepper-step:not(:last-child):after{content:"";position:absolute;left:28px;top:48px;bottom:-22px;border-left:1.5px dashed #cbd5e1;z-index:0}.step-circle{position:relative;z-index:1;width:30px;height:30px;border-radius:50%;border:1.5px solid #cbd5e1;background:#f8fafc;display:grid;place-items:center;font-weight:700;font-size:13px;color:#64748b;flex-shrink:0;transition:all .2s ease}.stepper-step.active .step-circle{border-color:#0284c7;background:#0284c7;color:#fff}.stepper-step.completed .step-circle{border-color:#0d9488;background:#0d9488;color:#fff}.stepper-step.active .step-text strong{color:#0369a1}.assembly-main-column{display:flex;flex-direction:column;gap:20px}.assembly-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.assembly-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000003;overflow:hidden;display:flex;flex-direction:column}.assembly-card .card-header{padding:16px 20px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center}.assembly-card .card-header.space-between{justify-content:space-between}.assembly-card .card-header h3{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#475569;margin:0}.assembly-card .card-body{padding:20px;flex:1}.assembly-card .card-body.no-padding{padding:0}.assembly-card .card-footer{padding:12px 20px;background:#f8fafc;border-top:1px solid #f1f5f9;text-align:right}.select-placeholder-body{display:flex;flex-direction:column;gap:12px}.select-placeholder-body label{font-size:12.5px;font-weight:600;color:#64748b}.select-placeholder-body select{padding:10px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:13.5px;color:#1e293b;background-color:#f8fafc;outline:none}.select-placeholder-body select:focus{border-color:#0284c7;background-color:#fff}.placeholder-details{margin-top:14px;display:flex;flex-direction:column;gap:6px;border-top:1px dashed #e2e8f0;padding-top:14px}.placeholder-details p{margin:0;font-size:13px;color:#64748b}.placeholder-details .dim{color:#cbd5e1;font-weight:700}.card-msg-placeholder{display:grid;place-items:center;height:100%;min-height:120px;text-align:center}.card-msg-placeholder p{font-size:13px;color:#94a3b8;margin:0}.selected-detail-body{display:flex;gap:16px;align-items:center}.detail-visual{width:90px;height:90px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;display:grid;place-items:center;padding:4px;flex-shrink:0}.detail-visual img{max-width:100%;max-height:100%;object-fit:contain}.detail-placeholder{font-size:32px;color:#94a3b8}.detail-info{display:flex;flex-direction:column;gap:6px;flex:1}.info-row{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;border-bottom:1px solid #f8fafc;padding-bottom:3px}.info-label{color:#64748b}.info-val{color:#1e293b;font-weight:500}.color-theme-dots{display:flex;gap:5px}.theme-dot{width:10px;height:10px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.05)}.change-btn{background:transparent;border:1px solid #cbd5e1;color:#475569;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.change-btn:hover{background:#f1f5f9;color:#0f172a;border-color:#94a3b8}.bom-status-badge{font-size:11px;padding:4px 10px;border-radius:20px;font-weight:600}.bom-status-badge.success{background:#e6f4ea;color:#137333}.bom-status-badge.warning{background:#fef7e0;color:#b06000}.bom-table-wrapper{overflow-x:auto}.bom-table{width:100%;border-collapse:collapse;font-size:13px}.bom-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-weight:600;padding:12px 16px;text-align:left}.bom-table td{padding:12px 16px;border-bottom:1px solid #f1f5f9;color:#334155}.bom-product-thumb{width:46px;height:46px;object-fit:cover;border-radius:8px;border:1px solid #cbd5e1;background:#fff;display:block}.bom-product-thumb-placeholder{display:grid;place-items:center;color:#94a3b8;font-size:12px;font-weight:700}.bom-table tr:last-child td{border-bottom:none}.bom-table code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-size:12px;color:#475569}.text-danger-stock{color:#dc2626;font-weight:700}.text-success-stock{color:#059669;font-weight:600}.assembly-ticket-column{position:sticky;top:24px}.assembly-ticket{background:#fff;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 4px 12px #00000008;display:flex;flex-direction:column;overflow:hidden}.assembly-ticket .ticket-header{padding:16px 20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.assembly-ticket .ticket-header h3{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#1e293b;margin:0}.ticket-status{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase}.ticket-status.draft{background:#e2e8f0;color:#475569}.ticket-status.ready{background:#d1fae5;color:#065f46}.ticket-status.warning{background:#fee2e2;color:#991b1b}.assembly-ticket .ticket-body{padding:20px;display:flex;flex-direction:column;gap:16px}.ticket-visual-preview{width:100%;height:150px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;display:grid;place-items:center;padding:8px}.ticket-visual-preview img{max-width:100%;max-height:100%;object-fit:contain}.preview-empty{font-size:42px;color:#cbd5e1}.ticket-specs{display:flex;flex-direction:column;gap:8px}.ticket-spec-row{display:flex;justify-content:space-between;font-size:13px}.ticket-spec-row span{color:#64748b}.ticket-spec-row strong{color:#1e293b;font-weight:600}.ticket-divider{border:none;border-top:1px solid #f1f5f9;margin:4px 0}.ticket-field{display:flex;flex-direction:column;gap:6px}.ticket-field label{font-size:12.5px;font-weight:600;color:#475569}.ticket-field input[type=text]{padding:10px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:13.5px;background:#fff;color:#1e293b;outline:none}.ticket-field input[type=text]:focus{border-color:#0284c7}.ticket-field input[type=text]:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed}.qty-stepper{display:flex;align-items:center;border:1px solid #cbd5e1;border-radius:6px;overflow:hidden;background:#fff}.qty-stepper button{width:44px;height:40px;background:#f8fafc;border:none;font-size:18px;font-weight:600;color:#475569;cursor:pointer;transition:background .15s}.qty-stepper button:hover:not(:disabled){background:#e2e8f0}.qty-stepper button:disabled{color:#cbd5e1;cursor:not-allowed}.qty-stepper input{flex:1;height:40px;border:none;border-left:1px solid #cbd5e1;border-right:1px solid #cbd5e1;text-align:center;font-size:15px;font-weight:700;color:#0f172a;outline:none;-moz-appearance:textfield}.qty-stepper input::-webkit-outer-spin-button,.qty-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-stepper input:disabled{background:#f1f5f9;color:#94a3b8}.consumed-summary{display:flex;flex-direction:column;gap:8px}.consumed-summary h4{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin:0}.consumed-items{display:flex;flex-direction:column;gap:6px;background:#f8fafc;padding:12px;border-radius:6px;border:1px solid #e2e8f0}.consumed-row{display:flex;justify-content:space-between;font-size:12.5px;color:#334155}.consumed-row strong{color:#0f172a;font-weight:600}.stock-validation-box{display:flex;gap:12px;padding:14px;border-radius:8px;border:1px solid #e2e8f0;background:#f8fafc;transition:all .2s ease}.stock-validation-box.valid{border-color:#a7f3d0;background:#f0fdf4}.stock-validation-box.invalid{border-color:#fca5a5;background:#fef2f2}.validation-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700}.stock-validation-box.valid .validation-icon{background:#34d399;color:#fff}.stock-validation-box.invalid .validation-icon{background:#f87171;color:#fff}.stock-validation-box.pending .validation-icon{background:#cbd5e1;color:#64748b}.validation-text{display:flex;flex-direction:column;gap:2px;flex:1}.validation-text strong{font-size:13px;color:#334155}.stock-validation-box.valid .validation-text strong{color:#065f46}.stock-validation-box.invalid .validation-text strong{color:#991b1b}.validation-text p{margin:0;font-size:11px;color:#64748b}.stock-validation-box.valid .validation-text p{color:#047857}.stock-validation-box.invalid .validation-text p{color:#b91c1c}.ticket-actions{padding:16px 20px;background:#f8fafc;border-top:1px solid #e2e8f0;display:grid;grid-template-columns:2fr 1fr;gap:10px}.ticket-actions .btn{height:44px;padding:0 16px;border-radius:6px;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.ticket-actions .btn-save{background:#059669;color:#fff}.ticket-actions .btn-save:hover:not(:disabled){background:#047857}.ticket-actions .btn-save:disabled{background:#cbd5e1;color:#94a3b8;cursor:not-allowed}.ticket-actions .btn-reset{background:#fff;color:#475569;border:1px solid #cbd5e1}.ticket-actions .btn-reset:hover{background:#f1f5f9}.packet-recent-assembly-ledger{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #00000005;margin-top:10px}.view-history-link{background:transparent;border:none;color:#0284c7;font-weight:600;font-size:13px;cursor:pointer;transition:color .15s}.view-history-link:hover{color:#0369a1;text-decoration:underline}.completed-badge{display:inline-block;padding:4px 10px;background:#d1fae5;color:#065f46;border-radius:4px;font-weight:700;font-size:11.5px}@media(max-width:1200px){.packet-assembly-layout{grid-template-columns:1fr}.assembly-stepper{flex-direction:row;overflow-x:auto;padding:16px}.stepper-step{flex-shrink:0;min-width:180px}.stepper-step:not(:last-child):after{display:none}.assembly-ticket-column{position:static}}@media(max-width:768px){.assembly-cards-grid{grid-template-columns:1fr}.packet-assembly-header{flex-direction:column;align-items:flex-start;gap:16px}.history-toggle-btn{width:100%;text-align:center}}.production-container{padding:24px;width:100%;box-sizing:border-box}.production-container h2{font-size:1.8rem;font-weight:700;color:#0f172a;margin-bottom:24px;letter-spacing:-.02em;display:flex;align-items:center;gap:8px}.tab-buttons{display:inline-flex;gap:4px;margin-bottom:30px;background:#f1f5f9cc;border:1px solid #e2e8f0;padding:4px;border-radius:30px;box-shadow:inset 0 2px 4px #00000005}.tab-btn{padding:8px 20px;font-size:13.5px;font-weight:600;color:#64748b;background:transparent;border:none;cursor:pointer;border-radius:30px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.tab-btn:hover{color:#0f172a}.tab-btn.active{color:#064e3b;background:#fff;box-shadow:0 4px 12px #0000000f,0 1px 3px #00000005}.tab-btn.active:after{display:none}.entry-dashboard{display:grid;grid-template-columns:1fr 420px;gap:40px;align-items:flex-start;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:16px;padding:35px;box-shadow:0 10px 40px -10px #00000008,0 1px 3px #00000003,inset 0 1px #fffc}.form-column{display:flex;flex-direction:column;gap:32px}.preview-column{position:sticky;top:24px}.flat-section{background:transparent;padding:0;border:none;border-radius:0;box-shadow:none;transition:none}.flat-section:hover{box-shadow:none}.product-part-section,.details-section{border:none}.sticky-preview-panel{background:transparent;padding:0;border:none;border-radius:0;box-shadow:none;transition:none}.sticky-preview-panel:hover{box-shadow:none}.flat-section h3,.sticky-preview-panel h3{font-size:12px;font-weight:700;text-transform:uppercase;color:#0d9488;letter-spacing:.08em;margin-top:0;margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.selector-group,.form-group{display:flex;flex-direction:column}.selector-group label,.form-group label{font-size:13px;font-weight:600;color:#475569;margin-bottom:8px}.selector-group select,.form-group select,.form-group input[type=text],.form-group input[type=number]{width:100%;padding:10px 14px;font-size:14px;color:#0f172a;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;transition:all .2s ease}.selector-group select:focus,.form-group select:focus,.form-group input[type=text]:focus,.form-group input[type=number]:focus{outline:none;background-color:#fff;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.selector-input-wrapper{display:flex;align-items:center;gap:12px;margin-bottom:4px}.selector-input-wrapper select{flex:1;margin-bottom:0}.mini-preview-thumbnail{flex:0 0 65px;width:65px;height:65px;border:1px solid #cbd5e1;background:#fff;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:2px}.mini-preview-thumbnail img{max-width:100%;max-height:100%;object-fit:contain}.form-actions{display:flex;gap:12px;margin-top:10px}.btn{padding:10px 20px;font-size:14px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease;border:none}.btn-save{background:#059669;color:#fff}.btn-save:hover{background:#047857}.btn-reset{background:#f1f5f9;color:#475569;border:1px solid #cbd5e1}.btn-reset:hover{background:#e2e8f0;color:#0f172a}.preview-summary-card{margin-top:16px;padding:0;background:transparent;border:none;border-radius:0}.production-container .preview-visual-banner{display:flex;flex-direction:column;align-items:center;background:#f8fafc;padding:16px;border:1px solid #cbd5e1;border-radius:6px}.production-container .visual-half{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.production-container .visual-tag{font-size:10px;font-weight:700;text-transform:uppercase;color:#94a3b8;margin-bottom:10px;letter-spacing:.05em}.production-container .visual-content{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.production-container .visual-content img{width:140px;height:140px;object-fit:contain;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:4px;box-shadow:0 1px 3px #0000000a}.production-container .visual-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:140px;width:140px;border:1px dashed #cbd5e1;border-radius:6px;background:#fff;color:#94a3b8;font-size:10px}.production-container .visual-placeholder .ph-icon{font-size:24px;margin-bottom:6px}.badge{padding:2px 8px;font-size:12px;font-weight:600;border-radius:20px;display:inline-block}.badge-blue{background:#dbeafe;color:#1e40af}.preview-divider{border:none;border-top:1px solid #e2e8f0;margin:16px 0}.parts-mini-table{width:100%;border-collapse:collapse;margin-top:8px;font-size:13px}.parts-mini-table th{text-align:left;padding:6px 8px;background:#f8fafc;color:#64748b;font-weight:600;border-bottom:1px solid #e2e8f0}.parts-mini-table td{padding:8px;border-bottom:1px solid #f1f5f9;color:#334155}.preview-stats-row{display:flex;gap:16px}.stat-box{flex:1;display:flex;flex-direction:column;gap:4px}.stat-label{font-size:10px;font-weight:700;text-transform:uppercase;color:#94a3b8;letter-spacing:.05em}.stat-value{font-size:18px;font-weight:700;color:#0f172a}.stat-value.text-success{color:#10b981}.stat-value.operator-name{font-size:14px;font-weight:600;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-card{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:16px;padding:35px;box-shadow:0 10px 40px -10px #00000008,0 1px 3px #00000003,inset 0 1px #fffc}.form-card h3{font-size:12px;font-weight:700;text-transform:uppercase;color:#0d9488;letter-spacing:.08em;margin-top:0;margin-bottom:20px}.product-table{width:100%;border-collapse:collapse;margin-top:15px;font-size:14px}.product-table th{text-align:left;padding:14px 16px;background:transparent;color:#64748b;font-weight:700;border-bottom:2px solid #cbd5e1;text-transform:uppercase;font-size:11px;letter-spacing:.08em}.product-table tr{transition:all .2s ease}.product-table td{padding:14px 16px;background:transparent;border-bottom:1px solid #e2e8f0;color:#334155;transition:all .2s ease}.product-table td:first-child{border-left:none;border-top-left-radius:0;border-bottom-left-radius:0}.product-table td:last-child{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}.product-table tr:hover td{background-color:#f1f5f9;border-color:#cbd5e1;color:#0f172a}.product-table tr:hover{transform:none;box-shadow:none}.product-table tr:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0f172a0d}.clickable-thumbnail{transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000000a}.clickable-thumbnail:hover{transform:scale(1.1) rotate(1deg);box-shadow:0 6px 16px #0000001a;border-color:#059669!important}@media(max-width:1024px){.entry-dashboard{grid-template-columns:1fr}.preview-column{position:static}}@media(max-width:640px){.form-row{grid-template-columns:1fr;gap:15px}}.production-container{position:relative;padding:22px 22px 38px;background:#fbfaf7;--production-gold:#c99a00;--production-dark:#8c6b00;--production-border:#eadfd1}.production-container>h2{display:none}.production-page-title{display:flex;align-items:center;gap:12px;min-height:58px;margin-bottom:14px}.production-page-title>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid #ead8a4;border-radius:8px;background:#fff8dc;color:#9b7600;font-size:12px;font-weight:800}.production-page-title h1{margin:0;color:#172027;font-size:29px;font-weight:760;letter-spacing:-.035em}.production-page-title p{margin:3px 0 0;color:#69747d;font-size:12px}.production-container>.tab-buttons{position:absolute;top:29px;right:22px;z-index:3;margin:0;padding:0;border:0;background:transparent}.production-container>.tab-buttons .tab-btn:first-child{display:none}.production-container>.tab-buttons .tab-btn:first-child:not(.active),.production-container>.tab-buttons .tab-btn:last-child{min-width:auto;padding:9px 13px;color:#3d3520;border:1px solid #e4d3a4;border-radius:7px;background:#fffdf9;font-size:12px;font-weight:750}.production-container>.tab-buttons .tab-btn:last-child.active{display:none}.production-container .entry-dashboard{display:grid;grid-template-columns:235px minmax(0,1fr) 365px;gap:14px;align-items:stretch}.production-stepper,.production-container .form-column,.production-container .sticky-preview-panel,.production-recent-ledger{border:1px solid var(--production-border);border-radius:11px;background:#fffdf9;box-shadow:0 5px 18px #4f3a2009}.production-stepper{padding:14px 9px}.production-step{position:relative;display:flex;gap:10px;min-height:88px;box-sizing:border-box;padding:12px 8px}.production-step:not(:last-child):after{content:"";position:absolute;left:26px;top:53px;bottom:-19px;border-left:1px dashed #cfc5b8}.production-step b{position:relative;z-index:1;width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #d8cec1;border-radius:50%;background:#f4f1eb;color:#374047;font-size:14px}.production-step strong,.production-step small{display:block}.production-step strong{margin-top:2px;color:#273038;font-size:12px;line-height:1.35}.production-step small{margin-top:4px;color:#75808a;font-size:10px;line-height:1.4}.production-step.active{border:1px solid #ead8a4;border-radius:8px;background:#fffbea}.production-step.active b{border-color:var(--production-gold);background:var(--production-gold);color:#fff}.production-step.active strong{color:var(--production-dark)}.production-container .form-column{display:block;overflow:hidden}.production-container .flat-section{padding:22px 22px 20px;border:0;border-radius:0;background:transparent;box-shadow:none}.production-container .flat-section+.flat-section{border-top:1px solid #eee5da}.production-container .flat-section:before{display:none}.production-container .flat-section h3,.production-container .sticky-preview-panel h3{margin:0 0 17px;color:var(--production-dark);font-size:12px;font-weight:800;letter-spacing:.025em}.production-container .product-part-section h3:before{content:"1.  "}.production-container .details-section h3:before{content:"3.  "}.production-container .selector-group label,.production-container .form-group label{margin-bottom:6px;color:#39434b;font-size:11px;font-weight:700}.production-container .selector-group select,.production-container .form-group input[type=text],.production-container .form-group input[type=number]{min-height:44px;padding:10px 12px;border-color:#d9d0c5;border-radius:6px;background:#fff;font-size:12px}.production-container .form-row{gap:14px;margin-bottom:14px}.production-container .form-actions{display:grid;grid-template-columns:minmax(220px,1.3fr) 1fr;gap:10px;margin-top:10px;padding-top:15px}.production-container .form-actions .btn{min-height:45px;font-size:12px}.production-container .form-actions .btn-save{background:var(--production-gold);color:#fff}.production-container .form-actions .btn-save:hover{background:var(--production-dark)}.production-container .preview-column{height:100%}.production-container .sticky-preview-panel{position:static;height:100%;box-sizing:border-box;padding:20px 16px;border-top:1px solid var(--production-border)}.production-container .sticky-preview-panel h3{padding-bottom:14px;border-bottom:1px solid #eee5da}.production-container .preview-visual-banner{padding:14px;border-color:#eadfd1;background:#fffbf1}.production-container .visual-placeholder{min-height:135px;font-size:10px}.production-container .visual-content img{width:145px;height:145px}.production-container .visual-tag,.production-container .stat-label{font-size:9px}.production-container .preview-stats-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.production-container .stat-value{font-size:18px}.production-recent-ledger{margin-top:15px;overflow:hidden}.production-ledger-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid #eee5da}.production-ledger-head strong,.production-ledger-head small{display:block}.production-ledger-head strong{color:#273038;font-size:17px}.production-ledger-head small{margin-top:4px;color:#75808a;font-size:12px}.production-ledger-head button{padding:10px 14px;border:1px solid #e4d3a4;border-radius:6px;background:#fffbea;color:var(--production-dark);font-size:12px;font-weight:750;cursor:pointer}.production-ledger-scroll{overflow-x:auto}.production-recent-ledger .product-table{min-width:900px;margin:0}.production-recent-ledger .product-table th{padding:14px 16px;font-size:11px;letter-spacing:.05em}.production-recent-ledger .product-table td{height:62px;padding:12px 16px;font-size:12px}.production-ledger-image{width:42px;height:42px;object-fit:cover;border:1px solid #e3d7ca;border-radius:5px;cursor:pointer}.production-complete-status{display:inline-block;padding:6px 10px;border-radius:5px;background:#e8f5e9;color:#278048;font-size:11px;font-weight:750}@media(max-width:1320px){.production-container .entry-dashboard{grid-template-columns:190px minmax(0,1fr) 310px}}@media(max-width:1120px){.production-container .entry-dashboard{grid-template-columns:1fr}.production-stepper{display:grid;grid-template-columns:repeat(4,1fr)}.production-step{min-height:auto}.production-step:after{display:none}.production-container>.tab-buttons{position:static;margin-bottom:12px}.production-container>.tab-buttons .tab-btn:first-child{display:block}}@media(max-width:700px){.production-container{padding:14px 10px 30px}.production-page-title h1{font-size:22px}.production-stepper,.production-container .form-row,.production-container .form-actions{grid-template-columns:1fr}}.production-container>.tab-buttons .tab-btn:first-child:not(.active){display:block!important}.packet-sales-container{padding:24px;width:100%;box-sizing:border-box;font-family:Outfit,Segoe UI,sans-serif;color:#1e293b;display:flex;flex-direction:column;gap:24px}.packet-dispatch-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;padding-bottom:18px}.header-brand-block{display:flex;align-items:center;gap:16px}.brand-badge-sales{font-size:32px;background:#fdf2f0;border:1px solid #fca5a5;width:54px;height:54px;display:grid;place-items:center;border-radius:12px}.header-brand-block h1{font-size:24px;font-weight:700;margin:0;color:#0f172a;letter-spacing:-.02em}.header-brand-block p{font-size:13.5px;color:#64748b;margin:4px 0 0}.history-toggle-btn-sales{background:#0f172a;color:#fff;border:none;padding:10px 18px;border-radius:8px;font-weight:600;font-size:13.5px;cursor:pointer;transition:all .2s ease}.history-toggle-btn-sales:hover{background:#1e293b}.packet-dispatch-layout{display:grid;grid-template-columns:240px 1fr 380px;gap:20px;align-items:start}.dispatch-stepper{display:flex;flex-direction:column;gap:20px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px 16px;box-shadow:0 1px 3px #00000005}.stepper-step-sales{display:flex;align-items:flex-start;gap:12px;position:relative;padding:10px 12px;border-radius:8px;transition:all .2s ease}.stepper-step-sales.active{background:#fff7ed;border:1.5px solid #ffedd5}.stepper-step-sales:not(:last-child):after{content:"";position:absolute;left:28px;top:48px;bottom:-22px;border-left:1.5px dashed #cbd5e1;z-index:0}.step-circle-sales{position:relative;z-index:1;width:30px;height:30px;border-radius:50%;border:1.5px solid #cbd5e1;background:#f8fafc;display:grid;place-items:center;font-weight:700;font-size:13px;color:#64748b;flex-shrink:0;transition:all .2s ease}.stepper-step-sales.active .step-circle-sales{border-color:#ea580c;background:#ea580c;color:#fff}.stepper-step-sales.completed .step-circle-sales{border-color:#0d9488;background:#0d9488;color:#fff}.step-text{display:flex;flex-direction:column;gap:2px}.step-text strong{font-size:13px;font-weight:600;color:#334155}.stepper-step-sales.active .step-text strong{color:#c2410c}.step-text small{font-size:10.5px;color:#64748b}.dispatch-main-column{display:flex;flex-direction:column;gap:20px}.dispatch-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000003;overflow:hidden;display:flex;flex-direction:column}.dispatch-card .card-header{padding:16px 20px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center}.dispatch-card .card-header h3{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#475569;margin:0}.dispatch-card .card-body{padding:20px;flex:1}.dispatch-card .card-footer{padding:12px 20px;background:#f8fafc;border-top:1px solid #f1f5f9;text-align:right}.dispatch-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dispatch-field-group{display:flex;flex-direction:column;gap:8px}.dispatch-field-group label{font-size:12.5px;font-weight:650;color:#475569}.dispatch-field-group input,.dispatch-field-group select{padding:10px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:13.5px;color:#1e293b;background-color:#f8fafc;outline:none;transition:all .2s ease}.dispatch-field-group input:focus,.dispatch-field-group select:focus{border-color:#ea580c;background-color:#fff;box-shadow:0 0 0 3px #ea580c1a}.dispatch-field-group input:disabled,.dispatch-field-group select:disabled{background-color:#f1f5f9;color:#94a3b8;cursor:not-allowed}.fifo-callout{grid-column:span 2;display:flex;align-items:center;gap:8px;background:#fff7ed;border:1px solid #ffedd5;padding:10px 14px;border-radius:6px;font-size:12px;color:#c2410c}.selected-sales-visual{display:flex;gap:20px;align-items:center}.sales-visual-box{width:110px;height:110px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;display:grid;place-items:center;padding:4px;flex-shrink:0}.sales-visual-box img{max-width:100%;max-height:100%;object-fit:contain}.sales-info-box{display:flex;flex-direction:column;gap:8px;flex:1}.sales-info-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;border-bottom:1px solid #f8fafc;padding-bottom:4px}.sales-info-label{color:#64748b}.sales-info-val{color:#1e293b;font-weight:500}.stock-pill{display:inline-flex;align-items:center;gap:6px;background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;padding:6px 12px;border-radius:6px;font-weight:700}.qty-stepper-sales-panel{display:flex;flex-direction:column;gap:8px;background:#f8fafc;border:1px solid #e2e8f0;padding:14px;border-radius:8px;min-width:180px;justify-content:center}.qty-stepper-sales-panel label{font-size:12.5px;font-weight:650;color:#475569;text-align:center}.sales-change-btn{background:transparent;border:1px solid #cbd5e1;color:#475569;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.sales-change-btn:hover{background:#f1f5f9;color:#0f172a}.dispatch-ticket-column{position:sticky;top:24px}.dispatch-ticket{background:#fff;border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 4px 12px #00000008;display:flex;flex-direction:column;overflow:hidden}.dispatch-ticket .ticket-header{padding:16px 20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:#f8fafc}.dispatch-ticket .ticket-header h3{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#1e293b;margin:0}.ticket-status-sales{padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase}.ticket-status-sales.draft{background:#e2e8f0;color:#475569}.ticket-status-sales.ready{background:#fff7ed;color:#c2410c}.ticket-status-sales.warning{background:#fee2e2;color:#991b1b}.dispatch-ticket .ticket-body{padding:20px;display:flex;flex-direction:column;gap:16px}.ticket-visual-preview-sales{width:100%;height:140px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;display:grid;place-items:center;padding:8px}.ticket-visual-preview-sales img{max-width:100%;max-height:100%;object-fit:contain}.remaining-stock-box{background:#f0fdf4;border:1px solid #bbf7d0;padding:12px;border-radius:8px;text-align:center}.remaining-stock-box .label{font-size:10.5px;color:#15803d;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:4px}.remaining-stock-box .val{font-size:18px;font-weight:750;color:#166534}.remaining-stock-box.out{background:#fef2f2;border-color:#fca5a5}.remaining-stock-box.out .label{color:#b91c1c}.remaining-stock-box.out .val{color:#991b1b}.ticket-actions-sales{padding:16px 20px;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:8px}.ticket-actions-sales .btn{height:44px;width:100%;border-radius:6px;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;display:flex;align-items:center;justify-content:center;gap:8px}.ticket-actions-sales .btn-save{background:#ea580c;color:#fff}.ticket-actions-sales .btn-save:hover:not(:disabled){background:#c2410c}.ticket-actions-sales .btn-save:disabled{background:#cbd5e1;color:#94a3b8;cursor:not-allowed}.ticket-actions-sales .btn-reset{background:#fff;color:#475569;border:1px solid #cbd5e1}.ticket-actions-sales .btn-reset:hover{background:#f1f5f9}.dispatch-recent-ledger{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #00000005;margin-top:10px}.ledger-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9;padding-bottom:14px;margin-bottom:18px}.ledger-head h3{font-size:15px;font-weight:700;margin:0;color:#1e293b}.ledger-head p{font-size:12.5px;color:#64748b;margin:4px 0 0}.view-history-link-sales{background:transparent;border:none;color:#ea580c;font-weight:600;font-size:13px;cursor:pointer;transition:color .15s}.view-history-link-sales:hover{color:#c2410c;text-decoration:underline}.ledger-scroll{overflow-x:auto}@media(max-width:1200px){.packet-dispatch-layout{grid-template-columns:1fr}.dispatch-stepper{flex-direction:row;overflow-x:auto;padding:16px}.stepper-step-sales{flex-shrink:0;min-width:180px}.stepper-step-sales:not(:last-child):after{display:none}.dispatch-ticket-column{position:static}}@media(max-width:768px){.dispatch-form-grid{grid-template-columns:1fr}.selected-sales-visual{flex-direction:column;align-items:stretch}.qty-stepper-sales-panel{width:100%}.packet-dispatch-header{flex-direction:column;align-items:flex-start;gap:16px}.history-toggle-btn-sales{width:100%;text-align:center}}.production-floor{min-width:1180px;color:#182027;background:#fbfaf6;min-height:100vh}.floor-header{height:96px;display:grid;grid-template-columns:275px 1fr auto;align-items:center;gap:24px;padding:0 24px;border-bottom:1px solid #e8e0d4;background:#fffdf8f5}.floor-brand{display:flex;align-items:center;gap:12px}.floor-brand>span{width:38px;height:38px;display:grid;place-items:center;border-radius:5px;background:#d84b25;color:#fff;font-weight:800}.floor-brand strong{display:block;font-size:18px}.floor-brand small,.floor-title p,.floor-meta small{display:block;color:#687078;font-size:11px}.floor-title h1{margin:0;font-size:27px}.floor-title p{margin:3px 0}.floor-meta{display:flex;gap:20px;align-items:center}.floor-meta>div{min-height:46px;display:flex;align-items:center;gap:9px;padding:0 18px;border-left:1px solid #e8e0d4}.floor-meta>div:first-child{display:block;padding:9px 18px;border:1px solid #eadfce;border-radius:9px;background:#fff8ed}.floor-meta b{display:block;color:#d34822}.floor-meta i,.station-state i,.operator-main i{width:9px;height:9px;border-radius:50%;background:#26a455}.floor-meta span{font-size:11px}.floor-meta span small{margin-top:3px;color:#18864a}.floor-body{display:grid;grid-template-columns:1fr 270px;gap:18px;padding:20px 22px}.workflow-area>h2{margin:0 0 12px;font-size:16px}.station-flow{display:flex;align-items:center}.station-card{width:calc((100% - 90px)/4);min-width:210px;padding:13px;border:1px solid #e8dfd1;border-radius:13px;background:#fffdf9;box-shadow:0 4px 14px #5039200a}.station-name{display:flex;gap:10px;align-items:center}.station-name>b{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;color:#fff;font-size:20px}.station-card.red .station-name>b,.station-card.red button{background:#c83d1b}.station-card.gold .station-name>b,.station-card.gold button{background:#d5a300}.station-card.teal .station-name>b,.station-card.teal button{background:#078d76}.station-card.orange .station-name>b,.station-card.orange button{background:#e45a20}.station-name h3{margin:0;font-size:14px}.station-name small{color:#687078;font-size:10px}.station-card>img{width:100%;height:150px;object-fit:contain;margin:8px 0}.station-state{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid #eee6db;font-size:10px}.station-state span{display:flex;align-items:center;gap:5px;color:#21894a;font-weight:650}.station-state small{color:#687078}.station-total{padding:10px 0}.station-total small{display:block;color:#687078;font-size:9px}.station-total strong{font-size:18px}.station-total em{font-style:normal;font-size:9px;color:#687078;font-weight:500}.station-card button{width:100%;padding:10px;border:0;border-radius:8px;color:#fff;font-weight:700;cursor:pointer}.flow-arrow{width:30px;height:30px;display:grid;place-items:center;border:1px solid #e2d8c8;border-radius:50%;color:#bcae98;background:#fff}.floor-lower{display:grid;grid-template-columns:1.5fr .9fr;gap:18px;margin-top:18px}.floor-table,.alerts,.operator-card,.shift-card{border:1px solid #e8dfd1;border-radius:13px;background:#fffdf9}.section-title{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:1px solid #eee6db}.section-title h2{display:flex;align-items:center;gap:5px;margin:0;font-size:14px}.section-title span{padding:4px 8px;border-radius:10px;background:#fff3e7;color:#d35427;font-size:9px}.job-head,.job-row{display:grid;grid-template-columns:1.7fr .8fr .8fr .6fr .9fr;gap:8px;align-items:center;padding:10px 14px}.job-head{color:#7c848b;background:#faf7f1;font-size:8px;text-transform:uppercase}.job-row{border-bottom:1px solid #eee8df;font-size:9px}.job-row strong{font-size:10px}.job-row strong small{display:block;color:#7c848b;font-weight:400}.tag{justify-self:start;padding:4px 7px;border-radius:6px;background:#f3f0e9;color:#766d61}.tag.production{background:#fff3df;color:#ba7911}.tag.assembly{background:#e9f8f5;color:#167b69}.tag.material{background:#f0edff;color:#7463c8}.tag.sales{background:#fff0e8;color:#cf5726}.job-status{display:flex;align-items:center;gap:3px;color:#288450}.alerts{min-height:250px}.alert-row{display:grid;grid-template-columns:34px 1fr auto 18px;gap:8px;align-items:center;margin:10px;padding:10px;border:1px solid #eee3d6;border-radius:9px}.alert-row>svg:first-child{padding:7px;border-radius:8px;background:#fff2e9;color:#e04a20;font-size:20px}.alert-row strong{display:block;font-size:10px}.alert-row small{color:#7c848b;font-size:8px}.alert-row b{padding:4px 6px;border-radius:5px;background:#fff0e8;color:#d94a24;font-size:8px}.no-alert{display:flex;align-items:center;gap:7px;padding:24px;color:#288450;font-size:11px}.floor-right{display:flex;flex-direction:column;gap:16px}.operator-card,.shift-card{padding:16px}.operator-card h2,.shift-card h2{margin:0 0 13px;font-size:15px}.operator-main{display:flex;gap:11px;align-items:center;padding-bottom:13px;border-bottom:1px solid #eee6db}.operator-avatar{width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:#fff2d8;color:#d68521;font-size:38px}.operator-main strong{display:block;font-size:15px}.operator-main small{display:block;color:#687078;font-size:10px}.operator-main span{display:flex;align-items:center;gap:5px;margin-top:8px;padding:5px 8px;border:1px solid #cbe6ce;border-radius:6px;color:#258448;font-size:9px}.operator-card dl{font-size:10px}.operator-card dt{margin-top:9px;color:#7c848b}.operator-card dd{margin:2px 0;font-weight:650}.operator-card button{width:100%;padding:9px;border:1px solid #e15c39;border-radius:7px;background:#fff;color:#d84925}.shift-card p{margin:-8px 0 10px;color:#7c848b;font-size:9px}.shift-card>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #eee6db;font-size:9px}.shift-card>div strong{font-size:11px}.floor-loading{min-height:100vh;display:grid;place-items:center}@media(max-width:900px){.production-floor{min-width:0}.floor-header{height:auto;grid-template-columns:1fr;padding:15px}.floor-brand,.floor-meta{display:none}.floor-body{display:block;padding:12px}.station-flow{display:grid;grid-template-columns:1fr 1fr;gap:10px}.station-card{width:auto}.flow-arrow{display:none}.floor-lower{grid-template-columns:1fr}.floor-right{margin-top:14px}.job-head,.job-row{grid-template-columns:1.5fr .7fr .7fr}.job-head span:nth-child(3),.job-head span:nth-child(5),.job-row>span:nth-child(3),.job-row>span:nth-child(5){display:none}}@media(max-width:580px){.station-flow{grid-template-columns:1fr}}:root{--admin-primary: #3b82f6;--admin-hover: #2563eb;--bg-color-gradient-start: #f0f4f8;--bg-color-gradient-end: #eaf2f8;--employee-primary: #06b6d4;--employee-hover: #0891b2;--employee-light-bg: #ecfeff}.login-wrapper{display:flex;width:100%;height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f0f4f8;overflow:hidden}.login-left{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-color-gradient-start),var(--bg-color-gradient-end));padding:40px}.login-content{width:100%;max-width:380px;text-align:left;padding:40px;border-radius:16px;background-color:#fff;box-shadow:0 8px 20px #0000001a,0 0 0 1px #0000000d;animation:fadeIn .8s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-title{font-size:1.6rem;font-weight:600;margin-bottom:5px;color:#1f2937}.login-subtitle{color:#6b7280;margin-bottom:25px;font-size:.9rem}.login-content input{width:100%;padding:12px 14px;margin-bottom:15px;border-radius:6px;border:1px solid #d1d5db;font-size:1rem;outline:none;transition:border-color .3s,box-shadow .3s;background-color:#fff}.login-content input:focus{border-color:var(--admin-primary);box-shadow:0 0 0 1px var(--admin-primary)}.submit-btn{width:100%;border:none;padding:12px;color:#fff;font-size:1rem;font-weight:500;border-radius:6px;cursor:pointer;transition:background-color .3s;margin-top:10px;background-color:var(--admin-primary)}.submit-btn:hover{background-color:var(--admin-hover)}.back-btn{margin-top:10px;width:100%;background:transparent;border:1px solid var(--admin-primary);color:var(--admin-primary);padding:12px;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s;display:flex;justify-content:center;align-items:center}.back-btn:hover{background:var(--admin-light-bg)}.login-right{flex:2;height:100vh;overflow:hidden;position:relative;min-width:400px}.login-side-image{width:100%;height:100%;object-fit:cover}.employee-theme .login-left{background:linear-gradient(135deg,var(--bg-color-gradient-start),var(--employee-light-bg))}.employee-theme .login-content input:focus{border-color:var(--employee-primary);box-shadow:0 0 0 1px var(--employee-primary)}.employee-theme .submit-btn{background-color:var(--employee-primary)}.employee-theme .submit-btn:hover{background-color:var(--employee-hover)}.employee-theme .back-btn{border:1px solid var(--employee-primary);color:var(--employee-primary)}.employee-theme .back-btn:hover{background:var(--employee-light-bg)}@media(max-width:950px){.login-right{display:none}.login-left{width:100%;min-width:unset;padding:20px}}@media(max-width:500px){.login-content{padding:30px 25px}}:root{font-family: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;min-width:320px;min-height:100vh}#root{width:100%;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}}.image-preview-modal-overlay{position:fixed;inset:0;background-color:#0f172acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:99999;animation:modalFadeIn .2s ease-out}.image-preview-modal-content{position:relative;max-width:90vw;max-height:90vh;background:#fff;padding:16px;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;align-items:center;animation:modalScaleIn .25s cubic-bezier(.34,1.56,.64,1)}.image-preview-modal-content img{max-width:80vw;max-height:80vh;object-fit:contain;border-radius:8px;background-color:#fff;box-shadow:0 4px 12px #0000000d}.close-preview-modal{position:absolute;top:-12px;right:-12px;width:32px;height:32px;border-radius:50%;background:#ef4444;color:#fff;border:none;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #ef44444d;transition:all .2s;padding:0}.close-preview-modal:hover{background:#dc2626;transform:scale(1.1)}.clickable-thumbnail{cursor:zoom-in;transition:transform .2s ease,box-shadow .2s ease}.clickable-thumbnail:hover{transform:scale(1.05);box-shadow:0 4px 12px #0f172a1a!important}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}