.confirm-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:grid;place-items:center;padding:24px;background:#03181285;pointer-events:auto;box-sizing:border-box}.confirm-dialog{width:min(calc(100vw - 32px),480px);max-height:calc(100dvh - 48px);overflow-y:auto;overflow-x:hidden;border-radius:18px;border:1px solid var(--nexkor-border, #d9e5e0);background:#fff;box-shadow:0 24px 64px #00140e47,0 0 0 1px #8fe0bb1f;pointer-events:auto;outline:none}.confirm-dialog__head{display:flex;align-items:center;gap:12px;padding:20px 20px 0}.confirm-dialog__icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;flex-shrink:0}.confirm-dialog__icon--success{background:var(--nexkor-surface-accent, #eaf7f1);color:var(--nexkor-primary-strong, #0b7a54)}.confirm-dialog__icon--warning{background:#fef7e0;color:#b06000}.confirm-dialog__icon--danger{background:#fce8e6;color:#c5221f}.confirm-dialog__icon--info{background:#e8f0fe;color:#1967d2}.confirm-dialog__title{margin:0;font-size:1.1rem;font-weight:800;color:var(--nexkor-bg-deep, #06251a);letter-spacing:-.02em;line-height:1.35}.confirm-dialog__body{padding:14px 20px 8px}.confirm-dialog__description{margin:0;font-size:15px;line-height:1.55;color:#202124;word-break:keep-all;overflow-wrap:anywhere;white-space:pre-line}.confirm-dialog__description strong{font-weight:800;color:var(--nexkor-bg-deep, #06251a)}.confirm-dialog__detail{display:flex;align-items:flex-start;gap:8px;margin:12px 0 0;padding:10px 12px;border-radius:10px;background:var(--nexkor-surface-accent, #eaf7f1);border:1px solid rgba(143,224,187,.4);color:#0b7a54;font-size:13px;line-height:1.45;word-break:keep-all}.confirm-dialog--warning .confirm-dialog__detail{background:#fff8e8;border-color:#f9ab0059;color:#8a5a00}.confirm-dialog--danger .confirm-dialog__detail{background:#fef0ef;border-color:#ea433547;color:#a50e0e}.confirm-dialog__detail svg{flex-shrink:0;margin-top:2px}.confirm-dialog__actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;padding:16px 20px 20px;pointer-events:auto}.confirm-dialog__btn{min-height:44px;min-width:96px;pointer-events:auto;position:relative;z-index:1}.confirm-dialog__spinner{animation:confirm-spin .8s linear infinite}@keyframes confirm-spin{to{transform:rotate(360deg)}}@media(max-width:480px){.confirm-dialog-backdrop{padding:16px}.confirm-dialog{width:100%;border-radius:16px}.confirm-dialog__actions{display:grid;grid-template-columns:1fr 1fr}.confirm-dialog__btn{width:100%}}@media(prefers-reduced-motion:reduce){.confirm-dialog__spinner{animation:none}}.toast-viewport{position:fixed;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));z-index:10050;display:flex;flex-direction:column;gap:10px;width:min(calc(100vw - 32px),380px);pointer-events:none}.toast{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;gap:8px;align-items:start;padding:12px 12px 12px 14px;border-radius:14px;border:1px solid var(--nexkor-border, #d9e5e0);background:#fff;box-shadow:0 12px 32px #062e2229;pointer-events:auto}.toast__icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;flex-shrink:0}.toast--success .toast__icon{background:var(--nexkor-surface-accent, #eaf7f1);color:var(--nexkor-primary-strong, #0b7a54)}.toast--error .toast__icon{background:#fce8e6;color:#c5221f}.toast--warning .toast__icon{background:#fef7e0;color:#b06000}.toast--info .toast__icon{background:#e8f0fe;color:#1967d2}.toast__body{min-width:0}.toast__title{display:block;font-size:13px;font-weight:800;color:#06251a;line-height:1.35}.toast__message{margin:4px 0 0;font-size:13px;line-height:1.45;color:#3c4043;word-break:keep-all;overflow-wrap:anywhere;white-space:pre-line}.toast__close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:8px;background:transparent;color:#5f6368;cursor:pointer}.toast__close:hover,.toast__close:focus-visible{background:#f1f3f4;outline:none}@media(max-width:640px){.toast-viewport{left:50%;right:auto;transform:translate(-50%);width:min(calc(100vw - 24px),400px)}}.modal--admin-login{width:min(420px,calc(100% - 16px))}.admin-login-form{display:flex;flex-direction:column;gap:4px}.admin-login-password-row{display:flex;gap:8px;align-items:stretch;min-width:0}.admin-login-password-row .form-control{flex:1 1 auto;min-width:0}.admin-login-toggle-pw{flex:0 0 auto;min-width:44px;min-height:44px;padding:0 12px}.admin-login-error{margin:4px 0 0;padding:10px 12px;border-radius:8px;background:#fce8e6;color:#c5221f;font-size:13px;line-height:1.45}.sidebar-auth-error{margin:8px 12px 0;padding:8px 10px;border-radius:7px;background:#c5221f33;color:#ffb4ad;font-size:11px;line-height:1.4}.sidebar.collapsed .sidebar-auth-error{display:none}.sidebar-bottom .sidebar-user{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:0;padding:10px 12px 12px}.sidebar-user-identity{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto}.sidebar-bottom .sidebar-user-meta{min-width:0}.sidebar-bottom .sidebar-user .btn.btn-primary.sidebar-auth-login-btn,.sidebar-bottom .sidebar-user button.btn.sidebar-auth-login-btn{flex:0 0 auto;width:auto!important;min-width:0!important;max-width:none!important;height:34px!important;min-height:0!important;max-height:34px;padding:0 10px!important;gap:4px;border-radius:6px;font-size:13px;font-weight:600;line-height:1;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.sidebar-bottom .sidebar-user .btn.sidebar-auth-login-btn .nav-label{display:inline;font-size:13px;font-weight:600;line-height:1;white-space:nowrap}.sidebar-bottom .sidebar-user .btn.sidebar-auth-login-btn svg{width:14px;height:14px;flex-shrink:0}.sidebar-bottom .sidebar-user .btn.sidebar-auth-logout-btn{flex:0 0 auto;width:auto;min-width:0;height:34px;min-height:0;padding:0 10px;gap:4px;font-size:13px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--nexkor-bg-deep, #06251a);border:1px solid rgba(143,224,187,.45)}.sidebar-bottom .sidebar-user .btn.sidebar-auth-logout-btn:hover:not(:disabled){background:#d9f3e7;color:var(--nexkor-bg-deep, #06251a)}.sidebar.collapsed .sidebar-bottom .sidebar-user{flex-direction:column;justify-content:center;gap:8px;padding-left:8px;padding-right:8px}.sidebar.collapsed .sidebar-user-identity{justify-content:center;flex:0 0 auto}.sidebar.collapsed .sidebar-bottom .sidebar-user .btn.btn-primary.sidebar-auth-login-btn,.sidebar.collapsed .sidebar-bottom .sidebar-user button.btn.sidebar-auth-login-btn{width:30px!important;min-width:30px!important;max-width:30px!important;height:30px!important;min-height:0!important;max-height:30px;padding:0!important;gap:0}.sidebar.collapsed .sidebar-bottom .sidebar-user .btn.sidebar-auth-login-btn .nav-label,.sidebar.collapsed .sidebar-bottom .sidebar-user .btn.sidebar-auth-logout-btn .nav-label{display:none}.sidebar.collapsed .sidebar-bottom .sidebar-user .btn.sidebar-auth-logout-btn{width:30px;min-width:30px;height:30px;min-height:0;padding:0}@media(max-width:768px){.modal--admin-login{width:calc(100% - 16px);max-width:none}.admin-login-form .form-control{min-height:44px;font-size:16px}.sidebar-bottom .sidebar-user .btn.btn-primary.sidebar-auth-login-btn,.sidebar-bottom .sidebar-user button.btn.sidebar-auth-login-btn,.sidebar-bottom .sidebar-user .btn.sidebar-auth-logout-btn{width:auto!important;min-height:0!important;height:34px!important;padding:0 10px!important}.sidebar.collapsed .sidebar-bottom .sidebar-user .btn.btn-primary.sidebar-auth-login-btn,.sidebar.collapsed .sidebar-bottom .sidebar-user button.btn.sidebar-auth-login-btn{width:30px!important;min-width:30px!important;height:30px!important;padding:0!important}}.page-hero-header{flex-shrink:0;padding:12px 24px 16px;background:var(--color-card);border-bottom:1px solid var(--color-border)}.page-hero-header__top{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}.page-hero-header__title-row{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.page-hero-header__menu-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease,border-color .15s ease}.page-hero-header__menu-btn:hover{color:var(--color-primary);border-color:#07845e59;background:var(--color-primary-light)}.page-hero-header__title{margin:0;min-width:0;font-size:var(--hero-title-size);font-weight:var(--hero-title-weight);line-height:1.25;letter-spacing:var(--hero-title-tracking);color:var(--hero-title-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-hero-header__date{flex-shrink:0;font-size:12px;font-weight:600;color:var(--nexkor-primary-strong);padding:5px 10px;background:var(--nexkor-surface-accent);border:1px solid var(--nexkor-border);border-radius:999px}.page-hero-header__subtitle{margin:6px 0 0;padding-left:40px;font-size:var(--hero-subtitle-size);font-weight:400;line-height:1.45;letter-spacing:-.01em;color:var(--hero-subtitle-color);max-width:640px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.page-toolbar{display:flex;align-items:flex-end;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin:0 0 20px;width:100%}.page-toolbar__actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}:root,[data-theme=light]{--nexkor-bg-deep: #062e22;--nexkor-bg-deep-secondary: #0b3d2e;--nexkor-sidebar: #082f25;--nexkor-primary: #07845e;--nexkor-primary-strong: #067453;--nexkor-primary-hover: #0a9668;--nexkor-accent: #12b981;--nexkor-page-bg: #f2f6f4;--nexkor-surface: #ffffff;--nexkor-surface-soft: #f7faf8;--nexkor-surface-accent: #eaf7f1;--nexkor-text: #10251e;--nexkor-text-secondary: #66756f;--nexkor-text-on-dark: #f4fff9;--nexkor-text-on-primary: #ffffff;--nexkor-border: #d9e5e0;--nexkor-border-strong: #bfd4ca;--nexkor-focus: #25c48a;--nexkor-shadow: 0 8px 24px rgba(6, 46, 34, .08);--status-success: #16855b;--status-info: #2878d0;--status-warning: #d98416;--status-danger: #d64545;--status-neutral: #75817c;--color-bg: var(--nexkor-page-bg);--color-bg-sidebar: var(--nexkor-sidebar);--color-card: var(--nexkor-surface);--color-border: var(--nexkor-border);--color-text: var(--nexkor-text);--color-text-secondary: var(--nexkor-text-secondary);--color-text-muted: var(--status-neutral);--color-primary: var(--nexkor-primary);--color-primary-hover: var(--nexkor-primary-hover);--color-primary-light: var(--nexkor-surface-accent);--color-success: var(--status-success);--color-warning: var(--status-warning);--color-danger: var(--status-danger);--color-info: var(--status-info);--status-running: var(--status-info);--status-waiting: var(--status-neutral);--status-inspection: var(--status-warning);--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--shadow-card: var(--nexkor-shadow);--shadow-hover: 0 10px 28px rgba(6, 46, 34, .12);--sidebar-width: 248px;--sidebar-collapsed: 72px;--sidebar-bg: var(--nexkor-bg-deep);--sidebar-bg-secondary: var(--nexkor-bg-deep-secondary);--sidebar-text: rgba(244, 255, 249, .88);--sidebar-text-muted: rgba(129, 201, 149, .55);--sidebar-hover: rgba(129, 201, 149, .12);--sidebar-active: var(--nexkor-primary);--sidebar-active-hover: var(--nexkor-primary-strong);--sidebar-border: rgba(255, 255, 255, .1);--header-height: auto;--hero-title-size: 1.875rem;--hero-title-size-mobile: 1.5rem;--hero-title-weight: 700;--hero-title-tracking: -.02em;--hero-title-color: var(--nexkor-text);--hero-subtitle-size: .875rem;--hero-subtitle-color: var(--nexkor-text-secondary);--stat-card-height: 100px;--production-card-height: 400px;--bp-tablet: 1024px;--bp-mobile: 768px;--bp-mobile-sm: 480px;--chart-height: 220px;--chart-height-mobile: 300px;--touch-target-min: 44px;--chart-series-1: var(--nexkor-primary);--chart-series-2: var(--status-info);--chart-series-3: var(--nexkor-accent);--chart-series-4: #5b8a7a;--menu-group-production: #e0b45b;--menu-group-equipment: #f08c67;--menu-group-product: #70aee0;--menu-group-materials: #57c7b1;--menu-group-management: #b6a0dc;--font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, sans-serif}[data-theme=dark]{--nexkor-page-bg: #0d1f1a;--nexkor-surface: #143028;--nexkor-surface-soft: #112822;--nexkor-surface-accent: #1a3d32;--nexkor-text: #e8f5f0;--nexkor-text-secondary: #a8bdb4;--nexkor-border: #2a4a3e;--nexkor-border-strong: #3a5e50;--nexkor-shadow: 0 8px 24px rgba(0, 0, 0, .35);--color-bg: var(--nexkor-page-bg);--color-card: var(--nexkor-surface);--color-border: var(--nexkor-border);--color-text: var(--nexkor-text);--color-text-secondary: var(--nexkor-text-secondary);--color-text-muted: #8aa399;--color-primary: #2ecf96;--color-primary-hover: #45d9a4;--color-primary-light: var(--nexkor-surface-accent);--hero-title-color: var(--nexkor-text);--hero-subtitle-color: var(--nexkor-text-secondary)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-family);font-size:14px;color:var(--color-text);background:var(--color-bg);line-height:1.5;-webkit-font-smoothing:antialiased;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.page-title{font-size:20px;font-weight:600;color:var(--color-text)}.page-subtitle{font-size:13px;color:var(--color-text-secondary);margin-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:8px 16px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;font-weight:600;white-space:nowrap;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .15s}.btn:focus-visible{outline:2px solid var(--nexkor-focus);outline-offset:2px}.btn:disabled,.btn.is-disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background:var(--nexkor-primary);color:var(--nexkor-text-on-primary);box-shadow:0 4px 12px #07845e2e}.btn-primary:hover:not(:disabled):not(.is-disabled){background:var(--nexkor-primary-hover);transform:translateY(-1px)}.btn-primary:active:not(:disabled):not(.is-disabled){background:var(--nexkor-primary-strong);transform:none}.btn-secondary{background:var(--nexkor-surface);border-color:var(--nexkor-border);color:var(--nexkor-text)}.btn-secondary:hover:not(:disabled):not(.is-disabled){background:var(--nexkor-surface-soft);border-color:var(--nexkor-border-strong)}.btn-danger{background:var(--status-danger);color:#fff}.btn-danger:hover:not(:disabled):not(.is-disabled){filter:brightness(.95)}.btn-ghost{background:transparent;color:var(--nexkor-primary);border-color:transparent}.btn-ghost:hover:not(:disabled):not(.is-disabled){background:var(--nexkor-surface-accent)}.btn-sm{min-height:32px;padding:4px 10px;font-size:12px;gap:6px}.card{background:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--color-border)}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:12px;font-weight:600;color:var(--nexkor-primary-strong);margin-bottom:6px}.form-control{width:100%;min-height:42px;padding:8px 12px;border:1px solid var(--nexkor-border);border-radius:var(--radius-md);background:var(--nexkor-surface);color:var(--nexkor-text)}.form-control::placeholder{color:var(--status-neutral)}.form-control:focus{outline:none;border-color:var(--nexkor-primary);box-shadow:0 0 0 3px #25c48a38}.form-control.is-invalid,.form-control[aria-invalid=true]{border-color:var(--status-danger);box-shadow:0 0 0 3px #d645452e}input[type=date],input[type=time],input[type=month]{-moz-appearance:auto;appearance:auto;-webkit-appearance:auto}input[type=date]{cursor:pointer}input[type=date]::-webkit-calendar-picker-indicator{display:block;opacity:1;visibility:visible;cursor:pointer}.filter-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:16px;margin-bottom:16px}.filter-bar .form-group{margin-bottom:0;min-width:140px}.clamp-stock-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.table-wrap{overflow:visible}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th,.data-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--color-border)}.data-table th{background:var(--nexkor-surface-accent);font-weight:600;color:var(--nexkor-bg-deep);white-space:nowrap}.data-table tbody tr{background:var(--nexkor-surface)}.data-table tbody tr:hover{background:var(--nexkor-surface-accent)}.text-danger{color:var(--color-danger);font-weight:500}.badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:500}.badge-running{background:#e8f1fb;color:var(--status-info)}.badge-waiting{background:#eef1f0;color:var(--status-neutral)}.badge-inspection{background:#fff4e5;color:var(--status-warning)}.badge-vacation{background:var(--nexkor-surface-accent);color:var(--status-success)}.badge-late{background:#fdecec;color:var(--status-danger)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9000;padding:16px;overflow:hidden;pointer-events:auto}body.modal-open{overflow:hidden;touch-action:none}.modal{background:var(--color-card);border-radius:var(--radius-lg);width:100%;max-width:520px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-hover);will-change:transform}.modal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.recharts-tooltip-wrapper{z-index:20;pointer-events:none}.modal-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;position:sticky;top:0;z-index:10;padding:16px 20px;background:var(--color-card);border-bottom:1px solid var(--color-border)}@media(min-width:768px){.modal-drag-handle{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.modal--dragging,.modal--dragging .modal-drag-handle{cursor:grabbing}.modal--resizable{min-width:680px;min-height:min(520px,calc(100vh - 32px));max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);resize:both}.modal--resizable .modal-body{max-height:none}}.modal-header__title{margin:0;font-size:16px;font-weight:600;line-height:1.3;min-width:0}.modal-header__actions{display:flex;align-items:center;flex:0 0 auto;gap:8px}.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;max-height:calc(90vh - 80px);padding:20px 12px 20px 20px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.modal:has(.modal-footer) .modal-body{max-height:calc(90vh - 140px)}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:#0003;border-radius:20px}.modal-body::-webkit-scrollbar-thumb:hover{background:#0000004d}.modal-footer{display:flex;justify-content:flex-end;flex-shrink:0;gap:8px;padding:16px 20px;background:var(--color-card);border-top:1px solid var(--color-border)}.empty-state{text-align:center;padding:48px 20px;color:var(--color-text-muted)}.view-mode-tabs{display:flex;gap:8px}.view-mode-tab{padding:8px 16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-secondary);cursor:pointer;font-weight:500;font-size:13px}.view-mode-tab:hover{background:var(--nexkor-surface-accent)}.view-mode-tab:focus-visible{outline:2px solid var(--nexkor-focus);outline-offset:2px}.view-mode-tab.active{background:var(--nexkor-primary);border-color:var(--nexkor-primary);color:var(--nexkor-text-on-primary)}.month-picker-group{min-width:220px}.month-picker-row{display:flex;align-items:center;gap:8px}.month-input{flex:1;min-width:140px}.month-range-hint{display:block;font-size:11px;color:var(--color-text-muted);margin-top:6px}.data-table tbody tr.row-highlight{background:var(--color-primary-light)}.data-table tbody tr.row-highlight td{font-weight:500}.section-title{font-size:15px;font-weight:600;color:var(--color-text);margin:20px 0 12px}.table-section-title{padding:16px 16px 0;font-size:14px;font-weight:600;color:var(--color-text-secondary)}.api-error-banner{padding:20px;margin-bottom:16px;border-left:4px solid var(--status-danger);background:#fdecec}.api-error-banner-title{font-weight:600;color:var(--status-danger);margin-bottom:8px}.api-error-banner-message{font-size:13px;color:var(--color-text-secondary);margin-bottom:12px;line-height:1.5}@media(max-width:768px){.form-control,.btn:not(.btn-sm),select.form-control,textarea.form-control{min-height:44px;font-size:16px}textarea.form-control{min-height:96px}.page-content{padding-bottom:max(20px,env(safe-area-inset-bottom,0px))}}.app-layout{min-height:100%}.sidebar{position:fixed;left:0;top:0;width:var(--sidebar-width);height:100vh;height:100dvh;background:linear-gradient(180deg,var(--nexkor-bg-deep) 0%,var(--nexkor-sidebar) 100%);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;z-index:200;transition:transform .25s ease,width .25s ease;transform:translate(0);color:var(--sidebar-text);min-width:0}.sidebar.is-closed{transform:translate(-100%);pointer-events:none}.sidebar.collapsed{width:var(--sidebar-collapsed)}.main-area{display:flex;flex-direction:column;margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));max-width:calc(100% - var(--sidebar-width));min-width:0;min-height:100vh;overflow-x:clip;box-sizing:border-box;transition:margin-left .25s ease,width .25s ease,max-width .25s ease}.app-layout.sidebar-collapsed .main-area{margin-left:var(--sidebar-collapsed);width:calc(100% - var(--sidebar-collapsed));max-width:calc(100% - var(--sidebar-collapsed))}.app-layout.sidebar-closed .main-area{margin-left:0;width:100%;max-width:100%}.page-content{flex:1;padding:32px;overflow-y:auto;width:100%;min-width:0;box-sizing:border-box}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;border:none;padding:0;cursor:pointer;background:#00000073}.sidebar-brand{flex-shrink:0;display:flex;align-items:stretch;justify-content:stretch;padding:0;border-bottom:1px solid rgba(255,255,255,.1);min-height:64px;overflow:hidden;background:transparent}.sidebar-brand-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:100%;padding:14px 16px;box-sizing:border-box}.sidebar-logo-link{position:relative;display:flex;align-items:center;justify-content:center;width:100%;max-width:190px;overflow:visible;border-radius:8px;cursor:pointer;text-decoration:none}.sidebar-logo-link picture{display:block;width:100%;line-height:0}.sidebar-logo-link:focus-visible{outline:2px solid var(--nexkor-focus, #25c48a);outline-offset:2px}.sidebar.collapsed .sidebar-logo-link{max-width:44px}.sidebar.collapsed .sidebar-brand-inner{padding:12px 8px}.nexkor-logo,.sidebar-logo-image{display:block;width:min(100%,190px);height:auto;max-height:48px;margin:0;object-fit:contain;filter:drop-shadow(0 1px 1px rgba(0,0,0,.35))}.nexkor-logo--collapsed{max-width:40px;max-height:40px;object-fit:cover;object-position:left center}.sidebar.collapsed .sidebar-brand-text,.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-group-title,.sidebar.collapsed .nav-group-toggle,.sidebar.collapsed .sidebar-user-meta,.sidebar.collapsed .sidebar-collapse-label{display:none}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:10px 10px 8px;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:999px}.sidebar-nav-group+.sidebar-nav-group,.sidebar-nav-group:first-of-type{margin-top:8px}.nav-group-title,.nav-group-toggle{display:flex;align-items:center;gap:8px;width:100%;font-size:12px;font-weight:700;letter-spacing:.04em;padding:12px 12px 6px;text-transform:none;color:var(--sidebar-text-muted);background:transparent;border:0;cursor:pointer;text-align:left;font-family:inherit;box-sizing:border-box}.nav-group-toggle:focus-visible{outline:2px solid rgba(255,255,255,.35);outline-offset:2px;border-radius:8px}.nav-group-title-text{flex:1;min-width:0}.nav-group-chevron{flex-shrink:0;opacity:.85;transition:transform .2s ease;transform:rotate(-90deg)}.nav-group-chevron.is-open{transform:rotate(0)}.nav-group-title:before,.nav-group-toggle:before{content:"";width:3px;height:12px;border-radius:999px;background:currentColor;flex-shrink:0}.nav-group-title--production{color:var(--menu-group-production)}.nav-group-title--equipment{color:var(--menu-group-equipment)}.nav-group-title--product{color:var(--menu-group-product)}.nav-group-title--materials{color:var(--menu-group-materials)}.nav-group-title--management{color:var(--menu-group-management)}.nav-group-panel{overflow:hidden;transition:max-height .22s ease,opacity .2s ease;max-height:480px;opacity:1}.sidebar-nav-group.is-collapsed .nav-group-panel{max-height:0;opacity:0;pointer-events:none}.sidebar.collapsed .nav-group-panel,.sidebar.collapsed .sidebar-nav-group.is-collapsed .nav-group-panel{max-height:none;opacity:1;pointer-events:auto;overflow:visible}.sidebar-menu-item,.nav-item{display:flex;align-items:center;gap:11px;min-height:44px;padding:0 14px;margin-bottom:4px;border-radius:9px;color:var(--sidebar-text);font-size:14px;line-height:1.2;text-decoration:none;transition:background-color .2s ease,color .2s ease,transform .2s ease}.sidebar-menu-item:active,.nav-item:active{background:var(--sidebar-hover);color:#fff}@media(hover:hover)and (pointer:fine){.sidebar-menu-item:hover,.nav-item:hover{background:var(--sidebar-hover);color:#fff;transform:translate(2px)}.sidebar-menu-item.active:hover,.nav-item.active:hover{background:var(--sidebar-active-hover)}}.sidebar-menu-item.active,.nav-item.active{background:var(--sidebar-active);color:#fff;font-weight:600;transform:none;box-shadow:0 6px 16px #07845e38}.sidebar-menu-item svg,.nav-item svg{flex-shrink:0;color:currentColor}.sidebar.collapsed .sidebar-menu-item,.sidebar.collapsed .nav-item{justify-content:center;padding-left:0;padding-right:0;gap:0}.sidebar-bottom{flex:0 0 auto;flex-shrink:0;border-top:1px solid rgba(255,255,255,.1);background:#00000014}.sidebar-footer{padding:0;border-top:none}.sidebar-toggle,.sidebar-collapse-btn{width:calc(100% - 16px);display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:8px 8px 0;padding:0 10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0f;border-radius:9px;cursor:pointer;color:#d9f3e7;font-weight:600;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.sidebar-toggle:hover,.sidebar-collapse-btn:hover{color:#fff;background:#12b9812e;border-color:#8fe0bb52}.sidebar-toggle:focus-visible,.sidebar-collapse-btn:focus-visible{outline:2px solid var(--nexkor-focus);outline-offset:2px}.sidebar-collapse-label{color:inherit;opacity:1}.sidebar-user{display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 14px 12px}.sidebar-user-avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;background:#ffffff1a;color:#d9f3e7;flex-shrink:0}.sidebar-user-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.sidebar-user-role{font-size:12px;font-weight:600;color:#8fe0bb;line-height:1.3}.sidebar-user-name{font-size:15px;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.sidebar.collapsed .sidebar-user{justify-content:center;padding-left:8px;padding-right:8px}.sidebar.collapsed .sidebar-collapse-btn{width:calc(100% - 12px);margin-left:6px;margin-right:6px;justify-content:center}@media(prefers-reduced-motion:reduce){.sidebar-menu-item,.nav-item{transition:none}.sidebar-menu-item:hover,.nav-item:hover{transform:none}}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-bottom:20px}.stat-card{background:var(--color-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-card);padding:16px 20px;height:var(--stat-card-height);display:flex;flex-direction:column;justify-content:center}.stat-card-label{font-size:12px;color:var(--color-text-secondary);margin-bottom:8px}.stat-card-value{font-size:24px;font-weight:700;color:var(--color-text)}.stat-card-value.primary{color:var(--color-primary)}.daily-production-past-notice{padding:12px 16px;margin-bottom:16px;font-size:13px;color:var(--color-text-secondary);line-height:1.5}.production-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(390px,1fr));gap:24px;min-width:0;align-items:start}.production-card{position:relative;overflow:hidden;width:100%;max-width:500px;min-width:390px;justify-self:start;height:auto;min-height:var(--production-card-height);display:flex;flex-direction:column;padding:18px;border:1px solid #dce7e2;border-radius:16px;box-shadow:0 8px 24px #123e310f;box-sizing:border-box;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,opacity .2s ease}.production-card--dragging{opacity:.55;transform:scale(.98)}.production-card--drag-over{border-color:var(--color-primary);box-shadow:0 0 0 2px #07845e40}.production-card-drag-handle{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:28px;height:28px;margin:0;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:#7a8984;cursor:grab;touch-action:none}.production-card-drag-handle:hover{border-color:#dce7e2;background:#f4f8f6;color:var(--color-primary)}.production-card-drag-handle:active{cursor:grabbing}.production-card:before{position:absolute;inset:0 0 auto;height:3px;background:var(--color-primary);content:""}@media(hover:hover)and (pointer:fine){.production-card:hover:not(.production-card--dragging){transform:translateY(-3px);box-shadow:0 14px 32px #062e221c;border-color:#07845e66}.production-card:not(.production-card--completed):hover:not(.production-card--dragging){box-shadow:0 10px 24px #07845e29;border-color:#07845e73}.production-card--completed:hover:not(.production-card--dragging){box-shadow:0 10px 24px #16855b2e;border-color:var(--color-success);opacity:1}}.production-card-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.production-card-header .badge{flex:0 0 auto;padding:5px 14px;border-radius:999px;font-size:14px;font-weight:700;line-height:1.3}.production-card-identity{display:flex;align-items:center;gap:11px;min-width:0}.production-card-machine-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:11px;background:#e9f7f1;color:var(--color-primary)}.production-card-eyebrow{display:block;margin-bottom:2px;color:#82918c;font-size:9px;font-weight:800;letter-spacing:.11em}.production-card-title{margin:0;color:#17342a;font-size:17px;font-weight:750;line-height:1.25}.production-card-body{flex:1;display:flex;flex-direction:column;gap:12px;font-size:13px;color:var(--color-text-secondary);min-width:0}.production-card-product{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid #dbe9e3;border-radius:12px;background:linear-gradient(135deg,#f3fbf7,#fbfdfc)}.production-card-product__icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:11px;background:#dff4ea;color:var(--color-primary)}.production-card-product__content{min-width:0}.production-card-product__label{display:block;margin-bottom:3px;color:#71817b;font-size:11px;font-weight:600}.production-card-location-grid,.production-card-output{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.production-card-location,.production-card-output__metric{min-width:0;padding:10px 11px;border:1px solid #e4ece8;border-radius:11px;background:#fafcfb}.production-card-location span{display:flex;align-items:center;gap:5px;margin-bottom:5px;color:#7a8984;font-size:11px}.production-card-location span svg{color:var(--color-primary)}.production-card-location strong{display:block;overflow:hidden;color:#263f37;font-size:12px;font-weight:650;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.production-card-output__metric{padding:11px 12px}.production-card-output__metric span{display:block;margin-bottom:5px;color:#71817b;font-size:11px;font-weight:600}.production-card-output__metric strong{display:block;color:#18342b;font-size:19px;font-weight:800;font-variant-numeric:tabular-nums}.production-card-output__metric--primary{border-color:#cce8dd;background:#effaf5}.production-card-output__metric--primary span,.production-card-output__metric--primary strong{color:var(--color-primary)}.production-card-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;min-width:0}.production-card-row span{flex:0 1 auto;min-width:0}.production-card-row strong{flex:0 0 auto;margin-left:auto;text-align:right;color:var(--color-text);font-variant-numeric:tabular-nums;max-width:58%;overflow-wrap:anywhere;word-break:keep-all}.production-card-row--meta{margin-top:0}.production-card-row--datetime strong{white-space:nowrap}.progress-bar-wrap{margin:10px 0}.progress-bar{height:8px;background:var(--color-bg);border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--color-primary);border-radius:4px;transition:width .3s}.progress-rate-bar{margin:8px 0;width:100%;min-width:0}.progress-rate-bar__head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;font-size:12px;width:100%}.progress-rate-bar__label{color:var(--color-text-muted);flex:1 1 auto;min-width:0}.progress-rate-bar__value{flex:0 0 auto;font-size:12px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums;min-width:3.5em}.production-card-progress-section{display:flex;flex-direction:column;gap:12px;width:100%;min-width:0;margin-bottom:2px;padding:2px 2px 0}.production-card-progress-section .progress-rate-bar,.production-card-progress .progress-bar-wrap{margin:0;width:100%}.production-card-progress .progress-bar{width:100%}.production-card-progress--plan .progress-bar-fill{background:var(--color-success, #16a34a)}.production-card-plan-block{margin:0;padding:12px 14px;border-radius:12px;background:#f7faf8;border:1px solid #dfe9e4;display:flex;flex-direction:column;gap:6px}.production-card-plan-block .production-card-row{font-size:12px;gap:14px}.production-card-overproduced{color:var(--color-danger, #c5221f)}.production-card-actions{display:flex;flex-wrap:nowrap;align-items:center;justify-content:stretch;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid #e7eeea;width:100%;min-width:0}.production-card-actions .btn,.production-card-actions .production-history-actions,.production-card-actions .production-history-actions--compact{flex:1 1 0;min-width:0}.production-card-actions .production-history-actions--compact{display:flex;flex-wrap:nowrap;gap:10px;width:100%}.production-card-actions .production-history-actions--compact .btn{flex:1 1 0;min-width:0;justify-content:center;border-radius:10px}.production-card-actions>.btn{justify-content:center}.production-card--completed{opacity:.92;border-color:var(--color-success)}.production-card-locked-msg{font-size:12px;color:var(--color-success);font-weight:500}.production-card-product-name{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;max-width:100%;color:#17342a;font-size:15px;font-weight:750;line-height:1.35;overflow-wrap:anywhere}.production-card-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:0}.production-card-detail{min-width:0;padding:9px 0;border-bottom:1px solid #edf2ef}.production-card-detail dt{display:flex;align-items:center;gap:6px;margin-bottom:4px;color:#7a8984;font-size:11px}.production-card-detail dt svg{color:var(--color-primary)}.production-card-detail dd{margin:0;color:#263f37;font-size:12px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}.production-card-remark{padding:10px 12px;border-left:3px solid #b6dcca;border-radius:0 9px 9px 0;background:#f6faf8}.production-card-remark span{display:block;margin-bottom:3px;color:#71817b;font-size:11px;font-weight:650}.production-card-remark p{margin:0;color:#2d463e;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.production-card-category-badge{font-size:10px;font-weight:500;padding:2px 6px;border-radius:4px;background:#eef1f4;color:var(--color-text-muted);vertical-align:middle}.production-card-schedule-alert{padding:9px 11px;border:1px solid #f1c987;border-radius:9px;background:#fff8e9;color:#8a5700;font-size:11px;font-weight:650;line-height:1.45}.production-modal-product-category{display:inline-block;margin-top:6px;font-size:12px;color:var(--color-text-muted);padding:2px 8px;border-radius:4px;background:#eef1f4}.production-history-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.btn-production-done,.btn-production-done:disabled{background:#e8eaed;color:#5f6368;border-color:#dadce0;cursor:not-allowed;opacity:1}.production-history-actions--compact{width:100%}.production-history-cards{display:none;flex-direction:column;gap:12px;margin-top:16px}.production-history-card{padding:14px 16px}.production-history-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.production-history-card-date{font-size:12px;color:var(--color-text-secondary)}.production-history-card-body{font-size:13px;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.production-history-card-body span{color:var(--color-text-secondary);margin-right:6px}.production-history-table .production-history-actions{min-width:0}@media(max-width:768px){.production-history-table{display:none}.production-history-cards{display:flex}}.production-charts-wrap .production-charts-body{padding:0 16px 16px}.production-charts-grid{margin-top:0}.chart-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px}.chart-card{padding:16px;min-height:280px}.chart-card h3{font-size:14px;font-weight:600;margin-bottom:12px;color:var(--color-text-secondary)}.chart-tooltip{padding:8px 12px;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-hover)}.chart-tooltip__label{margin:0 0 4px;font-size:12px;color:var(--color-text-secondary)}.chart-tooltip__value{margin:0;font-size:13px;font-weight:600;color:var(--color-text)}.chart-responsive-wrap{width:100%;height:var(--chart-height)}@media(max-width:1024px){.chart-grid{grid-template-columns:1fr}}@media(max-width:1024px){.main-area{margin-left:0!important;width:100%!important;max-width:100%!important}.app-layout:not(.sidebar-closed) .sidebar-backdrop{display:block}.sidebar.collapsed{width:var(--sidebar-width)}.sidebar.is-open{width:82vw;max-width:300px}.sidebar-collapse-btn{display:none}.page-content{padding:20px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.chart-grid{grid-template-columns:1fr;gap:12px}.product-summary-filters,.product-outbound-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1023px)and (min-width:768px){.production-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.production-card{min-width:380px;max-width:100%;width:100%;justify-self:stretch}}@media(max-width:768px){.page-content{padding:16px}.page-hero-header{padding:10px 16px 12px}.page-hero-header__top{flex-wrap:wrap;align-items:flex-start;gap:10px}.page-hero-header__title-row{flex:1 1 auto;min-width:0}.page-hero-header__menu-btn{width:44px;height:44px;min-width:44px;min-height:44px}.page-hero-header__title{font-size:var(--hero-title-size-mobile);white-space:normal;line-height:1.3}.page-hero-header__date{flex:1 1 100%;margin-left:54px;align-self:flex-start;font-size:11px;padding:6px 10px}.page-hero-header__subtitle{margin-top:6px;padding-left:54px;font-size:.8125rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:none}.sidebar-menu-item,.nav-item{min-height:44px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.stat-card{padding:14px 16px;height:auto;min-height:88px}.stat-card-label{font-size:12px}.stat-card-value{font-size:22px;line-height:1.2}.production-grid{grid-template-columns:1fr;gap:12px}.production-card{width:100%;min-width:0;max-width:100%;justify-self:stretch;height:auto;min-height:0;padding:16px;box-sizing:border-box}.chart-grid{grid-template-columns:1fr;margin-top:12px}.chart-card{min-height:auto;padding:12px}.chart-responsive-wrap{height:var(--chart-height-mobile);min-height:var(--chart-height-mobile)}.month-picker-group{min-width:0;width:100%}.month-picker-row{width:100%}.month-picker-row .btn-sm{min-width:44px;min-height:44px;padding:10px}.month-input{flex:1;min-width:0}.page-toolbar{margin-bottom:12px}.page-toolbar__actions{flex-direction:column;width:100%;gap:8px}.page-toolbar__actions .btn{width:100%;justify-content:center;min-height:44px}.btn:not(.btn-sm){min-height:44px;padding:10px 16px}.btn-sm{min-height:44px;padding:8px 12px}.table-wrap{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.table-scroll-wrapper{-webkit-overflow-scrolling:touch}.data-table{font-size:13px}.data-table th,.data-table td{padding:10px}.table-actions{flex-direction:column;align-items:stretch;gap:6px;min-width:0}.table-actions.table-actions--nowrap,.product-inbound-list-card .table-actions,.product-outbound-list-card .table-actions,.production-history-table .production-history-actions--table{flex-direction:row;flex-wrap:nowrap;align-items:center}.table-actions.table-actions--nowrap .btn,.product-inbound-list-card .table-actions .btn,.product-outbound-list-card .table-actions .btn{width:auto;min-height:40px;flex:0 0 auto}.production-history-table .production-history-actions--table .btn{min-height:40px;min-width:0;flex-shrink:0}.production-history-table .production-history-col-actions{min-width:220px}.production-history-actions{flex-direction:row;flex-wrap:wrap;align-items:stretch;width:100%}.production-history-actions .btn{min-height:40px}.production-history-table .production-history-actions{min-width:0}.product-summary-filters{grid-template-columns:1fr}.product-summary-table-wrap .table-scroll-wrapper{max-height:calc(100vh - 260px)}.product-summary-table{min-width:900px;font-size:13px}.product-summary-table th,.product-summary-table td{padding:8px 10px}.product-outbound-form-grid,.product-outbound-form-grid--inputs{grid-template-columns:1fr;gap:0}.product-outbound-search-input-row{flex-direction:column;align-items:stretch}.product-outbound-search-input-row>.btn{width:100%;min-height:44px}.product-outbound-search-dropdown{max-height:min(50vh,280px);left:0;right:0}.product-outbound-form-actions{justify-content:stretch;padding-top:12px}.product-outbound-form-actions .btn-primary{width:100%;justify-content:center}.modal-overlay{padding:8px;align-items:center;justify-content:center}.modal{width:calc(100% - 16px);max-width:none;max-height:95dvh;max-height:95vh;border-radius:12px}.modal--product-detail{width:calc(100% - 16px);max-width:none;max-height:95dvh;max-height:95vh}.modal--product-detail .modal-body{max-height:none;padding:14px}.product-detail-hero__meta{grid-template-columns:1fr}.modal-body{max-height:none;flex:1 1 auto;padding:16px 10px 16px 16px}.modal:has(.modal-footer) .modal-body{max-height:none}.modal-header{padding:14px 16px}.modal-header .modal-close-btn,.modal-header .btn-sm{min-width:44px;min-height:44px;padding:10px}.modal-footer{flex-wrap:nowrap;gap:8px;padding:12px 16px;position:sticky;bottom:0;z-index:5}.modal-footer .btn{flex:1 1 0;min-width:0;min-height:44px;justify-content:center}.table-wrap{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.form-control,select.form-control,input.form-control,textarea.form-control{min-height:44px;min-width:0;width:100%}textarea.form-control{min-height:96px}.modal-form-grid{grid-template-columns:1fr!important}.product-detail-hero{grid-template-columns:1fr;gap:12px;padding:14px}.product-detail-hero__image-wrap{max-width:220px;max-height:160px;margin:0 auto}.product-detail-hero__name{font-size:1.25rem}.product-detail-hero__meta{grid-template-columns:1fr;gap:8px}.product-detail-inventory{padding:12px 14px}.product-detail-stat--primary .product-detail-stat__value{font-size:1.125rem}.product-detail-dl{grid-template-columns:1fr}.product-detail-image{max-height:min(40vh,200px);width:100%}.product-image-upload-preview{max-height:min(35vh,180px)}.view-mode-tabs{flex-wrap:wrap;width:100%}.view-mode-tab{flex:1 1 auto;min-height:44px;text-align:center}.attendance-quick-panel .attendance-user-row{flex-direction:column;align-items:stretch;gap:8px;padding:10px 0;border-bottom:1px solid var(--color-border)}.attendance-quick-panel .attendance-user-row:last-child{border-bottom:none}.attendance-quick-panel .attendance-user-name{min-width:0;font-weight:600}.attendance-quick-panel .attendance-user-actions{display:flex;flex-wrap:wrap;gap:6px}.attendance-quick-panel .attendance-user-actions .btn{flex:1 1 calc(50% - 3px);min-width:0;justify-content:center}.filter-bar{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:14px}.filter-bar .form-group{width:100%;flex:none!important;align-self:stretch!important;min-width:0}.filter-bar .btn{width:100%;min-height:44px;justify-content:center}}@media(max-width:480px){.page-content{padding:12px}.page-hero-header__title{font-size:1.25rem}.stat-card-value{font-size:22px}.card{border-radius:var(--radius-md)}.modal{width:calc(100% - 16px);max-width:none;border-radius:12px}.modal-footer .btn{flex:1 1 0;min-height:44px}.table-actions .btn,.production-history-actions .btn{font-size:13px}.attendance-quick-panel .attendance-user-actions .btn{flex:1 1 100%}}.page-content>*,.page-content form,.page-content section,.page-content article{min-width:0;max-width:100%}@media(max-width:768px){html,body,#root,.app-layout,.main-area,.page-content{width:100%;max-width:100%;overflow-x:clip}.page-header,.page-toolbar,.page-toolbar__actions{width:100%;min-width:0}.page-toolbar__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.page-toolbar__actions .btn{min-width:0;width:100%}.search-filter-bar,.filter-bar,.monthly-filter-row,.clamp-toolbar-card{width:100%;min-width:0;max-width:100%}.card{overflow-wrap:anywhere}.table-scroll-wrapper{scrollbar-width:thin;scroll-snap-type:x proximity}.table-scroll-wrapper:after{content:"";display:block;width:1px;height:1px}.modal-overlay{padding:max(8px,env(safe-area-inset-top,0px)) max(8px,env(safe-area-inset-right,0px)) max(8px,env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px))}}@media(max-width:480px){.page-toolbar__actions{grid-template-columns:1fr}.page-hero-header{padding-left:12px;padding-right:12px}.page-hero-header__subtitle,.page-hero-header__date{margin-left:0;padding-left:0}.page-hero-header__date{padding:5px 9px}.mobile-record-card__grid{grid-template-columns:1fr}.mobile-record-card__wide{grid-column:auto}}body.sidebar-scroll-lock{overflow:hidden}@media(max-width:1024px){.sidebar.is-open{overflow:hidden;touch-action:pan-y}.sidebar.is-open .sidebar-nav{overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding-bottom:max(20px,env(safe-area-inset-bottom,0px))}}html,body,#root{max-width:100%}.mobile-record-list{display:none}.main-area,.page-content,.app-layout{min-width:0;max-width:100%}.modal--production-card{max-width:640px}.production-modal-form-grid{display:grid;gap:12px}.production-modal-form-grid--2{grid-template-columns:1fr 1fr}.production-modal-form-grid--3{grid-template-columns:1fr 1fr 1fr}@media(max-width:768px){.desktop-record-table{display:none!important}.mobile-record-list{display:flex;flex-direction:column;gap:12px;width:100%;min-width:0;padding:12px;box-sizing:border-box}.mobile-record-card{width:100%;min-width:0;padding:14px;background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;box-shadow:var(--shadow-card);box-sizing:border-box}.mobile-record-card__head{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.mobile-record-card__head>strong,.mobile-record-card__head>button:first-child{min-width:0;overflow-wrap:anywhere;word-break:keep-all}.mobile-record-card__head .badge{flex:0 0 auto}.mobile-record-card__meta{margin:5px 0 12px;color:var(--color-text-secondary);font-size:12px;line-height:1.45;overflow-wrap:anywhere}.mobile-record-card__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin:0;padding:12px 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.mobile-record-card__grid>div{min-width:0}.mobile-record-card__grid dt{margin:0 0 3px;color:var(--color-text-muted);font-size:11px;font-weight:600}.mobile-record-card__grid dd{margin:0;color:var(--color-text);font-size:13px;font-weight:600;line-height:1.45;overflow-wrap:anywhere;word-break:keep-all}.mobile-record-card__grid .mobile-record-card__value--primary{color:var(--color-primary);font-size:16px;font-weight:800}.mobile-record-card__wide{grid-column:1 / -1}.mobile-record-card__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.mobile-record-card__actions .btn{width:100%;min-width:0;min-height:44px;justify-content:center}.page-content{width:100%;max-width:100%;padding-top:12px;padding-right:max(12px,env(safe-area-inset-right,0px));padding-bottom:max(20px,env(safe-area-inset-bottom,0px));padding-left:max(12px,env(safe-area-inset-left,0px))}.main-area{width:100%;max-width:100%}.card,.table-wrap,.search-filter-bar-card,.monthly-filter-card,.product-inbound-form-card,.product-outbound-form-card,.product-inbound-list-card,.product-outbound-list-card,.product-summary-table-wrap{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.table-scroll-wrapper{width:100%;max-width:100%;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overscroll-behavior-x:contain}.table-scroll-wrapper:after{content:"";display:block;width:1px;height:1px}.data-table,.data-table th,.data-table td{font-size:13px}.clamp-stock-form-grid{grid-template-columns:1fr}.production-history-scroll .data-table{min-width:720px}.product-name-cell{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-name-cell.text-wrap,.data-table td.text-wrap{white-space:normal;overflow-wrap:anywhere;word-break:keep-all}.production-grid{grid-template-columns:1fr;gap:14px;min-width:0;width:100%}.production-card{width:100%;min-width:0;max-width:100%;justify-self:stretch;height:auto;min-height:0;padding:16px;box-sizing:border-box}.production-card-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;min-width:0}.production-card-identity{flex:1 1 auto;min-width:0}.production-card-title{flex:1 1 auto;min-width:0;font-size:17px;line-height:1.3;overflow-wrap:anywhere;word-break:keep-all}.production-card-header .badge{flex:0 0 auto;max-width:46%;padding:5px 12px;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.production-card-title-row{max-width:100%}.production-card-plan-hint{font-size:11px}.production-card-body{min-width:0;gap:9px;font-size:14px}.production-card-row{display:grid;grid-template-columns:minmax(88px,.85fr) minmax(0,1.65fr);gap:8px 12px;align-items:start;min-width:0}.production-card-row span{font-size:15px;line-height:1.4;color:var(--color-text-secondary)}.production-card-row strong{min-width:0;max-width:none;margin-left:0;text-align:right;font-size:16px;font-weight:600;line-height:1.45;overflow-wrap:anywhere;word-break:keep-all}.production-card-row--site strong,.production-card-row--remark strong{text-align:left}.production-card-row--datetime strong{white-space:normal;overflow-wrap:anywhere}.production-card-product-name{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px;text-align:left}.production-card-location strong{font-size:13px}.production-card-output__metric strong{font-size:20px}.production-card-details{grid-template-columns:1fr}.production-card-detail dt{font-size:12px}.production-card-detail dd{font-size:14px}.production-card-category-badge{font-size:12px;white-space:nowrap;flex-shrink:0}.production-card-progress-section{gap:10px;margin-bottom:2px}.progress-rate-bar__head,.progress-rate-bar__value{font-size:13px}.production-card-plan-block{display:flex;flex-direction:column;gap:8px;padding:10px 12px;margin:0;border-radius:8px;background:var(--color-bg);border:1px solid var(--color-border)}.production-card-plan-block .production-card-row{gap:8px 10px;align-items:center}.production-card-plan-block .production-card-row span{font-size:14px;font-weight:600;color:var(--color-text-muted)}.production-card-plan-block .production-card-row strong{font-size:18px;font-weight:700;text-align:right}.production-card-actions{display:block;width:100%;min-width:0;margin-top:12px;padding-top:12px}.production-card-actions .production-history-actions,.production-card-actions .production-history-actions--compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;min-width:0;flex-wrap:unset}.production-card-actions .btn{width:100%;min-width:0;min-height:44px;padding:8px 10px;font-size:15px;justify-content:center;white-space:nowrap}.production-card-actions .production-card-action-delete:nth-child(3){grid-column:1 / -1}.production-card-actions .btn-secondary:only-child,.production-card-actions .production-card-action-edit:only-child{grid-column:1 / -1}.modal-overlay{min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom));align-items:center}.modal,.modal--production-card,.modal--product-summary,.modal--notice,.modal--notice-detail{width:calc(100% - 16px);max-width:none;max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);border-radius:12px}.modal--production-card{height:calc(100vh - 16px);height:calc(100dvh - 16px)}.modal--production-card .modal-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal-body{max-height:none;flex:1 1 auto;padding:16px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.modal:has(.modal-footer) .modal-body{max-height:none}.modal-footer{position:sticky;bottom:0;z-index:5;background:var(--color-card);border-top:1px solid var(--color-border);box-shadow:0 -4px 16px #0000000f;padding:12px 16px max(12px,env(safe-area-inset-bottom,0px));gap:8px;flex-wrap:nowrap}.modal-footer .btn{min-height:44px;flex:1 1 0;min-width:0;justify-content:center}.production-modal-form-grid--2,.production-modal-form-grid--3,.modal-form-grid{grid-template-columns:1fr}.modal--production-card input[type=date],.modal--production-card input[type=time],.modal--production-card .form-control{width:100%;min-width:0;min-height:44px;font-size:16px}.product-summary-name-autocomplete,.product-summary-name-autocomplete__dropdown{width:100%;max-width:100%;left:0;right:0}.product-summary-name-autocomplete__dropdown{max-height:220px;overflow-y:auto;-webkit-overflow-scrolling:touch}.search-filter-bar,.search-filter-bar-card .search-filter-bar,.filter-bar,.page-toolbar__actions,.product-inbound-mode-tabs,.view-mode-tabs{width:100%;min-width:0}.search-filter-bar .form-control,.search-filter-bar select,.search-filter-bar input[type=month],.search-filter-bar input[type=date],.filter-bar .form-control,.filter-bar select,.filter-bar button,.product-inbound-form .form-control,.product-outbound-form .form-control{width:100%;min-width:0;min-height:40px;font-size:16px}.search-filter-bar__btn,.search-filter-bar__btn--submit{width:100%;min-height:40px}.product-summary-search.search-filter-bar{grid-template-columns:1fr}.monthly-filter-section{padding:0 12px}.monthly-filter-caption,.product-inbound-list-card .table-scroll-wrapper,.product-outbound-list-card .table-scroll-wrapper{margin-left:12px;margin-right:12px}.product-inbound-input-grid,.product-inbound-info-grid,.product-outbound-form-grid,.product-outbound-form-grid--inputs{grid-template-columns:1fr}.product-inbound-form-actions,.product-outbound-form-actions{justify-content:stretch}.product-inbound-form-actions .btn,.product-outbound-form-actions .btn{width:100%;min-height:42px;justify-content:center}.search-filter-bar__submit-spacer{display:none}.page-toolbar__actions,.clamp-management-topbar__actions,.clamp-content-header__actions{-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none}.page-toolbar__actions::-webkit-scrollbar,.clamp-management-topbar__actions::-webkit-scrollbar,.clamp-content-header__actions::-webkit-scrollbar{display:none}.card,.modal,.mobile-record-card,.data-table td,.data-table th{overflow-wrap:anywhere}.product-inbound-search-dropdown,.product-inbound-new-search-dropdown{max-height:min(240px,45vh);left:0;right:0}.product-inbound-search-item--compact{min-height:52px;padding:14px}.product-inbound-search-item__meta--inline{white-space:normal;overflow-wrap:anywhere;word-break:keep-all;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.daily-production-search.search-filter-bar--compact{padding:0;gap:10px}.daily-production-search .search-filter-bar__actions-row{display:grid;grid-template-columns:1fr;gap:8px;width:100%}.daily-production-search .search-filter-bar__btn,.daily-production-search .search-filter-bar__btn--submit{width:100%;min-height:44px}.page-hero-header__top{flex-wrap:wrap;align-items:flex-start}.page-hero-header__title-row{flex:1 1 auto;min-width:0}.page-hero-header__date{max-width:100%;overflow:hidden;text-overflow:ellipsis}.sidebar.is-open{z-index:250}.sidebar-backdrop{z-index:200}}@media(min-width:600px)and (max-width:768px){.mobile-record-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}@media(max-width:480px){.page-content{padding-top:12px;padding-right:max(12px,env(safe-area-inset-right,0px));padding-bottom:max(20px,env(safe-area-inset-bottom,0px));padding-left:max(12px,env(safe-area-inset-left,0px))}.modal,.modal--production-card{width:calc(100% - 16px);max-width:none}.modal-footer .btn{flex:1 1 0;min-width:0;min-height:44px}.stat-grid,.product-inbound-info-grid{grid-template-columns:1fr}}@media(min-width:360px)and (max-width:768px){.daily-production-search .search-filter-bar__actions-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.progress-rate-bar,.progress-rate-bar__head,.progress-bar-wrap{width:100%;min-width:0}.modal-header .btn-sm{min-width:44px;min-height:44px;padding:10px}.table-scroll-wrapper{margin-bottom:4px}.product-inbound-form-card,.product-outbound-form-card{padding-bottom:8px}.product-inbound-form-card .product-inbound-form,.product-outbound-form-card .product-outbound-form{padding-left:12px;padding-right:12px}}@media(max-width:480px){.stat-grid{gap:10px}.stat-card-label{font-size:12px}.stat-card-value{font-size:24px}}