:root{--green-dark:#1a4a1a;--green:#1f5c1f;--green-mid:#2d7a2d;--green-light:#eaf4ea;--amber:#f39c12;--amber-light:#fef3e2;--red:#e74c3c;--red-light:#fdedeb;--blue:#2980b9;--blue-light:#ebf5fb;--gray-900:#1a1a1a;--gray-800:#2d2d2d;--gray-700:#4a4a4a;--gray-600:#6b6b6b;--gray-400:#aaa;--gray-200:#e5e5e5;--gray-100:#f4f4f4;--gray-50:#fafafa;--white:#fff;--sidebar-w:240px;--topbar-h:56px;--radius-sm:4px;--radius:6px;--radius-lg:10px;--shadow-sm:0 1px 3px #00000014;--shadow:0 2px 8px #0000001a;--shadow-lg:0 8px 32px #00000029;--font:"Inter", system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:14px}body{font-family:var(--font);background:var(--gray-100);color:var(--gray-900);min-height:100vh;line-height:1.5;overflow-x:hidden}.hidden{display:none!important}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.text-sm{font-size:12px}.text-muted{color:var(--gray-600)}.text-right{text-align:right}.font-mono{font-family:Courier New,monospace}.font-semibold{font-weight:600}.w-full{width:100%}.login-screen{background:linear-gradient(135deg, var(--green-dark) 0%, var(--green-mid) 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:360px;box-shadow:var(--shadow-lg);margin:16px;padding:40px}.login-logo{align-items:center;gap:14px;margin-bottom:32px;display:flex}.logo-mark{background:var(--green);width:40px;height:40px;color:var(--white);border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex}.sidebar-brand{color:var(--white);font-size:18px;font-weight:700}.login-brand{color:var(--gray-900);font-size:20px;font-weight:700}.login-tagline{color:var(--gray-600);margin-top:2px;font-size:12px}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--green-dark);z-index:100;flex-direction:column;height:100vh;transition:transform .2s;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-header{border-bottom:1px solid #ffffff14;flex-shrink:0;align-items:center;gap:12px;padding:18px 16px;display:flex}.sidebar-header .logo-mark{width:32px;height:32px;font-size:16px}.sidebar-nav{flex:1;padding:12px 0}.nav-item{color:#ffffffb3;cursor:pointer;border-left:3px solid #0000;border-radius:0;align-items:center;gap:10px;padding:9px 16px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-item:hover{color:var(--white);background:#ffffff12}.nav-item.active{color:var(--white);border-left-color:var(--amber);background:#ffffff1f}.nav-item i{text-align:center;width:16px;font-size:13px}.nav-child{padding-left:40px;font-size:13px}.nav-group-header{color:#fff9;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:9px 16px;font-size:13.5px;font-weight:500;transition:color .15s;display:flex}.nav-group-header:hover{color:var(--white)}.nav-group-header i:first-child{text-align:center;width:16px;font-size:13px}.nav-group-header span{flex:1}.nav-arrow{font-size:10px;transition:transform .2s}.nav-group-header.open .nav-arrow{transform:rotate(180deg)}.nav-group-items{display:none}.nav-group-items.open{display:block}.alert-badge{background:var(--red);color:var(--white);text-align:center;border-radius:10px;min-width:18px;padding:1px 6px;font-size:10px;font-weight:700;line-height:16px;display:inline-block}.sidebar-backdrop{cursor:pointer;z-index:99;background:#00000073;border:none;padding:0;display:none;position:fixed;inset:0}.main-wrap{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.topbar{height:var(--topbar-h);background:var(--white);border-bottom:1px solid var(--gray-200);z-index:50;box-shadow:var(--shadow-sm);align-items:center;gap:16px;padding:0 24px;display:flex;position:sticky;top:0}.sidebar-toggle{color:var(--gray-700);cursor:pointer;background:0 0;border:none;font-size:18px;display:none}.topbar-title{color:var(--gray-900);flex:1;font-size:15px;font-weight:600}.topbar-right{align-items:center;gap:12px;display:flex}.topbar-alert-btn{cursor:pointer;color:var(--gray-600);padding:4px;font-size:16px;position:relative}.topbar-alert-btn .alert-badge{min-width:14px;padding:0 4px;font-size:9px;position:absolute;top:-4px;right:-4px}.topbar-user{color:var(--gray-700);align-items:center;gap:8px;font-size:13px;display:flex}.user-avatar{background:var(--green);width:30px;height:30px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.page-content{-webkit-overflow-scrolling:touch;flex:1;min-width:0;padding:24px;overflow-x:auto}.page-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.page-header h1{color:var(--gray-900);font-size:20px;font-weight:700}.page-header .page-sub{color:var(--gray-600);margin-top:2px;font-size:13px}.split-grid{grid-template-columns:1.5fr 1fr;gap:16px;display:grid}.line-item-row{grid-template-columns:1.5fr 1.5fr 80px 80px 30px;align-items:center;gap:8px;margin-bottom:8px;display:grid}.toolbar-select{border:1px solid var(--gray-200);border-radius:var(--radius-sm);background:var(--white);min-width:160px;color:var(--gray-900);font-size:13px;font-family:var(--font);padding:7px 10px}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200)}.card-header{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.card-header h2{color:var(--gray-900);font-size:14px;font-weight:600}.card-body{padding:20px}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);cursor:pointer;padding:18px 20px;text-decoration:none;transition:box-shadow .15s,border-color .15s}.stat-card:hover{box-shadow:var(--shadow);border-color:var(--green)}.stat-card .stat-icon{border-radius:var(--radius);justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:12px;font-size:16px;display:flex}.stat-icon.green{background:var(--green-light);color:var(--green)}.stat-icon.amber{background:var(--amber-light);color:var(--amber)}.stat-icon.red{background:var(--red-light);color:var(--red)}.stat-icon.blue{background:var(--blue-light);color:var(--blue)}.stat-card .stat-value{color:var(--gray-900);margin-bottom:4px;font-size:26px;font-weight:700;line-height:1}.stat-card .stat-label{color:var(--gray-600);font-size:12px}.table-toolbar{border-bottom:1px solid var(--gray-200);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.search-input-wrap{flex:1;min-width:200px;max-width:320px;position:relative}.search-input-wrap i{color:var(--gray-400);font-size:13px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.search-input{border:1px solid var(--gray-200);border-radius:var(--radius);outline:none;width:100%;padding:7px 12px 7px 32px;font-size:13px;transition:border-color .15s}.search-input:focus{border-color:var(--green)}.table-wrap{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.table-wrap table{width:max-content;min-width:100%}.table-wrap--fit{overflow-x:hidden}.table-wrap--fit table{table-layout:auto;width:100%;min-width:0}table{border-collapse:collapse;width:100%;font-size:13px}thead th{background:var(--gray-50);text-align:left;color:var(--gray-600);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--gray-200);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px 14px;font-size:12px;font-weight:600}thead th:hover{color:var(--green)}tbody tr{border-bottom:1px solid var(--gray-100);transition:background .1s}tbody tr:hover{background:var(--gray-50)}tbody tr:last-child{border-bottom:none}tbody td{color:var(--gray-800);vertical-align:middle;padding:10px 14px}.table-empty{text-align:center;color:var(--gray-600);padding:48px 20px}.table-empty i{color:var(--gray-300);margin-bottom:12px;font-size:32px;display:block}.badge{letter-spacing:.02em;white-space:nowrap;border-radius:20px;align-items:center;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-green{background:var(--green-light);color:var(--green)}.badge-amber{background:var(--amber-light);color:#a0620a}.badge-red{background:var(--red-light);color:var(--red)}.badge-blue{background:var(--blue-light);color:var(--blue)}.badge-gray{background:var(--gray-100);color:var(--gray-700)}.badge-purple{color:#7c3aed;background:#f3e8ff}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-grid-3{grid-template-columns:1fr 1fr 1fr;gap:16px;display:grid}.form-grid-full{grid-column:1/-1}.form-group{flex-direction:column;gap:5px;display:flex}.form-group label{color:var(--gray-700);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--gray-200);border-radius:var(--radius);font-size:13.5px;font-family:var(--font);color:var(--gray-900);background:var(--white);outline:none;width:100%;padding:8px 12px;transition:border-color .15s,box-shadow .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #1f5c1f1a}.form-group input.error,.form-group select.error{border-color:var(--red)}.field-error{color:var(--red);min-height:16px;font-size:11.5px}.form-actions{border-top:1px solid var(--gray-200);gap:10px;margin-top:24px;padding-top:20px;display:flex}.checkbox-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.checkbox-item{cursor:pointer;align-items:center;gap:7px;font-size:13px;display:flex}.checkbox-item input[type=checkbox]{width:15px;height:15px;accent-color:var(--green);cursor:pointer}.btn{border-radius:var(--radius);font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:7px;padding:8px 16px;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn-primary{background:var(--green);color:var(--white);border-color:var(--green)}.btn-primary:hover{background:var(--green-mid);border-color:var(--green-mid)}.btn-secondary{background:var(--white);color:var(--gray-700);border-color:var(--gray-200)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-400)}.btn-danger{background:var(--red);color:var(--white);border-color:var(--red)}.btn-amber{background:var(--amber);color:var(--white);border-color:var(--amber)}.btn-sm{padding:5px 10px;font-size:12px}.btn-full{justify-content:center;width:100%}.btn-icon{cursor:pointer;color:var(--gray-600);border-radius:var(--radius-sm);background:0 0;border:none;padding:5px 7px;font-size:15px;transition:color .15s,background .15s}.btn-icon:hover{color:var(--green);background:var(--green-light)}.btn-icon.danger:hover{color:var(--red);background:var(--red-light)}.item-code-toggle{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;padding:0;display:inline-flex}.item-code-toggle:hover span{text-decoration:underline}.bom-expand-row td{border-top:none}.item-packaging-dl{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px 24px;margin:0;display:grid}.item-packaging-dl dt{color:var(--gray-600);text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px;font-size:11px}.item-packaging-dl dd{color:var(--gray-900);margin:0;font-size:13px;font-weight:600}.show-mobile-only{display:none}.item-mobile-list{flex-direction:column;gap:12px;padding:12px 16px 16px;display:flex}.item-mobile-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border-left:4px solid var(--green);transition:box-shadow .15s,transform .15s;overflow:hidden}.item-mobile-card--undefined{border-left-color:var(--amber)}.item-mobile-card--inactive{border-left-color:var(--gray-400);opacity:.92}.item-mobile-card__row{align-items:flex-start;display:flex;position:relative}.item-mobile-card__tap{text-align:left;cursor:pointer;min-width:0;font-family:var(--font);background:0 0;border:none;flex:1;padding:14px 0 14px 14px;display:block}.item-mobile-card__tap:active{background:var(--gray-50)}.item-mobile-card__header{align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.item-mobile-card__icon{border-radius:var(--radius);background:var(--green-light);width:40px;height:40px;color:var(--green);flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.item-mobile-card--undefined .item-mobile-card__icon{background:var(--amber-light);color:var(--amber)}.item-mobile-card__icon--blue,.item-mobile-card--undefined .item-mobile-card__icon--blue{background:var(--blue-light);color:var(--blue)}.item-mobile-card--inactive .item-mobile-card__icon{background:var(--gray-100);color:var(--gray-600)}.item-mobile-card__title{flex:1;min-width:0}.item-mobile-card__code{color:var(--green);font-family:Courier New,monospace;font-size:14px;font-weight:700;line-height:1.2;display:block}.item-mobile-card--inactive .item-mobile-card__code{color:var(--gray-700)}.item-mobile-card__name{color:var(--gray-600);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:13px;line-height:1.35;display:block;overflow:hidden}.item-mobile-card__meta{flex-wrap:wrap;align-items:center;gap:8px 10px;padding-left:52px;display:flex}.item-mobile-card__meta .badge{align-items:center;gap:5px;display:inline-flex}.item-mobile-card__date{color:var(--gray-600);align-items:center;gap:5px;font-size:11.5px;display:inline-flex}.item-mobile-card__menu-wrap{flex-shrink:0;padding:8px 10px 0 0;position:relative}.item-mobile-card__menu-btn{border-radius:var(--radius);width:36px;height:36px;color:var(--gray-600);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:16px;transition:background .12s,color .12s;display:flex}.item-mobile-card__menu-btn:hover,.item-mobile-card__menu-btn:focus-visible{background:var(--gray-100);color:var(--gray-900);outline:none}.item-mobile-card__menu{z-index:20;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);min-width:148px;box-shadow:var(--shadow-lg);animation:.12s menu-in;position:absolute;top:calc(100% + 2px);right:6px;overflow:hidden}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.item-mobile-card__menu-item{width:100%;color:var(--gray-800);font-size:13px;font-weight:500;font-family:var(--font);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;padding:12px 14px;transition:background .1s;display:flex}.item-mobile-card__menu-item i{text-align:center;width:16px;color:var(--gray-600)}.item-mobile-card__menu-item:hover,.item-mobile-card__menu-item:focus-visible{background:var(--gray-50);outline:none}.item-mobile-card__menu-item+.item-mobile-card__menu-item{border-top:1px solid var(--gray-100)}.item-mobile-card__menu-item--danger,.item-mobile-card__menu-item--danger i{color:var(--red)}.item-mobile-empty{text-align:center;color:var(--gray-600);padding:40px 20px}.item-mobile-empty i{color:var(--gray-300);margin-bottom:12px;font-size:36px;display:block}.modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:flex-start;padding:60px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:700px;box-shadow:var(--shadow-lg);animation:.15s modal-in}@keyframes modal-in{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-header h3{color:var(--gray-900);font-size:16px;font-weight:700}.modal-close{color:var(--gray-600);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 6px;font-size:18px}.modal-close:hover{color:var(--red);background:var(--red-light)}.modal-body{padding:20px}.toast-container{z-index:2000;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;right:24px}.toast{border-radius:var(--radius);color:var(--white);box-shadow:var(--shadow-lg);align-items:center;gap:10px;min-width:280px;max-width:400px;padding:12px 18px;font-size:13px;font-weight:500;animation:.2s toast-in;display:flex}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.toast.success{background:var(--green)}.toast.error{background:var(--red)}.toast.warning{background:var(--amber)}.toast.info{background:var(--blue)}.dashboard-grid{grid-template-columns:1.75fr 1fr;gap:16px;margin-top:20px;display:grid}.dashboard-grid>.card{min-width:0}.order-tracking{--ot-bg:#eef1f5;--ot-panel:#fff;--ot-panel2:#f4f6fa;--ot-border:#e0e4ec;--ot-text:#152039;--ot-text-dim:#45516f;--ot-text-mute:#64708a;--ot-accent:#3e5c9a;--ot-green:#0ea5a0;--ot-amber:#c17f16;--ot-red:#c7402a;--ot-purple:#8a5cc9;color:var(--ot-text);background:linear-gradient(var(--ot-bg), var(--ot-bg)), repeating-linear-gradient(0deg, #15203909 0 1px, transparent 1px 28px), repeating-linear-gradient(90deg, #15203909 0 1px, transparent 1px 28px);max-width:100%;margin:-24px;padding:18px 22px 30px;font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:13px;overflow-x:hidden}.ot-v5-header{border:1px solid #c8dfc8;border-left:4px solid var(--green-mid);background:linear-gradient(135deg,#eaf4ea 0%,#f6faf6 55%,#fff 100%);border-radius:12px;flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;gap:12px 14px;margin-bottom:14px;padding:12px 16px;display:flex;box-shadow:0 4px 14px #1a4a1a0d}.ot-v5-title{letter-spacing:.005em;color:var(--green-dark);border-right:1px solid #c8dfc8;flex:none;align-self:center;margin-right:2px;padding-right:14px;font-size:18px;font-weight:800;line-height:1.2}.ot-v5-subtitle{color:var(--green-mid);margin-top:2px;font-family:IBM Plex Mono,monospace;font-size:12px}.ot-v5-controls{flex-wrap:wrap;flex:480px;justify-content:flex-start;align-items:flex-end;gap:10px;min-width:0;display:flex}.ot-v5-header-pills{flex:none;align-items:center;gap:8px;display:flex}.ot-v5-control{flex-direction:column;flex:0 auto;gap:4px;min-width:118px;display:flex}.ot-v5-control label{color:#5b6f5b;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700}.ot-v5-control select{color:var(--green-dark);cursor:pointer;background:#fff;border:1px solid #bfd8bf;border-radius:7px;width:100%;min-height:36px;padding:7px 10px;font-family:inherit;font-size:13px;font-weight:500;box-shadow:0 1px 2px #1520390a}.ot-v5-control select option,.ot-v5-control select optgroup{color:#152039!important;background-color:#fff!important}.ot-v5-control select:focus{border-color:var(--green-mid);outline:none;box-shadow:0 0 0 2px #2d7a2d26}.ot-v5-control select:disabled{color:#7a8b7a;cursor:not-allowed;background:#f3f6f3;border-color:#d6e2d6}.ot-v5-status-pill{box-sizing:border-box;white-space:nowrap;background:#fff;border:1px solid #c8dfc8;border-radius:20px;align-items:center;gap:6px;min-height:34px;padding:7px 12px;font-size:11px;font-weight:700;display:flex}.ot-v5-status-pill.inprogress{color:#b45309;background:#fbecd3;border-color:#f0d9a8}.ot-v5-status-pill.completed{color:var(--green-dark);background:var(--green-light);border-color:#b8d8b8}.ot-v5-status-pill--nodata{color:#7a5a12;background:#fbf2d9;border-color:#ead79d}.ot-v5-live-pill{background:var(--green-light);color:var(--green-dark);box-sizing:border-box;white-space:nowrap;border:1px solid #b8d8b8;border-radius:20px;align-items:center;gap:6px;min-height:34px;padding:7px 11px;font-size:11px;font-weight:700;display:flex}.ot-live-dot{background:var(--green-mid);border-radius:50%;width:6px;height:6px;animation:1.6s infinite ot-pulse}.ot-no-data-card{color:var(--ot-text);background:#fffdf6;border:1px solid #ead79d;border-left:4px solid #d1a63b;border-radius:10px;padding:18px 20px}.ot-no-data-title{color:#7a5a12;margin-bottom:6px;font-size:18px;font-weight:700}.ot-no-data-text{color:#6b5a2f;font-size:14px;line-height:1.5}@keyframes ot-pulse{0%,to{opacity:1}50%{opacity:.35}}.ot-timeline-bar{border:1px solid var(--ot-border);background:linear-gradient(#fff 0%,#f9fbfd 100%);border-radius:10px;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:14px;padding:12px 16px;display:flex;box-shadow:0 4px 14px #1520390a}.ot-tl-item{white-space:nowrap;align-items:center;gap:8px;display:flex}.ot-tl-label{color:var(--ot-text-mute);text-transform:uppercase;letter-spacing:.04em;font-size:10.5px;font-weight:700;line-height:1.25}.ot-tl-value{color:var(--ot-text);font-size:13px;font-weight:800;line-height:1.25}.ot-tl-sep{color:var(--ot-text-mute);font-size:13px}.ot-tl-track{background:#dfe6f1;border-radius:999px;flex:1;min-width:180px;height:8px;overflow:hidden}.ot-tl-fill{background:linear-gradient(90deg,#5576bb 0%,#3e5c9a 100%);border-radius:999px;height:100%}.ot-kpi-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px;margin-bottom:14px;display:grid}.ot-kpi{background:var(--ot-panel);border:1px solid var(--ot-border);border-radius:10px;padding:12px 14px 12px 16px;position:relative;overflow:hidden}.ot-kpi:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.ot-kpi.c1:before{background:var(--ot-accent)}.ot-kpi.c2:before{background:var(--ot-green)}.ot-kpi.c3:before{background:var(--ot-amber)}.ot-kpi.c4:before{background:var(--ot-red)}.ot-kpi.c5:before{background:var(--ot-purple)}.ot-kpi-label{color:var(--ot-text-mute);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-size:10.5px;font-weight:600}.ot-kpi-value{color:var(--ot-text);font-family:IBM Plex Mono,monospace;font-size:21px;font-weight:600}.ot-kpi-value-sm{font-size:16px}.text-green{color:var(--ot-green)!important}.text-amber{color:var(--ot-amber)!important}.text-red{color:var(--ot-red)!important}.ot-charts-grid{grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:stretch;gap:12px;min-width:0;max-width:100%;margin-bottom:14px;display:grid}.ot-panel{background:var(--ot-panel);border:1px solid var(--ot-border);border-radius:10px;min-width:0;max-width:100%;padding:14px 16px;overflow:hidden}.ot-panel--pie{flex-direction:column;padding:12px 14px;display:flex}.ot-panel-head{justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.ot-panel-title{color:var(--ot-text);font-size:13.5px;font-weight:600}.ot-panel-sub{color:var(--ot-text-mute);margin-bottom:8px;font-size:11.5px}.ot-panel--pie .ot-panel-sub{margin-bottom:8px}.ot-pie-body{flex-direction:column;flex:1;align-items:stretch;gap:10px;display:flex}.ot-pie-canvas{flex-shrink:0;width:128px;height:128px;margin:0 auto;position:relative;overflow:hidden}.ot-pie-canvas canvas{max-width:100%;max-height:100%;display:block}.ot-pie-legend{flex-direction:column;gap:4px;width:100%;display:flex}.ot-pie-legend-item{background:var(--ot-panel2);border:1px solid var(--ot-border);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:5px 8px;line-height:1.25;display:flex}.ot-pie-legend-label{align-items:center;gap:6px;min-width:0;display:flex}.ot-pie-legend-value{color:var(--ot-text);white-space:nowrap;font-family:IBM Plex Mono,monospace;font-size:12px}.ot-process-name{letter-spacing:.02em;font-weight:700}.ot-pcard-name .ot-process-name{background:color-mix(in srgb, currentColor 14%, white);border-radius:6px;padding:4px 12px;font-size:16px}.ot-pie-legend-item .ot-process-name,.ot-proc-check .ot-process-name{font-size:12px}.ot-proc-checks{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.ot-proc-check{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--ot-text-dim);border:1px solid var(--ot-border);background:var(--ot-panel2);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.ot-proc-check:hover{background:#eef1f7;border-color:#cfd6e4}.ot-proc-check input{accent-color:var(--ot-accent);cursor:pointer}.ot-line-chart{width:100%;min-width:0;max-width:100%;height:220px;position:relative;overflow:hidden}.ot-line-chart canvas{display:block;max-width:100%!important}.ot-date-range-bar{background:var(--ot-panel);border:1px solid var(--ot-border);color:var(--ot-text-dim);border-radius:9px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;padding:9px 14px;font-size:12px;display:flex}.ot-date-range-bar b{color:var(--ot-text)}.ot-btn{background:var(--ot-panel2);border:1px solid var(--ot-border);color:var(--ot-text);cursor:pointer;border-radius:7px;padding:6px 12px;font-family:inherit;font-size:11.5px;font-weight:600}.ot-btn:hover{background:#e7eaf0}.ot-btn-accent{background:var(--ot-green);color:#fff;border-color:var(--ot-green)}.ot-btn-accent:hover{background:#0c8f8a}.ot-dim{color:var(--ot-text-mute)}.ot-order-eta-banner{border:1px solid #c8dfc8;border-left:4px solid var(--green-mid);background:linear-gradient(135deg,#f7fbf7 0%,#fff 100%);border-radius:10px;margin-bottom:12px;padding:12px 14px}.ot-order-eta-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.ot-order-eta-title{color:var(--green-dark);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:700}.ot-order-eta-sub{color:var(--ot-text-mute);margin-top:2px;font-size:11.5px}.ot-order-eta-count{color:var(--green-mid);background:var(--green-light);white-space:nowrap;border:1px solid #c8dfc8;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.ot-order-eta-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:10px;display:grid}.ot-order-eta-card{border:1px solid var(--ot-border);background:#fff;border-radius:8px;min-width:0;padding:10px 11px}.ot-order-eta-card-top{align-items:center;gap:6px;min-width:0;margin-bottom:8px;display:flex}.ot-order-eta-metrics{grid-template-columns:1fr 1fr;gap:8px 10px;margin-bottom:8px;display:grid}.ot-order-eta-metric{min-width:0}.ot-order-eta-metric-label{text-transform:uppercase;letter-spacing:.04em;color:var(--ot-text-mute);margin-bottom:2px;font-size:10px;font-weight:700;display:block}.ot-order-eta-metric-value{color:var(--ot-text);word-break:break-word;font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:700}.ot-order-eta-badge{white-space:normal;text-align:center;word-break:break-word;border-radius:999px;justify-content:center;align-items:center;max-width:100%;padding:3px 8px;font-size:11px;font-weight:700;line-height:1.25;display:inline-flex}.ot-order-eta-badge--done{color:#0c6f6a;background:#d7f2f0;border:1px solid #a8e5e0}.ot-order-eta-badge--eta{color:#1f4fa3;background:#dbe7fb;border:1px solid #b8cff5}.ot-order-eta-badge--muted{color:var(--ot-text-mute);background:var(--ot-panel2);border:1px solid var(--ot-border)}.ot-order-eta-foot{border-top:1px solid var(--ot-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-top:6px;display:flex}.ot-order-eta-total{color:var(--ot-text-mute);white-space:nowrap;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700}.ot-item-banner{border:1px solid #c8dfc8;border-left:4px solid var(--ot-accent);background:linear-gradient(135deg,#f7fbf7 0%,#fff 100%);border-radius:10px;margin-top:12px;margin-bottom:0;padding:12px 14px}.ot-item-banner-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.ot-item-banner-title{color:var(--green-dark);text-transform:uppercase;letter-spacing:.04em;font-size:13px;font-weight:700}.ot-item-banner-sub{color:var(--ot-text-mute);margin-top:2px;font-size:11.5px}.ot-item-banner-count{color:var(--green-mid);background:var(--green-light);white-space:nowrap;border:1px solid #c8dfc8;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.ot-item-banner-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;display:grid}.ot-item-banner-card{border:1px solid var(--ot-border);background:#fff;border-radius:8px;padding:10px 11px}.ot-item-banner-card-top{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.ot-item-banner-name{color:var(--ot-text);font-size:13px;font-weight:700;line-height:1.25}.ot-item-banner-badge{white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:10.5px;font-weight:700}.ot-item-banner-badge--done{color:#0c6f6a;background:#d7f2f0;border:1px solid #a8e5e0}.ot-item-banner-badge--eta{color:#1f4fa3;background:#dbe7fb;border:1px solid #b8cff5}.ot-item-banner-badge--muted{color:var(--ot-text-mute);background:var(--ot-panel2);border:1px solid var(--ot-border)}.ot-item-banner-metrics{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.ot-item-banner-metric-label{text-transform:uppercase;letter-spacing:.04em;color:var(--ot-text-mute);margin-bottom:2px;font-size:10px;font-weight:700;display:block}.ot-item-banner-metric-value{color:var(--ot-text);font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:700}.ot-item-banner-bar{background:#e3e7ee;border-radius:4px;height:6px;overflow:hidden}.ot-item-banner-bar-fill{border-radius:4px;height:100%}.ot-item-banner-foot{color:var(--ot-text-mute);margin-top:4px;font-size:10.5px;font-weight:600}.ot-process-block{margin-bottom:14px}.ot-pcard{background:var(--ot-panel2);border:1px solid var(--ot-border);border-radius:8px;padding:10px 12px}.ot-pcard-dates-bar{border-bottom:1px solid var(--ot-border);color:var(--ot-text-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;font-size:11.5px;display:flex}.ot-pcard-dates-bar b{color:var(--ot-text)}.ot-pcard-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;margin-bottom:6px;display:flex}.ot-pcard-name{align-items:center;gap:9px;display:flex}.ot-pcard-name .ot-dot{border-radius:4px;flex-shrink:0;width:11px;height:11px}.ot-dot{border-radius:3px;width:9px;height:9px;display:inline-block}.ot-pcard-nums{color:var(--ot-text-dim);align-items:center;gap:8px;font-size:11.5px;display:flex}.ot-pcard-qty{color:var(--ot-text);font-size:13px;font-weight:700}.ot-pcard-pct{color:#1f4fa3;background:#dbe7fb;border-radius:999px;justify-content:center;align-items:center;min-width:50px;padding:4px 10px;font-size:14px;font-weight:800;line-height:1;display:inline-flex}.ot-bar-track{background:#e3e7ee;border-radius:4px;height:7px;overflow:hidden}.ot-bar-fill{border-radius:4px;height:100%;transition:width .4s}.ot-pcard-foot{color:var(--ot-text-mute);margin-top:4px;font-size:10.5px}.ot-pcard-reject{color:#b42318;margin-top:7px;font-size:11px;font-weight:700}.ot-pcard-foot.over{color:var(--ot-amber)}.ot-reject-mini{background:#fff7f6;border:1px solid #f1c4c0;border-radius:8px;margin-top:10px;overflow:hidden}.ot-reject-mini-head{justify-content:space-between;align-items:center;gap:10px;padding:7px 10px;display:flex}.ot-reject-mini-trigger{cursor:pointer;text-align:left;background:#fff1ef;border:0;width:100%}.ot-reject-mini-trigger:hover{background:#ffe8e4}.ot-reject-mini-trigger-right{align-items:center;gap:8px;display:flex}.ot-reject-mini-title{text-transform:uppercase;letter-spacing:.04em;color:#b42318;font-size:11px;font-weight:700}.ot-reject-mini-total{color:#7a271a;font-size:11px}.ot-reject-mini-wrap{border-top:1px solid #f3d4d0;overflow-x:auto}.ot-reject-mini-wrap--dates{border-top:1px solid #f3d4d0}.ot-reject-mini-table{border-collapse:collapse;width:100%;font-size:11.5px}.ot-reject-mini-table th,.ot-reject-mini-table td{border-top:1px solid #f3d4d0;padding:6px 10px}.ot-reject-mini-table th{text-align:left;color:#7a271a;background:#fff1ef;font-size:10.5px;font-weight:700}.ot-reject-mini-table td:last-child,.ot-reject-mini-table th:last-child{text-align:right}.ot-reject-mini-table tbody tr:nth-child(2n){background:#fff2f0}.ot-reject-toggle{color:#7a271a;cursor:pointer;text-align:left;background:#fff1ef;border:0;border-top:1px solid #f3d4d0;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:11px;font-weight:700;display:flex}.ot-reject-toggle-caret{transition:transform .2s}.ot-reject-toggle-caret.open{transform:rotate(180deg)}.ot-table-wrap{border:1px solid var(--ot-border);-webkit-overflow-scrolling:touch;border-radius:8px;max-width:100%;margin-top:12px;overflow:auto}.ot-table-wrap--inline{max-height:none}.ot-xl-table{border-collapse:collapse;width:100%;font-family:IBM Plex Mono,monospace;font-size:11.5px}.ot-xl-table th{background:var(--ot-panel2);color:var(--ot-text);text-align:center;border:1px solid var(--ot-border);white-space:nowrap;z-index:1;padding:6px 10px;font-family:IBM Plex Sans,sans-serif;font-weight:600;position:sticky;top:0}.ot-xl-table th:first-child{text-align:left;z-index:2;position:sticky;left:0}.ot-xl-table th:nth-child(2){text-align:right}.ot-xl-table td{text-align:right;border:1px solid var(--ot-border);white-space:nowrap;padding:5px 10px}.ot-xl-table td:first-child{text-align:left;background:inherit;font-family:IBM Plex Sans,sans-serif;font-weight:600;position:sticky;left:0}.ot-xl-table tbody tr{background:#f7f9fc}.ot-xl-table tbody tr:nth-child(2n){background:#eef1f7}.ot-xl-table .neg{color:var(--ot-red);font-weight:700}.ot-modal-overlay{z-index:50;background:#14182173;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.ot-modal-overlay.open{display:flex}.ot-modal-box{background:var(--ot-panel);border-radius:12px;flex-direction:column;width:100%;max-width:360px;max-height:80vh;padding:18px 20px;display:flex}.ot-modal-title{margin-bottom:4px;font-size:14px;font-weight:700}.ot-modal-sub{color:var(--ot-text-mute);margin-bottom:12px;font-size:11.5px}.ot-modal-range{margin-bottom:12px}.ot-modal-range-label{color:var(--ot-text-mute);text-transform:uppercase;letter-spacing:.04em;margin-bottom:5px;font-size:10.5px;font-weight:700;display:block}.ot-modal-range-select{border:1px solid var(--ot-border);width:100%;color:var(--ot-text);background:#fff;border-radius:7px;padding:8px 10px;font-family:inherit;font-size:12.5px}.ot-modal-range-select:focus{border-color:var(--green-mid);outline:none;box-shadow:0 0 0 2px #2d7a2d1f}.ot-modal-dates{flex-direction:column;flex:1;gap:2px;margin-bottom:14px;display:flex;overflow:auto}.ot-modal-date-row{cursor:pointer;border-radius:6px;align-items:center;gap:9px;padding:7px 6px;font-size:12.5px;display:flex}.ot-modal-date-row:hover{background:var(--ot-panel2)}.ot-modal-date-row input{accent-color:var(--ot-accent);cursor:pointer}.ot-modal-actions{justify-content:flex-end;gap:8px;display:flex}@media (max-width:1200px){.ot-charts-grid{grid-template-columns:1fr}.ot-panel--pie{max-width:380px}}@media (max-width:1024px){.ot-v5-header{align-items:flex-start}.ot-v5-title{border-right:0;width:100%;margin-bottom:2px;margin-right:0;padding-right:0}.ot-v5-controls{flex:100%;justify-content:flex-start}.ot-v5-header-pills{flex-wrap:wrap}.ot-timeline-bar{gap:12px}.ot-tl-track{flex:100%;order:3;min-width:0}}@media (max-width:900px){.ot-kpi-value{font-size:18px}.ot-pcard-top,.ot-pcard-dates-bar{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width:760px){.order-tracking{margin:-16px;padding:14px 16px 24px}.ot-v5-title{font-size:18px}.ot-v5-control{flex:calc(50% - 6px);min-width:0}.ot-timeline-bar{flex-direction:column;align-items:stretch}.ot-tl-item{justify-content:space-between;width:100%}.ot-tl-sep{display:none}.ot-tl-track{order:0;width:100%}.ot-item-banner-head,.ot-order-eta-head{flex-direction:column;align-items:flex-start}}@media (max-width:600px){.ot-v5-control{flex:100%}.ot-kpi-value{font-size:16px}.ot-order-eta-metrics{grid-template-columns:1fr}}.exceptions-list{list-style:none}.exceptions-list li{border-bottom:1px solid var(--gray-100);align-items:center;gap:10px;padding:9px 0;font-size:13px;display:flex}.exceptions-list li:last-child{border-bottom:none}.exception-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-red{background:var(--red)}.dot-amber{background:var(--amber)}.kanban-board{gap:12px;min-height:400px;padding-bottom:8px;display:flex;overflow-x:auto}.kanban-col{background:var(--gray-100);border-radius:var(--radius-lg);flex-direction:column;flex-shrink:0;width:220px;display:flex}.kanban-col-header{text-transform:uppercase;letter-spacing:.05em;color:var(--gray-700);border-bottom:1px solid var(--gray-200);justify-content:space-between;align-items:center;padding:12px 14px;font-size:12px;font-weight:700;display:flex}.kanban-cards{flex-direction:column;flex:1;gap:8px;padding:10px;display:flex}.kanban-card{background:var(--white);border-radius:var(--radius);border:1px solid var(--gray-200);box-shadow:var(--shadow-sm);cursor:pointer;padding:12px;font-size:12.5px;transition:box-shadow .15s}.kanban-card:hover{box-shadow:var(--shadow)}.kanban-card.overdue{border-left:3px solid var(--red)}.kanban-card .kc-so{color:var(--gray-900);font-weight:700}.kanban-card .kc-customer{color:var(--gray-600);margin-top:2px}.kanban-card .kc-value{color:var(--green);margin-top:6px;font-weight:600}.kanban-card .kc-date{color:var(--gray-600);margin-top:3px;font-size:11.5px}.kanban-card .kc-overdue-tag{color:var(--red);margin-top:4px;font-size:11px;font-weight:600}.chart-wrap{padding:10px 0;position:relative}.bar-chart-container canvas{max-height:200px}.ageing-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.ageing-cell{background:var(--gray-50);border-radius:var(--radius);border:1px solid var(--gray-200);text-align:center;padding:14px}.ageing-cell .ageing-label{color:var(--gray-600);margin-bottom:6px;font-size:11px;font-weight:600}.ageing-cell .ageing-value{color:var(--gray-900);font-size:18px;font-weight:700}.ageing-cell.overdue .ageing-value{color:var(--red)}.alert-item{border-bottom:1px solid var(--gray-100);align-items:flex-start;gap:14px;padding:14px 20px;transition:background .1s;display:flex}.alert-item:last-child{border-bottom:none}.alert-item:hover{background:var(--gray-50)}.alert-icon{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;display:flex}.alert-content{flex:1}.alert-type{text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;font-size:11px;font-weight:700}.alert-desc{color:var(--gray-800);font-size:13px}.alert-date{color:var(--gray-600);margin-top:3px;font-size:11.5px}.line-item-table th,.line-item-table td{padding:8px 10px;font-size:13px}.line-item-table input[type=number],.line-item-table input[type=text],.line-item-table select{border:1px solid var(--gray-200);border-radius:var(--radius-sm);outline:none;width:100%;padding:5px 8px;font-size:13px}.line-item-table input:focus,.line-item-table select:focus{border-color:var(--green)}.stock-ok{color:var(--green)}.stock-low{color:var(--amber)}.stock-out{color:var(--red)}.process-tags{flex-wrap:wrap;gap:4px;display:flex}.process-tag{background:var(--green-light);color:var(--green-dark);border-radius:10px;padding:2px 8px;font-size:10.5px;font-weight:500}.ledger-in{color:var(--green);font-weight:600}.ledger-out{color:var(--red);font-weight:600}.section-divider{text-transform:uppercase;letter-spacing:.06em;color:var(--gray-600);border-bottom:1px solid var(--gray-200);margin-bottom:16px;padding:4px 0 10px;font-size:12px;font-weight:700}.org-profile-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.org-identity-card,.org-contact-card{grid-column:1/-1}.org-logo-row{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.org-logo{border-radius:var(--radius-lg);object-fit:contain;border:1px solid var(--gray-200);background:var(--gray-50);flex-shrink:0;width:72px;height:72px}.org-logo--placeholder{color:var(--green);background:var(--green-light);justify-content:center;align-items:center;font-size:22px;font-weight:700;display:inline-flex}.org-identity-summary{flex-direction:column;gap:4px;min-width:0;padding-top:6px;display:flex}.org-identity-summary__name{color:var(--gray-900);font-size:18px;font-weight:700;line-height:1.3}.org-identity-summary__code{font-size:13px;font-weight:600;font-family:var(--font-mono,ui-monospace, monospace);color:var(--gray-600);letter-spacing:.02em}.org-logo-actions{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;margin-top:20px;display:grid}.org-identity-card .profile-grid{border-top:1px solid var(--gray-200);margin-top:24px;padding-top:20px}.profile-grid--contact{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-field{flex-direction:column;gap:6px;min-width:0;display:flex}.profile-field--full{grid-column:1/-1}.profile-field__label{text-transform:uppercase;letter-spacing:.05em;color:var(--gray-600);font-size:11px;font-weight:600;line-height:1.3}.profile-field__value{color:var(--gray-900);word-break:break-word;font-size:14px;font-weight:500;line-height:1.45}.profile-field__value--mono{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.02em;font-size:13px}@media (max-width:900px){.sidebar{transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow-lg);transform:translate(0)}.sidebar-backdrop{display:block}.main-wrap{margin-left:0}.sidebar-toggle{display:block}.form-grid{grid-template-columns:1fr}.form-grid-3{grid-template-columns:1fr 1fr}.ot-summary-grid,.org-profile-layout,.profile-grid,.profile-grid--contact{grid-template-columns:1fr}.profile-field--full{grid-column:auto}.dashboard-grid{grid-template-columns:1fr}.ageing-grid{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.split-grid{grid-template-columns:1fr}}@media (max-width:600px){.page-content{padding:16px}.topbar{gap:8px;padding:0 12px}.topbar-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.hidden-mobile{display:none!important}.show-mobile-only{display:block}.page-header{flex-direction:column;align-items:stretch;gap:12px}.page-header .btn{justify-content:center;width:100%}.card-header,.card-body{padding:14px 16px}.table-toolbar{flex-direction:column;align-items:stretch;padding:12px 16px}.search-input-wrap{min-width:0;max-width:none}.toolbar-select{width:100%;min-width:0}.table-toolbar .btn{justify-content:center;width:100%}.form-grid-3{grid-template-columns:1fr}.ageing-grid{grid-template-columns:1fr 1fr}.stats-grid,.checkbox-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn{justify-content:center;width:100%}.line-item-row{grid-template-columns:1fr 1fr auto}.line-item-row>:first-child,.line-item-row>:nth-child(2){grid-column:1/-1}.modal-overlay{align-items:flex-end;padding:12px}.modal{max-height:92vh;overflow-y:auto}.toast-container{bottom:12px;left:12px;right:12px}.toast{min-width:0;max-width:none}.kanban-col{width:min(85vw,280px)}.login-card{padding:28px 24px}.item-packaging-dl{grid-template-columns:1fr 1fr}}@media (max-width:400px){.ageing-grid,.item-packaging-dl{grid-template-columns:1fr}}.owner-view{--ov-accent-blue:#3b6fd9;--ov-accent-green:#1f8f4e;--ov-accent-amber:#c4841a;--ov-accent-teal:#1a8f8a;--ov-accent-violet:#6b4fd4;--ov-text:#1e2430;--ov-text-muted:#5c6578;--ov-surface:#fff;--ov-border:#e2e8f0;flex-direction:column;gap:14px;min-height:calc(100vh - 64px);font-family:IBM Plex Sans,sans-serif;display:flex}.ov-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.ov-header-left{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.ov-subtitle{color:var(--ov-text-muted);letter-spacing:-.01em;margin:0;font-size:14px;font-weight:600}.ov-title{color:var(--ov-text,var(--gray-900));letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700}.ov-detail-link{color:var(--green);align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.ov-detail-link:hover{text-decoration:underline}.ov-live-pill{text-transform:uppercase;letter-spacing:.04em;background:var(--green-light);color:var(--green);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.ov-live-pill--done{color:var(--green);background:#e8f4ea}.ov-live-dot{background:var(--green);border-radius:50%;width:6px;height:6px;animation:1.6s infinite ov-pulse}@keyframes ov-pulse{0%,to{opacity:1}50%{opacity:.35}}.ov-header-controls{align-items:center;gap:12px;display:flex}.ov-order-label,.ov-filter-label{color:var(--gray-600);align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.ov-funnel-section{min-height:0}.ov-funnel{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.ov-funnel-bucket{border:1.5px solid var(--ov-border);background:var(--ov-surface);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:16px 12px;font-family:inherit;transition:border-color .15s,box-shadow .15s,transform .12s;display:flex}.ov-funnel-bucket--all{background:linear-gradient(#f8fafc 0%,#fff 100%)}.ov-funnel-bucket--green{background:linear-gradient(#edf8f0 0%,#fff 100%);border-color:#b8dfc4}.ov-funnel-bucket--yellow{background:linear-gradient(#fff8e8 0%,#fff 100%);border-color:#ecd9a0}.ov-funnel-bucket--red{background:linear-gradient(#fdeeee 0%,#fff 100%);border-color:#e8b4b4}.ov-funnel-bucket:hover:not(:disabled){border-color:var(--gray-300);box-shadow:0 2px 8px #0000000f}.ov-funnel-bucket:disabled{opacity:.5;cursor:not-allowed}.ov-funnel-bucket--active{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.ov-funnel-bucket--green.ov-funnel-bucket--active{border-color:var(--green)}.ov-funnel-bucket--yellow.ov-funnel-bucket--active{border-color:#d1a63b;box-shadow:0 0 0 1px #d1a63b}.ov-funnel-bucket--red.ov-funnel-bucket--active{border-color:var(--red);box-shadow:0 0 0 1px var(--red)}.ov-funnel-count{color:var(--ov-text);font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;line-height:1}.ov-funnel-bucket--green .ov-funnel-count{color:var(--ov-accent-green)}.ov-funnel-bucket--yellow .ov-funnel-count{color:var(--ov-accent-amber)}.ov-funnel-bucket--red .ov-funnel-count{color:var(--red)}.ov-funnel-label{color:var(--ov-text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.ov-summary-section{flex-direction:column;gap:10px;display:flex}.ov-chart-focus-hint{color:var(--ov-text-muted);margin:0;padding:0 2px;font-size:12px}.ov-chart-nodata{margin:0}.ov-mid-row{display:block}.ov-summary-strip{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:12px;display:grid}.ov-summary-card{--ov-card-accent:var(--green);background:var(--ov-surface);border:1px solid var(--ov-border);border-radius:10px;flex-direction:column;min-width:0;padding:0;display:flex;overflow:hidden;box-shadow:0 1px 2px #1e24300a}.ov-summary-card:before{content:"";background:var(--ov-card-accent);height:3px;display:block}.ov-summary-card-head{align-items:center;gap:8px;min-height:28px;padding:10px 12px 0;display:flex}.ov-summary-icon{background:color-mix(in srgb, var(--ov-card-accent) 12%, white);width:24px;height:24px;color:var(--ov-card-accent);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:inline-flex}.ov-summary-label{letter-spacing:-.01em;color:var(--ov-text);font-size:12px;font-weight:600;line-height:1.25}.ov-summary-card>.ov-summary-value{min-height:42px;color:var(--ov-text);font-variant-numeric:tabular-nums;letter-spacing:-.02em;align-items:center;padding:6px 12px 0;font-size:20px;font-weight:700;line-height:1.2;display:flex}.ov-summary-dates{font-size:inherit;font-weight:inherit;flex-direction:column;gap:1px;line-height:1.2;display:flex}.ov-summary-dates-arrow{color:var(--ov-text-muted);font-size:12px;font-weight:600;line-height:1}.ov-summary-value--green{color:var(--ov-accent-green)}.ov-summary-card-foot{align-items:center;min-height:34px;margin-top:auto;padding:8px 12px 10px;display:flex}.ov-summary-meta{color:var(--ov-text-muted);letter-spacing:-.01em;align-items:center;gap:4px;font-size:12px;font-weight:600;display:inline-flex}.ov-summary-meta strong{color:var(--ov-text);font-variant-numeric:tabular-nums;font-weight:700}.ov-summary-meta-sep{opacity:.45;padding:0 2px}.ov-summary-badge{letter-spacing:-.01em;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;line-height:1.2;display:inline-flex}.ov-summary-badge strong{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:13px;font-weight:800}.ov-summary-badge--violet{background:color-mix(in srgb, var(--ov-accent-violet) 14%, white);color:var(--ov-accent-violet);border:1px solid color-mix(in srgb, var(--ov-accent-violet) 28%, white)}.ov-summary-badge--green{background:color-mix(in srgb, var(--ov-accent-green) 14%, white);color:var(--ov-accent-green);border:1px solid color-mix(in srgb, var(--ov-accent-green) 28%, white)}.ov-summary-badge--amber{background:color-mix(in srgb, var(--ov-accent-amber) 14%, white);color:var(--ov-accent-amber);border:1px solid color-mix(in srgb, var(--ov-accent-amber) 28%, white)}.ov-charts-grid{grid-template-columns:minmax(300px,380px) minmax(0,1fr);align-items:stretch;gap:14px;display:grid}.ov-chart-card{border-color:var(--ov-border);flex-direction:column;min-width:0;display:flex;box-shadow:0 1px 3px #1e24300d}.ov-chart-card--pie .card-body,.ov-chart-card--line .card-body{flex:1}.ov-chart-header{padding-bottom:10px!important}.ov-chart-header h2{color:var(--ov-text);letter-spacing:-.01em;margin:0;font-size:14px;font-weight:700}.ov-chart-sub{color:var(--ov-text-muted);margin:3px 0 0;font-size:11.5px;font-weight:500}.ov-pie-body{grid-template-columns:148px minmax(0,1fr);align-items:center;gap:14px;display:grid;padding:12px 16px 16px!important}.ov-pie-visual{justify-content:center;align-items:center;display:flex}.ov-pie-canvas{flex-shrink:0;width:148px;height:148px;position:relative}.ov-pie-canvas canvas{display:block}.ov-pie-center{pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ov-pie-center-value{color:var(--ov-accent-green);font-variant-numeric:tabular-nums;font-size:22px;font-weight:800;line-height:1}.ov-pie-center-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ov-text-muted);margin-top:3px;font-size:10px;font-weight:700}.ov-pie-legend{flex-direction:column;gap:5px;min-width:0;display:flex}.ov-pie-legend-item{border:1px solid var(--ov-border);background:#f7f9fc;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 10px;font-size:12px;display:grid}.ov-pie-legend-label{align-items:center;gap:8px;min-width:0;display:flex}.ov-pie-process-name{white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.ov-pie-legend-values{flex-shrink:0;align-items:baseline;gap:8px;display:flex}.ov-pie-legend-values b{color:var(--ov-text);font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:700}.ov-pie-legend-pct{color:var(--ov-text-muted);text-align:right;min-width:28px;font-size:10px;font-weight:700}.ov-line-body{flex-direction:column;gap:10px;min-height:260px;display:flex;padding:12px 16px 16px!important}.ov-proc-checks{flex-wrap:wrap;gap:6px;display:flex}.ov-proc-check{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--ov-border);color:var(--ov-text-muted);background:#f7f9fc;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:11.5px;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.ov-proc-check--on{background:color-mix(in srgb, var(--ov-proc-color) 12%, white);border-color:color-mix(in srgb, var(--ov-proc-color) 40%, white);color:var(--ov-text)}.ov-proc-check input{opacity:0;width:0;height:0;position:absolute}.ov-proc-name{color:var(--ov-proc-color);font-weight:700}.ov-line-chart{flex:1;min-height:200px;position:relative}.ov-bottleneck-card .card-body,.ov-legend-card .card-body{padding:12px 16px}.ov-bottleneck-body{min-height:220px;padding-top:8px!important}.ov-bottleneck-wrap{grid-template-columns:minmax(0,1fr) 200px;gap:16px;height:100%;min-height:200px;display:grid}.ov-bottleneck-chart{height:200px;position:relative}.ov-bottleneck-legend{flex-direction:column;gap:8px;display:flex}.ov-bottleneck-stat{background:var(--gray-50,#f7f9fc);border:1px solid var(--gray-200);border-radius:6px;grid-template-columns:12px 1fr auto;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:grid}.ov-bottleneck-stat-label{color:var(--gray-700);font-weight:500}.ov-bottleneck-stat-value{color:var(--gray-900);font-weight:700}.ov-bottleneck-lag{text-transform:uppercase;color:#a0620a;letter-spacing:.03em;grid-column:2/-1;font-size:10px;font-weight:700}.ov-legend-swatch{border-radius:3px;flex-shrink:0;width:12px;height:12px}.ov-matrix-section{flex-direction:column;min-height:0;display:flex}.ov-matrix-card{flex-direction:column;flex:1;min-height:0;display:flex}.ov-matrix-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ov-matrix-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ov-matrix-body{flex:1;min-height:0;overflow:auto;padding:0!important}.ov-matrix-table-wrap tbody tr.ov-matrix-row{cursor:pointer}.ov-matrix-table-wrap tbody tr.ov-matrix-row:hover{background:var(--green-light)}.ov-matrix-empty{color:var(--gray-600);margin:0;padding:20px;font-size:13px}.ov-sort-btn{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.ov-sort-btn:hover{color:var(--green)}.ov-row-link{color:var(--green);font-weight:600;text-decoration:none}.ov-row-link:hover{text-decoration:underline}.ov-risk-pill{border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700}@media (max-width:1100px){.ov-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.ov-charts-grid{grid-template-columns:1fr}.ov-pie-body{grid-template-columns:1fr;justify-items:center}.ov-pie-legend{width:100%}.ov-bottleneck-wrap{grid-template-columns:1fr}}@media (max-width:900px){.ov-funnel{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.ov-funnel,.ov-summary-strip{grid-template-columns:1fr 1fr}.owner-view{min-height:auto}}