@charset "UTF-8";@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);background-size:400% 400%;animation:gradientShift 15s ease infinite;padding:var(--space-lg);position:relative;overflow:hidden}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.login-container:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);animation:float 20s ease-in-out infinite}.login-container:after{content:"";position:absolute;bottom:-50%;left:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);animation:float 25s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.login-box{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:var(--space-3xl);border-radius:var(--radius-2xl);box-shadow:0 20px 60px #0000004d;width:100%;max-width:440px;position:relative;z-index:1;animation:slideInUp .5s ease-out;border:1px solid var(--border-light)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:var(--space-2xl)}.login-logo{width:72px;height:72px;margin:0 auto var(--space-lg);filter:drop-shadow(0 4px 12px rgba(0,0,0,.18));animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.login-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--color-gray-900);margin-bottom:var(--space-sm);letter-spacing:-.03em}.login-subtitle{font-size:var(--font-size-base);color:var(--color-gray-600);font-weight:var(--font-weight-medium);letter-spacing:-.01em}.login-form{display:flex;flex-direction:column;gap:var(--space-lg)}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);letter-spacing:-.01em}.form-group input{padding:14px 16px;border:1.5px solid var(--border-light);border-radius:var(--radius-lg);font-size:var(--font-size-base);font-family:inherit;transition:all var(--transition-base);background:var(--bg-card);color:var(--color-gray-800);box-shadow:0 1px 2px #00000005}.form-group input:hover{border-color:var(--border-medium);box-shadow:0 2px 4px #0000000d}.form-group input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 4px #c06a431f}.form-group input::placeholder{color:var(--color-gray-400)}.error-message{padding:12px 16px;background:var(--color-error-bg);border:1.5px solid var(--color-error-light);border-radius:var(--radius-lg);color:var(--color-error-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--space-sm);animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.remember-me{display:flex;align-items:center;gap:var(--space-sm)}.remember-me input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary-600)}.remember-me label{font-size:var(--font-size-sm);color:var(--color-gray-700);cursor:pointer;-webkit-user-select:none;user-select:none}.login-button{padding:14px 24px;background:var(--color-primary-600);color:var(--on-accent);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-xs);letter-spacing:-.01em;margin-top:var(--space-sm)}.login-button:hover:not(:disabled){background:var(--color-primary-700)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-footer{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-gray-200);text-align:center}.login-footer p{font-size:var(--font-size-sm);color:var(--color-gray-500);margin:0}.login-footer a{color:var(--color-primary-600);text-decoration:none;font-weight:var(--font-weight-semibold);transition:color var(--transition-fast)}.login-footer a:hover{color:var(--color-primary-700);text-decoration:underline}.version-info{position:absolute;bottom:var(--space-lg);right:var(--space-lg);color:#fffc;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:6px 12px;background:#ffffff26;border-radius:var(--radius-full);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1}@media (max-width: 768px){.login-box{padding:var(--space-2xl);max-width:380px}.login-title{font-size:var(--font-size-2xl)}}@media (max-width: 480px){.login-container{padding:var(--space-md)}.login-box{padding:var(--space-xl)}.login-title{font-size:var(--font-size-xl)}.login-subtitle{font-size:var(--font-size-sm)}.version-info{bottom:var(--space-sm);right:var(--space-sm)}}.sidebar{width:var(--sidebar-w);background:var(--bg-sidebar);color:var(--sidebar-text);display:flex;flex-direction:column;transition:background var(--transition-base),width var(--transition-slow);border-right:1px solid var(--sidebar-border);position:relative;z-index:20;flex-shrink:0}.sidebar.collapsed{width:var(--sidebar-w-rail)}.sidebar-header{padding:0 var(--space-lg);border-bottom:1px solid var(--sidebar-border);display:flex;align-items:center;gap:var(--space-md);justify-content:space-between;height:64px;flex-shrink:0;position:relative;transition:background var(--transition-base)}.sidebar-logo{width:34px;height:34px;flex-shrink:0;border-radius:9px;transition:transform var(--transition-slow)}.sidebar-logo:hover{transform:rotate(6deg) scale(1.06)}.sidebar.collapsed .sidebar-header{justify-content:center;padding:var(--space-md) var(--space-sm)}.sidebar.collapsed .sidebar-logo{width:38px;height:38px;cursor:pointer}.sidebar-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--sidebar-active-text);transition:opacity var(--transition-base);flex:1;letter-spacing:-.02em}.sidebar.collapsed .sidebar-title{opacity:0;width:0;overflow:hidden}.collapse-btn{background:transparent;border:1px solid var(--sidebar-border);color:var(--sidebar-text-muted);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:all var(--transition-base);flex-shrink:0}.collapse-btn:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-active-text);border-color:var(--border-medium)}.sidebar.collapsed .collapse-btn{display:none}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-sm) 0}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-sm)}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.menu-list{list-style:none;margin:0;padding:0}.menu-item{margin:1px var(--space-sm)}.menu-link{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;color:var(--sidebar-text);text-decoration:none;border-radius:var(--radius-lg);transition:background var(--transition-fast),color var(--transition-fast);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);position:relative;letter-spacing:-.01em}.menu-icon-label{display:flex;align-items:center;gap:11px;flex:1;min-width:0}.menu-icon-label svg{flex-shrink:0;color:var(--sidebar-text-muted);transition:color var(--transition-fast)}.menu-link:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-active-text)}.menu-link:hover .menu-icon-label svg{color:var(--sidebar-active-text)}.menu-link.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);font-weight:var(--font-weight-semibold)}.menu-link.active .menu-icon-label svg{color:var(--sidebar-active-text)}.menu-parent{cursor:pointer}.menu-parent .menu-link{padding-right:10px}.submenu{list-style:none;margin:2px 0 6px;padding:0;overflow:hidden;animation:slideDown var(--transition-base) ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:400px}}.submenu-link{display:block;padding:8px var(--space-md) 8px 44px;color:var(--sidebar-text-muted);text-decoration:none;border-radius:var(--radius-lg);margin:1px var(--space-sm);transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);position:relative;letter-spacing:-.01em}.submenu-link:before{content:"";position:absolute;left:22px;top:50%;transform:translateY(-50%);width:4px;height:4px;background:var(--sidebar-text-muted);border-radius:50%;transition:all var(--transition-fast);opacity:.6}.submenu-link:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-active-text)}.submenu-link:hover:before{background:var(--sidebar-active-text);opacity:1}.submenu-link.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);font-weight:var(--font-weight-semibold)}.submenu-link.active:before{background:var(--sidebar-active-text);opacity:1}.sidebar.collapsed .menu-icon-label span,.sidebar.collapsed .submenu{display:none}.sidebar.collapsed .menu-link{justify-content:center;padding:10px}.sidebar.collapsed .menu-link:before{display:none}.menu-divider{height:1px;background:var(--sidebar-border);margin:var(--space-md) var(--space-lg)}.menu-section{margin:var(--space-md) 0 var(--space-xs);padding:0 var(--space-lg);list-style:none}.menu-section-title{display:block;font-size:11px;font-weight:var(--font-weight-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--sidebar-text-muted);padding-top:var(--space-sm)}.menu-section.collapsed{padding:0 var(--space-md)}.menu-section-line{display:block;height:1px;background:var(--sidebar-border)}.sidebar-footer{padding:var(--space-md);border-top:1px solid var(--sidebar-border);display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.sidebar.collapsed .sidebar-footer{padding:var(--space-sm)}@media (max-width: 1365px){.sidebar-header{justify-content:center;padding:var(--space-md) var(--space-sm)}.sidebar-title,.collapse-btn{display:none}.menu-link{justify-content:center;padding:10px}.menu-icon-label span,.submenu{display:none}.menu-section{padding:0 var(--space-md)}.menu-section-title{font-size:0;height:1px;padding:0;background:var(--sidebar-border);overflow:hidden}.menu-parent>svg{display:none}}@media (max-width: 768px){.sidebar{position:fixed;left:-280px;top:0;bottom:0;width:280px!important;z-index:999;transition:left var(--transition-slow)}.sidebar.open{left:0;box-shadow:8px 0 32px #0000002e}.sidebar.open .sidebar-title{display:block}.sidebar.open .sidebar-header{justify-content:space-between;padding:var(--space-lg)}.sidebar.open .menu-link{justify-content:flex-start;padding:10px 12px}.sidebar.open .menu-icon-label span,.sidebar.open .submenu{display:block}.sidebar.open .menu-section-title{font-size:11px;height:auto;padding:0;padding-top:var(--space-sm);background:none;overflow:visible}.sidebar.open .menu-parent>svg{display:block}}.sidebar-flyout{position:fixed;left:calc(var(--sidebar-w-rail) + 6px);z-index:900;min-width:220px;max-width:300px;background:var(--bg-sidebar);border:1px solid var(--sidebar-border);border-radius:12px;box-shadow:var(--shadow-lg);padding:6px;display:flex;flex-direction:column}.sidebar-flyout-title{padding:8px 12px 6px;font-size:11px;font-weight:var(--font-weight-bold);letter-spacing:.05em;color:var(--sidebar-text-muted);border-bottom:1px solid var(--sidebar-border);margin-bottom:4px}.sidebar-flyout-link{display:block;padding:9px 12px;min-height:36px;border-radius:8px;font-size:13px;color:var(--sidebar-text);text-decoration:none;transition:background var(--transition-fast)}.sidebar-flyout-link:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-active-text)}.sidebar-flyout-link.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);font-weight:var(--font-weight-semibold)}.menu-link.flyout-open{background:var(--sidebar-active-bg)}.menu-tooltip{position:absolute;left:100%;margin-left:var(--space-sm);padding:6px 12px;background:var(--color-gray-900);color:var(--bg-card);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:1000;box-shadow:var(--shadow-lg)}.sidebar.collapsed .menu-link:hover .menu-tooltip{opacity:1}.settings-panel-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:99;animation:fadeIn .2s ease}.settings-panel{position:fixed;right:0;top:0;bottom:0;width:420px;background:var(--bg-card);box-shadow:-4px 0 20px #00000026;z-index:100;display:flex;flex-direction:column;animation:slideInRight .3s ease}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-light);background:var(--color-primary-600)}.panel-header h2{margin:0;font-size:20px;font-weight:700;color:var(--on-accent)}.close-button{background:none;border:none;cursor:pointer;color:#fff;padding:0;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-button:hover{opacity:.8;transform:rotate(90deg)}.panel-tabs{display:flex;gap:0;border-bottom:1px solid var(--border-light);padding:0}.tab-button{flex:1;padding:12px 16px;background:none;border:none;border-bottom:3px solid transparent;color:var(--color-gray-500);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.tab-button:hover{color:var(--color-gray-700)}.tab-button.active{color:var(--color-primary-600);border-bottom-color:var(--color-primary-600);background:var(--color-gray-50)}.panel-content{flex:1;overflow-y:auto;padding:24px}.panel-section{margin-bottom:24px}.panel-section h3{margin:0 0 8px;font-size:16px;font-weight:600;color:var(--color-gray-800)}.section-description{margin:0 0 16px;color:var(--color-gray-500);font-size:13px;line-height:1.6}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:13px;font-weight:600;color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.5px}.form-group input{width:100%;padding:10px 12px;border:1px solid var(--border-medium);border-radius:6px;font-size:13px;font-family:inherit;transition:all .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #c06a431a}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%;padding-right:36px}.toggle-password{position:absolute;right:10px;background:none;border:none;cursor:pointer;color:var(--color-gray-400);display:flex;align-items:center;justify-content:center;padding:0;width:20px;height:20px;transition:all .2s}.toggle-password:hover{color:var(--color-gray-700)}.preview-box{background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:6px;padding:12px;margin:16px 0}.preview-label{margin:0 0 6px;font-size:12px;font-weight:600;color:var(--color-gray-500);text-transform:uppercase}.preview-path{margin:0;padding:8px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:4px;font-family:Courier New,monospace;font-size:12px;color:var(--color-gray-700);word-break:break-all;max-height:60px;overflow-y:auto}.submit-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:var(--color-primary-600);color:var(--on-accent);border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.5px}.submit-button:hover:not(:disabled){background:var(--color-primary-700)}.submit-button:disabled{opacity:.6;cursor:not-allowed}.alert{padding:10px 12px;border-radius:6px;font-size:12px;margin-top:16px;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-success{background:var(--color-success-bg);color:var(--color-success-text);border:1px solid var(--color-success-light)}.alert-error{background:var(--color-error-bg);color:var(--color-error-text);border:1px solid var(--color-error-light)}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:var(--color-gray-50)}.panel-content::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.panel-content::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}@media (max-width: 768px){.settings-panel{width:100%;max-width:100%}}.messages-section{display:flex;flex-direction:column;height:calc(100vh - 250px)}.messages-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.msg-tabs{display:flex;gap:4px}.msg-sub-tab{padding:5px 12px;border-radius:6px;border:1px solid var(--border-light);background:var(--bg-card);font-size:12px;font-weight:600;color:var(--color-gray-500);cursor:pointer;transition:all .15s}.msg-sub-tab.active{background:var(--color-primary-600);color:#fff;border-color:var(--color-primary-600)}.msg-sub-tab .badge{display:inline-block;margin-left:5px;padding:1px 5px;background:var(--color-error);color:#fff;border-radius:10px;font-size:10px}.msg-header-actions{display:flex;align-items:center;gap:6px}.icon-action-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:1px solid var(--border-light);background:var(--bg-card);color:var(--color-gray-500);cursor:pointer;transition:all .15s}.icon-action-btn:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.msg-loading{padding:30px;text-align:center;color:var(--color-gray-400);font-size:13px}.msg-delete-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:4px;border:none;background:transparent;color:var(--border-medium);cursor:pointer;flex-shrink:0;transition:all .15s;align-self:center}.msg-delete-btn:hover{background:var(--color-error-bg);color:var(--color-error)}.compose-button{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--color-success);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.compose-button:hover{filter:brightness(.96)}.message-search{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:6px;margin-bottom:16px}.message-search input{flex:1;border:none;background:transparent;outline:none;font-size:13px;color:var(--color-gray-700)}.message-search input::placeholder{color:var(--color-gray-400)}.tab-button .badge{display:inline-block;margin-left:6px;padding:2px 6px;background:var(--color-error);color:#fff;border-radius:10px;font-size:11px;font-weight:700}.message-list{flex:1;overflow-y:auto;border:1px solid var(--border-light);border-radius:6px;background:var(--bg-card);max-height:400px}.message-list::-webkit-scrollbar{width:6px}.message-list::-webkit-scrollbar-track{background:var(--color-gray-50)}.message-list::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.message-list::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.message-item{display:flex;gap:12px;padding:12px;border-bottom:1px solid var(--border-light);cursor:pointer;transition:all .2s}.message-item:hover{background:var(--color-gray-50)}.message-item.selected{background:var(--color-primary-50)}.message-item.unread,.message-item.unread:hover{background:var(--color-warning-bg)}.message-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--color-primary-50);color:var(--color-primary-600);flex-shrink:0}.message-item.unread .message-icon{background:var(--color-warning-bg);color:var(--color-warning)}.message-info{flex:1;min-width:0}.message-sender{font-size:13px;font-weight:600;color:var(--color-gray-800);margin-bottom:4px}.message-subject{font-size:13px;color:var(--color-gray-700);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-date{font-size:11px;color:var(--color-gray-400)}.no-messages{padding:40px 20px;text-align:center;color:var(--color-gray-400);font-size:14px}.message-detail{margin-top:16px;padding:16px;background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:6px;max-height:300px;overflow-y:auto}.message-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.message-detail-header h4{margin:0;font-size:15px;font-weight:600;color:var(--color-gray-800);flex:1}.close-detail-button{background:none;border:none;cursor:pointer;color:var(--color-gray-400);padding:0;display:flex;align-items:center;transition:color .2s}.close-detail-button:hover{color:var(--color-gray-700)}.message-detail-meta{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;font-size:12px;color:var(--color-gray-500)}.message-detail-meta strong{color:var(--color-gray-700);font-weight:600}.message-detail-content{font-size:13px;color:var(--color-gray-700);line-height:1.6;white-space:pre-wrap}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:var(--bg-card);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:90%;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease}.compose-modal{max-width:300px;width:100%}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-light)}.modal-header h3{font-size:14px;font-weight:600;color:var(--color-gray-800);margin:0}.compose-form{padding:14px 16px}.compose-form .form-group{margin-bottom:10px}.compose-form .form-group label{display:block;margin-bottom:4px;font-size:12px;font-weight:600;color:var(--color-gray-700)}.compose-form .form-group input,.compose-form .form-group select,.compose-form .form-group textarea{width:100%;padding:7px 10px;border:1px solid var(--border-medium);border-radius:6px;font-size:12px;font-family:inherit;transition:all .2s;box-sizing:border-box}.compose-form .form-group input:focus,.compose-form .form-group select:focus,.compose-form .form-group textarea:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #c06a431a}.compose-form .form-group textarea{resize:vertical;min-height:80px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-light)}.cancel-button,.send-button{padding:7px 14px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:5px}.cancel-button{background:var(--bg-card);border:1px solid var(--border-medium);color:var(--color-gray-500)}.send-button{background:var(--color-success);border:none;color:#fff}.send-button:hover{filter:brightness(.96)}.menu-settings-section h3{margin:0 0 6px;font-size:15px;font-weight:700;color:var(--color-gray-800)}.menu-toggle-list{display:flex;flex-direction:column;gap:8px;margin:16px 0 20px}.menu-toggle-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:10px;border:1.5px solid var(--border-light);background:var(--color-gray-50);cursor:pointer;transition:all .15s}.menu-toggle-item:hover:not(.disabled){border-color:var(--color-primary-300);background:var(--color-primary-50)}.menu-toggle-item.checked{border-color:var(--color-primary-200);background:var(--color-primary-50)}.menu-toggle-item.disabled{opacity:.6;cursor:default}.menu-toggle-left{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--color-gray-700)}.menu-toggle-item.checked .menu-toggle-left{color:var(--color-primary-700)}.menu-toggle-switch{position:relative;width:40px;height:22px;flex-shrink:0}.menu-toggle-switch input{opacity:0;width:0;height:0;position:absolute}.menu-toggle-switch .slider{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:11px;background:var(--border-medium);transition:background .2s;cursor:pointer}.menu-toggle-switch .slider:before{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:var(--bg-card);top:3px;left:3px;transition:transform .2s;box-shadow:0 1px 3px #0003}.menu-toggle-switch.on .slider{background:var(--color-primary-600)}.menu-toggle-switch.on .slider:before{transform:translate(18px)}.header{height:64px;flex-shrink:0;background:var(--bg-header);border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);padding:0 var(--space-xl);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;position:sticky;top:0;z-index:10;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all var(--transition-base)}.header-left{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.header-title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);letter-spacing:-.02em;display:flex;align-items:center;gap:var(--space-sm);white-space:nowrap}.header-version{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-500);padding:4px 10px;background:var(--color-gray-100);border-radius:var(--radius-full);letter-spacing:.02em;flex-shrink:0}.header-center{flex:1 1 auto;min-width:0;display:flex;justify-content:flex-start}.header-ticker{display:flex;align-items:center;gap:10px;width:100%;height:32px;padding:0 4px}.header-ticker-empty{visibility:hidden}.ticker-badge{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0;border-radius:var(--radius-full);background:var(--color-primary-50, var(--color-gray-100));color:var(--color-primary-600)}.ticker-viewport{flex:1;min-width:0;overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.ticker-track{display:inline-block;white-space:nowrap;padding-left:100%;will-change:transform;animation:tickerScroll 30s linear infinite}.ticker-track:hover{animation-play-state:paused}.ticker-item{display:inline-flex;align-items:center;font-size:var(--font-size-sm);white-space:nowrap}.ticker-item:after{content:"•";color:var(--color-gray-300);margin:0 16px}.ticker-title{font-weight:var(--font-weight-bold);color:var(--color-gray-800);margin-right:8px}.ticker-body{font-weight:var(--font-weight-normal);color:var(--color-gray-500)}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.header-right{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.user-info{display:flex;align-items:center;gap:var(--space-sm);padding:8px 14px;background:var(--color-gray-100);border-radius:var(--radius-lg);color:var(--color-gray-700);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-base);border:1px solid transparent}.user-info:hover{background:var(--color-gray-200);border-color:var(--border-light)}.user-info-btn{cursor:pointer}.user-info-btn:hover{background:var(--color-gray-200);border-color:var(--color-primary-300);color:var(--color-primary-700)}.user-name-text{font-weight:var(--font-weight-semibold);letter-spacing:-.01em}.header-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background:var(--color-error);color:#fff;border-radius:9px;font-size:10px;font-weight:700;margin-left:5px;vertical-align:middle}.admin-button{display:inline-flex;align-items:center;gap:var(--space-sm);padding:8px 14px;background:var(--bg-card);color:var(--color-gray-700);border:1px solid var(--border-medium);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);letter-spacing:-.01em}.admin-button:hover{background:var(--color-gray-100);border-color:var(--border-strong);color:var(--color-gray-900)}.dbmode-button{display:inline-flex;align-items:center;gap:var(--space-sm);padding:8px 14px;background:var(--bg-card);color:var(--color-gray-700);border:1px solid var(--border-medium);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);letter-spacing:.01em}.dbmode-button:hover{background:var(--color-gray-100);border-color:var(--border-strong);color:var(--color-gray-900)}.dbmode-button.dbmode-testnet{background:var(--color-warning-bg);color:var(--color-warning-text);border-color:var(--color-warning)}.dbmode-button.dbmode-testnet:hover{background:var(--color-warning-bg);color:var(--color-warning-text);border-color:var(--color-warning);filter:brightness(.96)}.logout-button{display:inline-flex;align-items:center;gap:var(--space-sm);padding:8px 14px;background:transparent;color:var(--color-gray-500);border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);letter-spacing:-.01em}.logout-button:hover{background:var(--color-error-bg);color:var(--color-error)}.header-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-gray-500);cursor:pointer;flex-shrink:0;transition:all var(--transition-fast)}.header-icon-btn:hover{background:var(--color-gray-100);color:var(--color-gray-800)}.header-lang-btn{width:auto;padding:0 9px;gap:4px}.header-lang-label{font-size:11px;font-weight:700;letter-spacing:.02em}.hamburger-btn{display:none;align-items:center;justify-content:center;width:38px;height:38px;background:var(--color-gray-100);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--color-gray-700);cursor:pointer;flex-shrink:0;transition:all var(--transition-base)}.hamburger-btn:hover{background:var(--color-gray-200)}@media (max-width: 768px){.hamburger-btn{display:flex}}@media (max-width: 1024px){.header{padding:0 var(--space-lg)}.header-title{font-size:var(--font-size-base)}.header-version{display:none}.header-ticker{max-width:none}}@media (max-width: 768px){.header{padding:0 var(--space-md);height:56px}.header-left,.header-right{gap:var(--space-sm)}.header-center{display:none}.header-title{font-size:var(--font-size-base);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-button span,.dbmode-button span,.logout-button span,.user-name-text,.header-lang-label{display:none}.admin-button,.dbmode-button,.logout-button{padding:8px;width:36px;height:36px;justify-content:center;font-size:var(--font-size-sm)}.user-info{padding:6px 10px;font-size:var(--font-size-sm)}}@media (max-width: 480px){.header{padding:0 var(--space-sm);gap:var(--space-xs);height:52px}.header-title{max-width:100px;font-size:13px}.header-right{gap:var(--space-xs)}.admin-button span,.dbmode-button span,.logout-button span{display:none}.admin-button,.dbmode-button,.logout-button{padding:8px;width:36px;height:36px;justify-content:center}.user-info{padding:6px 8px}.user-name-text{display:none}}.main-layout{display:flex;height:100vh;overflow:hidden;background:var(--bg-page);position:relative}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;transition:margin-left var(--transition-slow)}.page-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-xl);background:var(--bg-page);position:relative;animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page-content::-webkit-scrollbar{width:10px}.page-content::-webkit-scrollbar-track{background:var(--color-gray-100);border-left:1px solid var(--border-light)}.page-content::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-sm);border:2px solid var(--color-gray-100);transition:background var(--transition-base)}.page-content::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.page-content::-webkit-scrollbar-thumb:active{background:var(--color-gray-600)}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--bg-page) 88%,transparent);display:flex;align-items:center;justify-content:center;z-index:9999;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.loading-spinner{width:50px;height:50px;border:4px solid var(--color-gray-200);border-top-color:var(--color-primary-600);border-radius:50%;animation:spin .8s linear infinite}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:all var(--transition-slow)}.page-transition-exit{opacity:1}.page-transition-exit-active{opacity:0;transition:opacity var(--transition-fast)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:998;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);animation:fadeIn .2s ease}@media (max-width: 1024px){.page-content{padding:var(--space-md)}}@media (max-width: 768px){.page-content{padding:var(--space-sm) var(--space-md);padding-bottom:90px}}@media (max-width: 480px){.page-content{padding:var(--space-sm);padding-bottom:80px}}.page-content.scrolled:before{content:"";position:sticky;top:0;left:0;right:0;height:1px;background:linear-gradient(to bottom,rgba(0,0,0,.1),transparent);z-index:1;pointer-events:none}.dash-feed{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-xl)}.feed-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;min-height:180px}.feed-card-hd{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:14px var(--space-lg);border-bottom:1px solid var(--border-light)}.feed-hd-title{display:inline-flex;align-items:center;gap:8px;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.feed-hd-count{font-size:11px;font-weight:var(--font-weight-bold);padding:1px 8px;border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-600)}.feed-unread-badge{min-width:18px;height:18px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;background:var(--color-error);color:var(--on-accent);border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-weight-bold)}.feed-hd-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;min-height:32px;border:1px solid var(--border-medium);background:var(--bg-card);color:var(--color-gray-700);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast)}.feed-hd-btn:hover{background:var(--color-gray-50)}.feed-body{flex:1;padding:var(--space-md) var(--space-lg);overflow-y:auto;max-height:300px}.feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:110px;color:var(--color-gray-400);font-size:var(--font-size-sm)}.feed-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.feed-notice{padding:10px 0;border-bottom:1px solid var(--border-light)}.feed-notice:last-child{border-bottom:none}.feed-notice-top{display:flex;align-items:center;gap:8px;min-width:0}.feed-tag{font-size:10px;font-weight:var(--font-weight-bold);padding:2px 8px;border-radius:var(--radius-full);flex-shrink:0}.feed-notice-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-notice-meta{font-size:var(--font-size-xs);color:var(--color-gray-500);flex-shrink:0}.feed-notice-text{margin:5px 0 0;font-size:var(--font-size-xs);color:var(--color-gray-600);line-height:var(--line-height-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feed-msg{border-bottom:1px solid var(--border-light)}.feed-msg:last-child{border-bottom:none}.feed-msg-row{width:100%;display:flex;align-items:center;gap:8px;padding:10px 0;background:none;border:none;cursor:pointer;text-align:left;font-family:inherit;min-width:0}.feed-msg-dot{width:7px;height:7px;border-radius:var(--radius-full);background:var(--color-error);flex-shrink:0}.feed-msg-sender{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);flex-shrink:0;max-width:96px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-msg.unread .feed-msg-subject{font-weight:var(--font-weight-semibold);color:var(--color-gray-900)}.feed-msg-subject{flex:1;min-width:0;font-size:var(--font-size-sm);color:var(--color-gray-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-msg-meta{font-size:var(--font-size-xs);color:var(--color-gray-500);flex-shrink:0}.feed-msg-chev{color:var(--color-gray-400);flex-shrink:0;transition:transform var(--transition-fast)}.feed-msg.open .feed-msg-chev{transform:rotate(180deg)}.feed-msg-preview{margin:-4px 0 10px 15px;font-size:var(--font-size-xs);color:var(--color-gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.feed-msg-content{margin:-2px 0 12px 15px;padding:10px 12px;font-size:var(--font-size-sm);color:var(--color-gray-700);line-height:var(--line-height-relaxed);background:var(--color-gray-50);border-radius:var(--radius-md);white-space:pre-wrap;word-break:break-word}@media (max-width: 900px){.dash-feed{grid-template-columns:1fr}}.mini-cal{display:flex;flex-direction:column;gap:var(--space-md)}.mc-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);flex-wrap:wrap}.mc-nav{display:flex;align-items:center;gap:var(--space-sm)}.mc-nav-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--border-medium);background:var(--bg-card);color:var(--color-gray-600);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.mc-nav-btn:hover{background:var(--color-gray-50);border-color:var(--border-strong)}.mc-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-gray-900);min-width:96px;text-align:center;font-variant-numeric:tabular-nums}.mc-head-right{display:flex;align-items:center;gap:6px}.mc-today-btn,.mc-full-btn{padding:6px 12px;min-height:32px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.mc-today-btn{border:1px solid var(--border-medium);background:var(--bg-card);color:var(--color-gray-700)}.mc-today-btn:hover{background:var(--color-gray-50)}.mc-full-btn{border:1px solid transparent;background:var(--color-primary-600);color:var(--on-accent)}.mc-full-btn:hover{background:var(--color-primary-700, var(--color-primary-600));filter:brightness(.96)}.mc-legend{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;min-height:18px}.mc-legend-item{display:inline-flex;align-items:center;gap:5px;font-size:var(--font-size-xs);color:var(--color-gray-600)}.mc-legend-empty{font-size:var(--font-size-xs);color:var(--color-gray-400)}.mc-legend-dot{width:9px;height:9px;border-radius:var(--radius-full)}.mc-ev-delivery{background:var(--color-error)}.mc-ev-maintenance{background:var(--color-warning)}.mc-ev-db{background:var(--color-info)}.mc-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.mc-wd{text-align:center;font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-gray-500);padding-bottom:2px}.mc-wd.sun{color:var(--color-error-text)}.mc-wd.sat{color:var(--color-info-text)}.mc-cell{position:relative;aspect-ratio:1 / 1;min-height:42px;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 0 0;border:1px solid transparent;border-radius:var(--radius-md);background:var(--color-gray-50);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);font-family:inherit}.mc-cell:hover{background:var(--color-gray-100)}.mc-cell.empty{background:transparent;cursor:default;border-color:transparent}.mc-cell.empty:hover{background:transparent}.mc-cell.today{border-color:var(--color-primary-500);background:var(--color-primary-50)}.mc-cell.selected{border-color:var(--color-primary-600);box-shadow:inset 0 0 0 1px var(--color-primary-600)}.mc-daynum{font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-gray-700);font-variant-numeric:tabular-nums}.mc-cell.sun .mc-daynum{color:var(--color-error-text)}.mc-cell.sat .mc-daynum{color:var(--color-info-text)}.mc-cell.today .mc-daynum{color:var(--color-primary-text);font-weight:var(--font-weight-bold)}.mc-dots{display:flex;align-items:center;gap:3px;flex-wrap:wrap;justify-content:center;max-width:100%}.mc-dot{width:6px;height:6px;border-radius:var(--radius-full)}.mc-more{font-size:9px;color:var(--color-gray-500);font-weight:var(--font-weight-semibold)}.mc-daylist{border-top:1px solid var(--border-light);padding-top:var(--space-md)}.mc-daylist-hd{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);margin-bottom:var(--space-sm);display:flex;align-items:center;gap:6px}.mc-daylist-hd em{font-style:normal;font-size:11px;padding:1px 7px;border-radius:var(--radius-full);background:var(--color-primary-50);color:var(--color-primary-text);font-weight:var(--font-weight-bold)}.mc-daylist-empty{font-size:var(--font-size-xs);color:var(--color-gray-400);padding:4px 0}.mc-daylist-ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:168px;overflow-y:auto}.mc-daylist-li{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--color-gray-700)}.mc-li-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.mc-li-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc-li-status{font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-gray-500);background:var(--color-gray-100);padding:1px 7px;border-radius:var(--radius-full);flex-shrink:0}@media (max-width: 480px){.mc-cell{min-height:38px}.mc-daynum{font-size:11px}}.dashboard{padding:var(--space-xl);max-width:1440px;margin:0 auto;animation:dashFade .3s ease-out}@keyframes dashFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dash-loading{text-align:center;padding:var(--space-3xl) var(--space-md);color:var(--color-gray-500);font-size:var(--font-size-sm)}.dash-greeting{margin-bottom:var(--space-xl)}.dash-greeting h1{margin:0;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);letter-spacing:-.02em;line-height:1.2}.dash-greeting p{margin:6px 0 0;font-size:var(--font-size-base);color:var(--color-gray-500)}.dash-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);padding:var(--space-lg)}.dash-cal-card{margin-bottom:var(--space-xl)}.sec-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.sec-title{display:inline-flex;align-items:center;gap:8px;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);letter-spacing:-.01em}.sec-title svg{color:var(--color-gray-500)}.sec-action{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;min-height:32px;border:1px solid var(--border-medium);background:var(--bg-card);color:var(--color-gray-700);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast)}.sec-action:hover{background:var(--color-gray-50)}.flow-empty{display:flex;align-items:center;justify-content:center;min-height:120px;color:var(--color-gray-400);font-size:var(--font-size-sm)}.kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:var(--space-sm);margin-bottom:var(--space-xl)}.kpi-tile{display:flex;flex-direction:column;gap:5px;padding:14px 16px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);cursor:pointer;text-align:left;font-family:inherit;min-width:0;transition:box-shadow var(--transition-base),border-color var(--transition-base),transform var(--transition-fast)}.kpi-tile:hover{box-shadow:var(--shadow-sm);border-color:var(--border-medium);transform:translateY(-1px)}.kpi-tile.bad .kpi-value{color:var(--color-error-text)}.kpi-tile.warn .kpi-value{color:var(--color-warning-text)}.kpi-head{display:flex;align-items:center;justify-content:space-between;gap:6px}.kpi-label{font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-gray-500);letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-ico{color:var(--color-gray-400);flex-shrink:0}.kpi-value-row{display:flex;align-items:baseline;gap:4px;min-width:0}.kpi-value{font-family:var(--font-numeric);font-feature-settings:"tnum";font-size:21px;font-weight:var(--font-weight-bold);color:var(--color-gray-900);line-height:1.1;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-unit{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-500);flex-shrink:0}.kpi-foot{min-height:16px;display:flex;align-items:center}.kpi-sub{font-size:11px;color:var(--color-gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-delta{display:inline-flex;align-items:center;gap:2px;font-size:11px;font-weight:var(--font-weight-semibold);white-space:nowrap}.prod-grid{display:grid;grid-template-columns:3fr 2fr;gap:var(--space-lg);margin-bottom:var(--space-xl)}.flow-diagram{display:flex;align-items:stretch;gap:2px;overflow-x:auto;padding:var(--space-sm) 2px var(--space-md);cursor:pointer;-webkit-overflow-scrolling:touch}.flow-step{display:flex;align-items:center;gap:2px;flex:1;min-width:0}.flow-node{flex:1;min-width:74px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px 10px;border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--color-gray-50);transition:border-color var(--transition-fast),background var(--transition-fast)}.flow-node.active{background:var(--bg-card);border-color:var(--color-primary-500);box-shadow:var(--shadow-xs)}.flow-node.done.active{border-color:var(--color-success)}.flow-count{font-family:var(--font-numeric);font-feature-settings:"tnum";font-size:20px;font-weight:var(--font-weight-bold);color:var(--color-gray-400);line-height:1}.flow-node.active .flow-count{color:var(--color-gray-900)}.flow-node.done.active .flow-count{color:var(--color-success-text)}.flow-name{font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-gray-600);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.flow-meter{width:100%;height:3px;border-radius:var(--radius-full);background:var(--color-gray-100);overflow:hidden}.flow-meter i{display:block;height:100%;background:var(--color-primary-500);border-radius:var(--radius-full)}.flow-node.done .flow-meter i{background:var(--color-success)}.flow-arrow{flex-shrink:0;color:var(--color-gray-300, var(--color-gray-400));font-size:18px;font-weight:700;padding:0 1px;-webkit-user-select:none;user-select:none}.donut-wrap{position:relative}.donut-center{position:absolute;top:100px;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.donut-center strong{font-family:var(--font-numeric);font-feature-settings:"tnum";font-size:22px;font-weight:var(--font-weight-bold);color:var(--color-gray-900);line-height:1.1}.donut-center span{font-size:11px;color:var(--color-gray-500)}.donut-legend{list-style:none;margin:var(--space-sm) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:center}.donut-legend li{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-size-xs)}.dl-dot{width:9px;height:9px;border-radius:var(--radius-full)}.dl-name{color:var(--color-gray-600)}.dl-val{color:var(--color-gray-900);font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.trend-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-xl)}.chart-card .recharts-wrapper{font-size:var(--font-size-sm)}.pod-card{margin-bottom:var(--space-xl)}.pod-strip{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--space-sm);cursor:pointer;overflow-x:auto;padding-bottom:2px}.pod-cell{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 6px 10px;min-width:74px;border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--color-gray-50);transition:box-shadow var(--transition-fast)}.pod-cell.has{background:var(--bg-card);box-shadow:var(--shadow-xs)}.pod-name-row{display:inline-flex;align-items:center;gap:5px;min-width:0}.pod-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.pod-cnt{min-width:30px;height:26px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-400);font-family:var(--font-numeric);font-feature-settings:"tnum";font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.pod-name{font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-gray-600);white-space:nowrap}.pod-chips{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-light)}.pod-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:var(--radius-full);background:var(--color-gray-50);border:1px solid var(--border-light);font-size:var(--font-size-xs);color:var(--color-gray-600)}.pod-chip b{color:var(--color-gray-900);font-variant-numeric:tabular-nums}.pod-chip.warn{background:var(--color-warning-bg);color:var(--color-warning-text);border-color:transparent}.pod-chip.warn b{color:var(--color-warning-text)}.pod-chip.bad{background:var(--color-error-bg);color:var(--color-error-text);border-color:transparent}.pod-chip.bad b{color:var(--color-error-text)}.fin-grid{display:grid;grid-template-columns:3fr 2fr;gap:var(--space-lg);margin-bottom:var(--space-xl)}.recv-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.recv-table th{text-align:left;font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.04em;padding:6px 8px;border-bottom:1px solid var(--border-medium)}.recv-table td{padding:8px;border-bottom:1px solid var(--border-light);color:var(--color-gray-700)}.recv-table .r{text-align:right}.recv-table .rank{color:var(--color-gray-400);font-variant-numeric:tabular-nums;width:28px}.recv-table .name{font-weight:var(--font-weight-medium);color:var(--color-gray-900);max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recv-table .amt{font-family:var(--font-numeric);font-feature-settings:"tnum";font-weight:var(--font-weight-semibold);color:var(--color-gray-900);white-space:nowrap}.recv-table .bar-col{width:26%}.recv-meter{display:block;height:7px;border-radius:var(--radius-full);background:var(--color-gray-100);overflow:hidden}.recv-meter i{display:block;height:100%;background:var(--color-error);border-radius:var(--radius-full)}.recv-table tfoot td{border-bottom:none;border-top:1px solid var(--border-medium);font-weight:var(--font-weight-semibold);color:var(--color-gray-600)}.recv-table .total{color:var(--color-error-text);font-size:var(--font-size-base)}.aging-wrap{display:flex;flex-direction:column;gap:10px;margin-bottom:var(--space-lg)}.aging-row{display:grid;grid-template-columns:74px 1fr 64px;align-items:center;gap:var(--space-sm)}.aging-label{font-size:var(--font-size-xs);color:var(--color-gray-600);white-space:nowrap}.aging-track{display:block;height:10px;border-radius:var(--radius-full);background:var(--color-gray-100);overflow:hidden}.aging-track i{display:block;height:100%;border-radius:var(--radius-full)}.aging-amt{text-align:right;font-family:var(--font-numeric);font-feature-settings:"tnum";font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);white-space:nowrap}.fin-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding-top:var(--space-md);border-top:1px solid var(--border-light)}.fin-mini{display:flex;flex-direction:column;gap:2px;padding:9px 12px;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--color-gray-50)}.fin-mini span{font-size:11px;color:var(--color-gray-500)}.fin-mini b{font-family:var(--font-numeric);font-feature-settings:"tnum";font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fin-mini.link{cursor:pointer;transition:background var(--transition-fast)}.fin-mini.link:hover{background:var(--color-gray-100)}.fin-mini.link b{color:var(--color-primary-text)}.aux-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-xl)}.aux-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.aux-stat{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--color-gray-50)}.aux-stat span{font-size:11px;color:var(--color-gray-500)}.aux-stat b{font-family:var(--font-numeric);font-feature-settings:"tnum";font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.aux-stat.warn b{color:var(--color-warning-text)}.bottom-grid{display:grid;grid-template-columns:2fr 3fr;gap:var(--space-lg);margin-bottom:var(--space-xl)}.act-list{display:flex;flex-direction:column;gap:6px}.act-row{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-card);cursor:pointer;font-family:inherit;text-align:left;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.act-row:hover:not(:disabled){box-shadow:var(--shadow-sm);border-color:var(--border-medium)}.act-row:disabled{cursor:default}.act-ico{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-md);flex-shrink:0;background:var(--color-info-bg);color:var(--color-info-text)}.act-row.warn .act-ico{background:var(--color-warning-bg);color:var(--color-warning-text)}.act-row.bad .act-ico{background:var(--color-error-bg);color:var(--color-error-text)}.act-label{flex:1;min-width:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-800, var(--color-gray-900));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.act-count{font-family:var(--font-numeric);font-feature-settings:"tnum";font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-gray-900);flex-shrink:0}.act-row.bad .act-count{color:var(--color-error-text)}.act-row.warn .act-count{color:var(--color-warning-text)}.act-chev{color:var(--color-gray-400);flex-shrink:0}.recent-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.recent-table th{text-align:left;font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.04em;padding:6px 8px;border-bottom:1px solid var(--border-medium)}.recent-table th.r,.recent-table td.r{text-align:right}.recent-table td{padding:7px 8px;border-bottom:1px solid var(--border-light)}.recent-table tbody tr{transition:background var(--transition-fast)}.recent-table tbody tr.clickable{cursor:pointer}.recent-table tbody tr.clickable:hover{background:var(--color-gray-50)}.recent-table tbody tr:last-child td{border-bottom:none}.rt-type{display:inline-block;font-size:10px;font-weight:var(--font-weight-bold);padding:2px 8px;border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-600);white-space:nowrap}.rt-no{font-weight:var(--font-weight-semibold);color:var(--color-gray-900);white-space:nowrap}.rt-desc{color:var(--color-gray-600);max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rt-tag{display:inline-block;font-size:10px;font-weight:var(--font-weight-semibold);padding:2px 8px;border-radius:var(--radius-full);background:var(--color-primary-50);color:var(--color-primary-text);white-space:nowrap}.rt-when{font-size:var(--font-size-xs);color:var(--color-gray-500);white-space:nowrap;font-variant-numeric:tabular-nums}@media (max-width: 1100px){.prod-grid,.fin-grid,.bottom-grid{grid-template-columns:1fr}}@media (max-width: 1024px){.dashboard{padding:var(--space-lg)}}@media (max-width: 900px){.trend-grid,.aux-grid{grid-template-columns:1fr}.pod-strip{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.dashboard{padding:var(--space-md)}.kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-node{min-width:66px}.recv-table .bar-col{display:none}}@media (max-width: 480px){.dashboard{padding:12px}.dash-greeting{margin-bottom:var(--space-lg)}.dash-greeting h1{font-size:var(--font-size-2xl)}.dash-card{padding:var(--space-md)}.kpi-value{font-size:18px}.pod-strip{grid-template-columns:repeat(4,1fr)}.pod-cell{min-width:0}.aux-stats,.fin-mini-grid{grid-template-columns:1fr 1fr}.rt-desc{display:none}.recent-table th:nth-child(3){display:none}.recent-table td:nth-child(3){display:none}}@media (max-width: 430px){.dashboard{padding:10px}.kpi-strip{grid-template-columns:1fr 1fr;gap:8px}.dash-greeting h1{font-size:var(--font-size-xl)}}.ext-dashboard{padding:24px 24px 60px;max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:28px}.ext-section-hd{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--color-gray-700);margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--border-light)}.ext-notices-list{display:flex;flex-direction:column;gap:10px}.ext-notice-card{border-radius:10px;padding:14px 16px;border:1px solid var(--border-light)}.ext-notice-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.ext-notice-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.ext-notice-audience{font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;white-space:nowrap}.ext-notice-title{font-size:14px;font-weight:600;color:var(--color-gray-900);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ext-notice-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.ext-notice-date{font-size:12px;color:var(--color-gray-400)}.ext-notice-close{background:none;border:none;cursor:pointer;padding:2px;color:var(--color-gray-400);display:flex;align-items:center}.ext-notice-close:hover{color:var(--color-gray-700)}.ext-notice-content{font-size:13px;color:var(--color-gray-700);line-height:1.6;white-space:pre-line}.ext-company-card{display:flex;gap:24px;align-items:flex-start;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);border-radius:16px;padding:28px 32px;color:#fff}.ext-company-logo{width:72px;height:72px;background:#fff3;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ext-company-info{flex:1}.ext-company-name{font-size:26px;font-weight:800;margin:0 0 10px;letter-spacing:-.5px}.ext-company-desc{font-size:14px;line-height:1.7;opacity:.9;margin:0 0 16px}.ext-company-contacts{display:flex;gap:20px;flex-wrap:wrap}.ext-contact-item{display:flex;align-items:center;gap:6px;font-size:13px;opacity:.85}.ext-guide-tabs{display:flex;gap:8px;margin-bottom:16px;border-bottom:2px solid var(--border-light);padding-bottom:0}.ext-guide-tab{display:flex;align-items:center;gap:6px;padding:10px 18px;background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;font-size:14px;font-weight:500;color:var(--color-gray-500);cursor:pointer;transition:all .15s}.ext-guide-tab:hover{color:var(--color-gray-700)}.ext-guide-tab.active{color:var(--color-primary-600);border-bottom-color:var(--color-primary-600);font-weight:700}.guide-panel{background:var(--color-gray-50);border-radius:12px;padding:24px}.guide-panel-intro{display:flex;gap:16px;align-items:flex-start;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-light)}.guide-panel-intro h3{font-size:17px;font-weight:700;color:var(--color-gray-900);margin:0 0 4px}.guide-panel-intro p{font-size:13px;color:var(--color-gray-500);margin:0}.guide-steps{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.guide-step{display:flex;gap:14px;align-items:flex-start}.guide-step-num{width:28px;height:28px;background:var(--color-primary-600);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.guide-step-title{font-size:14px;font-weight:600;color:var(--color-gray-900);margin-bottom:4px}.guide-step-desc{font-size:13px;color:var(--color-gray-600);line-height:1.6}.guide-action{display:flex;justify-content:flex-end}.guide-action-row{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.guide-go-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--color-primary-600);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.guide-go-btn:hover{background:var(--color-primary-700)}.guide-go-billing{background:var(--color-info)}.guide-go-billing:hover{background:var(--color-info-text)}.guide-go-orders{background:var(--color-primary-600)}.guide-go-orders:hover{background:var(--color-primary-700)}.guide-go-sample{background:var(--color-success)}.guide-go-sample:hover{background:var(--color-success-text)}.ext-quick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.ext-quick-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 16px;background:var(--bg-card);border:2px solid var(--border-light);border-radius:14px;cursor:pointer;transition:all .15s;font-size:14px;font-weight:600;color:var(--color-gray-700);position:relative}.ext-quick-card:hover{border-color:var(--color-primary-300);background:var(--color-primary-50);box-shadow:0 4px 12px #c06a431f}.ext-quick-card>svg:last-child{position:absolute;top:14px;right:14px;color:var(--color-gray-400)}@media (max-width: 900px){.ext-quick-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 640px){.ext-dashboard{padding:16px}.ext-company-card{flex-direction:column;padding:20px}.ext-quick-grid{grid-template-columns:repeat(2,1fr)}.ext-guide-tabs{flex-direction:column;border-bottom:none}.ext-guide-tab{border-bottom:none;border-left:3px solid transparent;border-radius:8px}.ext-guide-tab.active{border-bottom:none;border-left-color:var(--color-primary-600)}.guide-action-row{flex-direction:column;align-items:flex-end}}.extd-greeting{margin-bottom:var(--space-xl)}.extd-greeting h1{margin:0;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);letter-spacing:-.02em;line-height:1.2}.extd-greeting p{margin:6px 0 0;font-size:var(--font-size-base);color:var(--color-gray-500)}.extd-cal-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);padding:var(--space-lg);margin-bottom:var(--space-xl)}.extd-card-hd{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.extd-card-hd h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);letter-spacing:-.01em}.extd-more-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;min-height:32px;border:1px solid var(--border-medium);background:var(--bg-card);color:var(--color-gray-700);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast)}.extd-more-btn:hover{background:var(--color-gray-50)}.extd-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.extd-stat{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);cursor:pointer;transition:box-shadow var(--transition-base),border-color var(--transition-base)}.extd-stat:hover{box-shadow:var(--shadow-sm);border-color:var(--border-medium)}.extd-stat-ico{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-lg);flex-shrink:0}.extd-stat-body{display:flex;flex-direction:column;gap:3px;min-width:0}.extd-stat-lbl{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-500)}.extd-stat-val{font-family:var(--font-numeric);font-feature-settings:"tnum";font-size:22px;font-weight:var(--font-weight-bold);color:var(--color-gray-900);line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.extd-stat-val em{font-style:normal;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-500);margin-left:2px}.extd-stat-sub{font-size:var(--font-size-xs);color:var(--color-gray-500)}.extd-recent-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-xl)}.extd-recent-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);padding:var(--space-lg)}.extd-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.extd-li{display:flex;align-items:center;gap:var(--space-sm);padding:9px 0;border-bottom:1px solid var(--border-light);min-width:0}.extd-li:last-child{border-bottom:none}.extd-li-main{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.extd-li-mid{flex:1;min-width:0;text-align:right;font-size:var(--font-size-xs);color:var(--color-gray-500);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.extd-li-tag{font-size:10px;font-weight:var(--font-weight-bold);padding:2px 8px;border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-600);flex-shrink:0}@media (max-width: 900px){.extd-recent-grid{grid-template-columns:1fr}}@media (max-width: 480px){.extd-greeting h1{font-size:var(--font-size-2xl)}.extd-stats{grid-template-columns:1fr 1fr;gap:10px}.extd-stat{padding:14px}.extd-stat-val{font-size:18px}}.rbc-btn{color:inherit;font:inherit;margin:0}button.rbc-btn{overflow:visible;text-transform:none;-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}button[disabled].rbc-btn{cursor:not-allowed}button.rbc-input::-moz-focus-inner{border:0;padding:0}.rbc-calendar{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.rbc-m-b-negative-3{margin-bottom:-3px}.rbc-h-full{height:100%}.rbc-calendar *,.rbc-calendar *:before,.rbc-calendar *:after{-webkit-box-sizing:inherit;box-sizing:inherit}.rbc-abs-full,.rbc-row-bg{overflow:hidden;position:absolute;top:0;left:0;right:0;bottom:0}.rbc-ellipsis,.rbc-show-more,.rbc-row-segment .rbc-event-content,.rbc-event-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rbc-rtl{direction:rtl}.rbc-off-range{color:#999}.rbc-off-range-bg{background:#e6e6e6}.rbc-header{overflow:hidden;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;text-overflow:ellipsis;white-space:nowrap;padding:0 3px;text-align:center;vertical-align:middle;font-weight:700;font-size:90%;min-height:0;border-bottom:1px solid #ddd}.rbc-header+.rbc-header{border-left:1px solid #ddd}.rbc-rtl .rbc-header+.rbc-header{border-left-width:0;border-right:1px solid #ddd}.rbc-header>a,.rbc-header>a:active,.rbc-header>a:visited{color:inherit;text-decoration:none}.rbc-button-link{color:inherit;background:none;margin:0;padding:0;border:none;cursor:pointer;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.rbc-row-content{position:relative;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;z-index:4}.rbc-row-content-scrollable{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.rbc-row-content-scrollable .rbc-row-content-scroll-container{height:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar{display:none}.rbc-today{background-color:#eaf6ff}.rbc-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px;font-size:16px}.rbc-toolbar .rbc-toolbar-label{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:0 10px;text-align:center}.rbc-toolbar button{color:#373a3c;display:inline-block;margin:0;text-align:center;vertical-align:middle;background:none;background-image:none;border:1px solid #ccc;padding:.375rem 1rem;border-radius:4px;line-height:normal;white-space:nowrap}.rbc-toolbar button:active,.rbc-toolbar button.rbc-active{background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px #00000020;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:active:hover,.rbc-toolbar button:active:focus,.rbc-toolbar button.rbc-active:hover,.rbc-toolbar button.rbc-active:focus{color:#373a3c;background-color:#d4d4d4;border-color:#8c8c8c}.rbc-toolbar button:focus{color:#373a3c;background-color:#e6e6e6;border-color:#adadad}.rbc-toolbar button:hover{color:#373a3c;cursor:pointer;background-color:#e6e6e6;border-color:#adadad}.rbc-btn-group{display:inline-block;white-space:nowrap}.rbc-btn-group>button:first-child:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.rbc-btn-group>button:last-child:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.rbc-rtl .rbc-btn-group>button:first-child:not(:last-child){border-radius:0 4px 4px 0}.rbc-rtl .rbc-btn-group>button:last-child:not(:first-child){border-radius:4px 0 0 4px}.rbc-btn-group>button:not(:first-child):not(:last-child){border-radius:0}.rbc-btn-group button+button{margin-left:-1px}.rbc-rtl .rbc-btn-group button+button{margin-left:0;margin-right:-1px}.rbc-btn-group+.rbc-btn-group,.rbc-btn-group+button{margin-left:10px}@media (max-width: 767px){.rbc-toolbar{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.rbc-event,.rbc-day-slot .rbc-background-event{border:none;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:none;box-shadow:none;margin:0;padding:2px 5px;background-color:#3174ad;border-radius:5px;color:#fff;cursor:pointer;width:100%;text-align:left}.rbc-slot-selecting .rbc-event,.rbc-slot-selecting .rbc-day-slot .rbc-background-event,.rbc-day-slot .rbc-slot-selecting .rbc-background-event{cursor:inherit;pointer-events:none}.rbc-event.rbc-selected,.rbc-day-slot .rbc-selected.rbc-background-event{background-color:#265985}.rbc-event:focus,.rbc-day-slot .rbc-background-event:focus{outline:5px auto #3b99fc}.rbc-event-label{font-size:80%}.rbc-event-overlaps{-webkit-box-shadow:-1px 1px 5px 0px rgba(51,51,51,.5);box-shadow:-1px 1px 5px #33333380}.rbc-event-continues-prior{border-top-left-radius:0;border-bottom-left-radius:0}.rbc-event-continues-after{border-top-right-radius:0;border-bottom-right-radius:0}.rbc-event-continues-earlier{border-top-left-radius:0;border-top-right-radius:0}.rbc-event-continues-later{border-bottom-left-radius:0;border-bottom-right-radius:0}.rbc-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-row-segment{padding:0 1px 1px}.rbc-selected-cell{background-color:#0000001a}.rbc-show-more{background-color:#ffffff4d;z-index:4;font-weight:700;font-size:85%;height:auto;line-height:normal;color:#3174ad}.rbc-show-more:hover,.rbc-show-more:focus{color:#265985}.rbc-month-view{position:relative;border:1px solid #ddd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;width:100%;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none;height:100%}.rbc-month-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-month-row{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-ms-flex-preferred-size:0px;flex-basis:0px;overflow:hidden;height:100%}.rbc-month-row+.rbc-month-row{border-top:1px solid #ddd}.rbc-date-cell{-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;min-width:0;padding-right:5px;text-align:right}.rbc-date-cell.rbc-now{font-weight:700}.rbc-date-cell>a,.rbc-date-cell>a:active,.rbc-date-cell>a:visited{color:inherit;text-decoration:none}.rbc-row-bg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;overflow:hidden;right:1px}.rbc-day-bg{-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%}.rbc-day-bg+.rbc-day-bg{border-left:1px solid #ddd}.rbc-rtl .rbc-day-bg+.rbc-day-bg{border-left-width:0;border-right:1px solid #ddd}.rbc-overlay{position:absolute;z-index:5;border:1px solid #e5e5e5;background-color:#fff;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.25);box-shadow:0 5px 15px #00000040;padding:10px}.rbc-overlay>*+*{margin-top:1px}.rbc-overlay-header{border-bottom:1px solid #e5e5e5;margin:-10px -10px 5px;padding:2px 10px}.rbc-agenda-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;overflow:auto}.rbc-agenda-view table.rbc-agenda-table{width:100%;border:1px solid #ddd;border-spacing:0;border-collapse:collapse}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{padding:5px 10px;vertical-align:top}.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell{padding-left:15px;padding-right:15px;text-transform:lowercase}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody>tr>td+td{border-left-width:0;border-right:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table tbody>tr+tr{border-top:1px solid #ddd}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{padding:3px 5px;text-align:left;border-bottom:1px solid #ddd}.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead>tr>th{text-align:right}.rbc-agenda-time-cell{text-transform:lowercase}.rbc-agenda-time-cell .rbc-continues-after:after{content:" »"}.rbc-agenda-time-cell .rbc-continues-prior:before{content:"« "}.rbc-agenda-date-cell,.rbc-agenda-time-cell{white-space:nowrap}.rbc-agenda-event-cell{width:100%}.rbc-time-column{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100%}.rbc-time-column .rbc-timeslot-group{-webkit-box-flex:1;-ms-flex:1;flex:1}.rbc-timeslot-group{border-bottom:1px solid #ddd;min-height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.rbc-time-gutter,.rbc-header-gutter{-webkit-box-flex:0;-ms-flex:none;flex:none}.rbc-label{padding:0 5px}.rbc-day-slot{position:relative}.rbc-day-slot .rbc-events-container{bottom:0;left:0;position:absolute;right:0;margin-right:10px;top:0}.rbc-day-slot .rbc-events-container.rbc-rtl{left:10px;right:0}.rbc-day-slot .rbc-event,.rbc-day-slot .rbc-background-event{border:1px solid #265985;display:-webkit-box;display:-ms-flexbox;display:flex;max-height:100%;min-height:20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;overflow:hidden;position:absolute}.rbc-day-slot .rbc-background-event{opacity:.75}.rbc-day-slot .rbc-event-label{-webkit-box-flex:0;-ms-flex:none;flex:none;padding-right:5px;width:auto}.rbc-day-slot .rbc-event-content{width:100%;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;word-wrap:break-word;line-height:1;height:100%;min-height:1em}.rbc-day-slot .rbc-time-slot{border-top:1px solid #f7f7f7}.rbc-time-view-resources .rbc-time-gutter,.rbc-time-view-resources .rbc-time-header-gutter{position:sticky;left:0;background-color:#fff;border-right:1px solid #ddd;z-index:10;margin-right:-1px}.rbc-time-view-resources .rbc-time-header{overflow:hidden}.rbc-time-view-resources .rbc-time-header-content{min-width:auto;-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0;-ms-flex-preferred-size:0px;flex-basis:0px}.rbc-time-view-resources .rbc-time-header-cell-single-day{display:none}.rbc-time-view-resources .rbc-day-slot{min-width:140px}.rbc-time-view-resources .rbc-header,.rbc-time-view-resources .rbc-day-bg{width:140px;-webkit-box-flex:1;-ms-flex:1 1 0px;flex:1 1 0;-ms-flex-preferred-size:0 px;flex-basis:0 px}.rbc-time-header-content+.rbc-time-header-content{margin-left:-1px}.rbc-time-slot{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}.rbc-time-slot.rbc-now{font-weight:700}.rbc-day-header{text-align:center}.rbc-slot-selection{z-index:10;position:absolute;background-color:#00000080;color:#fff;font-size:75%;width:100%;padding:3px}.rbc-slot-selecting{cursor:move}.rbc-time-view{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%;border:1px solid #ddd;min-height:0}.rbc-time-view .rbc-time-gutter{white-space:nowrap;text-align:right}.rbc-time-view .rbc-allday-cell{-webkit-box-sizing:content-box;box-sizing:content-box;width:100%;height:100%;position:relative}.rbc-time-view .rbc-allday-cell+.rbc-allday-cell{border-left:1px solid #ddd}.rbc-time-view .rbc-allday-events{position:relative;z-index:4}.rbc-time-view .rbc-row{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:20px}.rbc-time-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.rbc-time-header.rbc-overflowing{border-right:1px solid #ddd}.rbc-rtl .rbc-time-header.rbc-overflowing{border-right-width:0;border-left:1px solid #ddd}.rbc-time-header>.rbc-row:first-child{border-bottom:1px solid #ddd}.rbc-time-header>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd}.rbc-time-header-cell-single-day{display:none}.rbc-time-header-content{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;min-width:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-left:1px solid #ddd}.rbc-rtl .rbc-time-header-content{border-left-width:0;border-right:1px solid #ddd}.rbc-time-header-content>.rbc-row.rbc-row-resource{border-bottom:1px solid #ddd;-ms-flex-negative:0;flex-shrink:0}.rbc-time-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;border-top:2px solid #ddd;overflow-y:auto;position:relative}.rbc-time-content>.rbc-time-gutter{-webkit-box-flex:0;-ms-flex:none;flex:none}.rbc-time-content>*+*>*{border-left:1px solid #ddd}.rbc-rtl .rbc-time-content>*+*>*{border-left-width:0;border-right:1px solid #ddd}.rbc-time-content>.rbc-day-slot{width:100%;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-select:none}.rbc-current-time-indicator{position:absolute;z-index:3;left:0;right:0;height:1px;background-color:#74ad31;pointer-events:none}.rbc-resource-grouping.rbc-time-header-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.rbc-resource-grouping .rbc-row .rbc-header{width:141px}.sched-page{display:flex;flex-direction:column;gap:12px;height:calc(100vh - 140px);min-height:480px;padding:0}.sched-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);padding:10px 14px}.sched-nav{display:flex;align-items:center;gap:6px}.sched-nav-btn{width:30px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-medium);border-radius:var(--radius-lg);background:var(--bg-card);color:var(--color-gray-600);font-size:18px;line-height:1;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.sched-nav-btn:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.sched-today{height:32px;padding:0 12px;border:1px solid var(--border-medium);border-radius:var(--radius-lg);background:var(--bg-card);color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast)}.sched-today:hover{background:var(--color-gray-100)}.sched-nav-label{margin-left:8px;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900);white-space:nowrap}.sched-views{display:flex;gap:4px}.sched-view-btn{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 12px;border:1px solid var(--border-medium);border-radius:var(--radius-lg);background:var(--bg-card);color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast)}.sched-view-btn:hover{background:var(--color-gray-100)}.sched-view-btn.active{background:var(--color-primary-600);border-color:var(--color-primary-600);color:var(--on-accent)}.sched-actions{display:flex;align-items:center;gap:6px}.sched-icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-medium);border-radius:var(--radius-lg);background:var(--bg-card);color:var(--color-gray-500);cursor:pointer;transition:background var(--transition-fast)}.sched-icon-btn:hover{background:var(--color-gray-100)}.sched-add-btn{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 14px;border:1px solid var(--color-primary-600);border-radius:var(--radius-lg);background:var(--color-primary-600);color:var(--on-accent);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;white-space:nowrap;transition:filter var(--transition-fast)}.sched-add-btn:hover{filter:brightness(1.15)}.sched-spin{animation:sched-spin .9s linear infinite}@keyframes sched-spin{to{transform:rotate(360deg)}}.sched-legend{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sched-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid var(--border-medium);border-radius:var(--radius-full);background:var(--bg-card);color:var(--color-gray-400);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast);opacity:.55}.sched-chip:hover{background:var(--color-gray-100)}.sched-chip.on{opacity:1;color:var(--color-gray-800);border-color:var(--border-strong)}.sched-chip-dot{width:10px;height:10px;border-radius:3px;background:var(--color-gray-400);flex-shrink:0}.sched-chip-count{min-width:18px;padding:0 5px;border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-align:center}.sched-error{color:var(--color-error);font-size:var(--font-size-sm)}.sched-warn{padding:3px 9px;border:1px solid var(--color-warning);border-radius:var(--radius-full);background:var(--color-warning-bg);color:var(--color-warning-text);font-size:var(--font-size-xs)}.sched-calendar-wrap{flex:1;min-height:0;background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);padding:12px;overflow:hidden}.rbc-calendar{font-family:inherit;color:var(--color-gray-800)}.rbc-header{padding:9px 4px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-600);background:var(--color-gray-50);border-bottom:1px solid var(--border-light)!important}.rbc-header+.rbc-header{border-left:1px solid var(--border-light)}.rbc-month-view,.rbc-time-view,.rbc-agenda-view table.rbc-agenda-table{border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.rbc-month-row+.rbc-month-row{border-top:1px solid var(--border-light)}.rbc-day-bg+.rbc-day-bg{border-left:1px solid var(--border-light)}.rbc-today{background-color:var(--color-primary-50)!important}.rbc-off-range-bg{background:var(--color-gray-50)}.rbc-off-range{color:var(--color-gray-400)}.rbc-date-cell{padding:4px 6px;font-size:var(--font-size-sm);color:var(--color-gray-600)}.rbc-date-cell.rbc-now{font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.rbc-event{padding:1px 5px;font-size:var(--font-size-sm)}.rbc-event:focus{outline:none}.rbc-event.rbc-selected{filter:brightness(.92)}.rbc-show-more{color:var(--color-gray-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:transparent}.rbc-time-content,.rbc-time-header-content,.rbc-timeslot-group,.rbc-time-gutter .rbc-timeslot-group{border-color:var(--border-light)}.rbc-time-slot{color:var(--color-gray-500)}.rbc-current-time-indicator{background-color:var(--color-error)}.rbc-agenda-view table.rbc-agenda-table tbody>tr>td{border-color:var(--border-light)}.rbc-agenda-view table.rbc-agenda-table thead>tr>th{background:var(--color-gray-50);color:var(--color-gray-600);border-color:var(--border-light)}.rbc-agenda-empty{padding:32px;color:var(--color-gray-500);text-align:center}.rbc-overlay{background:var(--bg-card);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.rbc-overlay-header{border-bottom:1px solid var(--border-light);color:var(--color-gray-800)}.sched-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1100;padding:16px}.sched-modal{background:var(--bg-card);border-radius:14px;width:92vw;max-width:480px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-2xl)}.sched-modal.wide{max-width:620px}.sched-modal.narrow{max-width:400px}.sched-modal-hd{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-light);flex-shrink:0}.sched-modal-hd h3{margin:0;display:flex;align-items:center;gap:7px;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.sched-dot{width:12px;height:12px;border-radius:3px;display:inline-block}.sched-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:var(--color-gray-100);color:var(--color-gray-500);cursor:pointer}.sched-close:hover{background:var(--border-light)}.sched-modal-body{padding:16px 18px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.sched-modal-ft{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding:12px 18px;border-top:1px solid var(--border-light);background:var(--color-gray-50);flex-shrink:0}.sched-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast)}.sched-btn:hover{background:var(--color-gray-100)}.sched-btn:disabled{opacity:.6;cursor:not-allowed}.sched-btn.primary{background:var(--color-primary-600);border-color:var(--color-primary-600);color:var(--on-accent)}.sched-btn.danger{background:var(--bg-card);border-color:var(--color-error-light);color:var(--color-error)}.sched-detail-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900);word-break:break-word}.sched-detail-row{display:flex;align-items:center;gap:8px;font-size:var(--font-size-base);color:var(--color-gray-600)}.sched-detail-row.align-top{align-items:flex-start}.sched-detail-row svg{flex-shrink:0;color:var(--color-gray-400)}.sched-desc{white-space:pre-wrap;word-break:break-word}.sched-meta{width:100%;border-collapse:collapse;margin-top:4px}.sched-meta th,.sched-meta td{padding:7px 10px;border-bottom:1px solid var(--border-light);font-size:var(--font-size-sm);text-align:left;vertical-align:top}.sched-meta th{width:96px;color:var(--color-gray-500);font-weight:var(--font-weight-semibold);background:var(--color-gray-50)}.sched-meta td{color:var(--color-gray-800);word-break:break-word}.sched-ask{font-size:var(--font-size-base);color:var(--color-gray-700);line-height:1.7;margin:0}.sched-field{display:flex;flex-direction:column;gap:5px}.sched-field>label{display:flex;align-items:center;gap:4px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700)}.sched-field .req{color:var(--color-error)}.sched-cnt{color:var(--color-gray-500);font-weight:var(--font-weight-regular)}.sched-field input[type=text],.sched-field input[type=date],.sched-field input[type=time],.sched-field input[type=number],.sched-field input:not([type]),.sched-field select,.sched-field textarea{padding:8px 10px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-input);color:var(--color-gray-800);font-size:var(--font-size-base);font-family:inherit;outline:none;width:100%}.sched-field input:focus,.sched-field select:focus,.sched-field textarea:focus{border-color:var(--border-focus)}.sched-field textarea{resize:vertical}.sched-row2{display:flex;gap:10px}.sched-row2>.sched-field{flex:1;min-width:0}.sched-check{display:inline-flex!important;align-items:center;gap:6px;cursor:pointer}.sched-check input{width:auto!important}.sched-inline{display:flex;align-items:center;gap:6px}.sched-inline input{width:72px!important}.sched-inline span{font-size:var(--font-size-sm);color:var(--color-gray-600);white-space:nowrap}.sched-colors{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.sched-swatch{width:22px;height:22px;border:2px solid transparent;border-radius:6px;cursor:pointer;padding:0;transition:transform var(--transition-fast),border-color var(--transition-fast)}.sched-swatch:hover{transform:scale(1.12)}.sched-swatch.on{border-color:var(--color-gray-900)}.sched-color-input{width:30px!important;height:24px;padding:0!important;border:1px solid var(--border-medium)!important;border-radius:6px!important;background:none!important;cursor:pointer}.sched-sub{border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:12px;display:flex;flex-direction:column;gap:10px;background:var(--color-gray-50)}.sched-sub-hd{display:flex;align-items:center;gap:5px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-gray-700)}.sched-weekdays{display:flex;gap:4px;flex-wrap:wrap}.sched-wd{width:34px;height:32px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.sched-wd:hover{background:var(--color-gray-100)}.sched-wd.on{background:var(--color-primary-600);border-color:var(--color-primary-600);color:var(--on-accent)}.sched-radios{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:var(--font-size-sm);color:var(--color-gray-700)}.sched-radios>label{display:inline-flex;align-items:center;gap:4px;cursor:pointer}.sched-radios input[type=radio]{width:auto}.sched-mini{width:auto!important;padding:5px 8px!important;border:1px solid var(--border-medium);border-radius:6px;background:var(--bg-input);color:var(--color-gray-800);font-size:var(--font-size-sm)}input.sched-mini[type=number]{width:72px!important}.sched-users{max-height:168px;overflow-y:auto;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-card)}.sched-user{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;border-bottom:1px solid var(--border-light);font-size:var(--font-size-sm)}.sched-user:last-child{border-bottom:none}.sched-user.on{background:var(--color-primary-50)}.sched-user-name,.sched-user-edit{display:inline-flex;align-items:center;gap:6px;color:var(--color-gray-700);cursor:pointer}.sched-user-edit{color:var(--color-gray-500);font-size:var(--font-size-xs);white-space:nowrap}.sched-user input[type=checkbox]{width:auto}.sched-hint{font-size:var(--font-size-sm);color:var(--color-gray-500)}.sched-form-error{padding:8px 10px;border:1px solid var(--color-error-light);border-radius:8px;background:var(--color-error-bg);color:var(--color-error-text);font-size:var(--font-size-sm)}@media (max-width: 1023px){.sched-toolbar{gap:8px}.sched-nav-label{font-size:var(--font-size-base)}}@media (max-width: 768px){.sched-page{height:auto;min-height:calc(100vh - 130px)}.sched-toolbar{flex-direction:column;align-items:stretch}.sched-nav{justify-content:space-between}.sched-nav-label{margin-left:0}.sched-views{justify-content:space-between}.sched-view-btn{flex:1;justify-content:center;padding:0 8px}.sched-actions{justify-content:flex-end}.sched-calendar-wrap{min-height:60vh;padding:8px}.sched-row2{flex-direction:column;gap:12px}.sched-modal-ft .sched-btn{flex:1;justify-content:center}}@media (max-width: 480px){.sched-chip{height:28px;padding:0 8px;font-size:var(--font-size-xs)}.sched-modal-hd h3{font-size:var(--font-size-base)}}@media print{.sched-toolbar,.sched-legend{display:none}.sched-calendar-wrap{box-shadow:none;border:1px solid var(--border-light)}}.at-root{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;overflow:hidden}.at-wrap{background:var(--bg-card);border-radius:16px;border:1px solid var(--border-light);overflow:auto;flex:1;min-height:0;box-shadow:0 4px 6px -1px #1018280d,0 2px 4px -1px #1018280a}.at-wrap>table{display:block;overflow-x:auto}.at-wrap>table{display:table}.at-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:auto}.at-th{background:linear-gradient(to bottom,var(--color-gray-50),var(--color-gray-100));padding:calc(11px * var(--density, 1)) 14px;text-align:left;font-size:11px;font-weight:700;color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-light);white-space:nowrap;position:sticky;top:0;z-index:1;-webkit-user-select:none;user-select:none}.at-th-sort{cursor:pointer;transition:background .14s}.at-th-sort:hover{background:linear-gradient(to bottom,var(--color-gray-100),var(--color-gray-200))!important;color:var(--color-gray-900)}.at-th-inner{display:inline-flex;align-items:center;gap:5px}.at-sort-icon{flex-shrink:0}.at-sort-muted{color:var(--border-medium)}.at-sort-active{color:var(--color-primary-700)}.at-td{padding:calc(11px * var(--density, 1)) 14px;border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700);vertical-align:middle;transition:background .1s}.at-row:nth-child(2n) .at-td{background:var(--color-gray-50)}.at-row:last-child .at-td{border-bottom:none}.at-row-clickable{cursor:pointer}.at-row-clickable:hover .at-td{background:var(--color-gray-100)!important;color:var(--color-gray-800)}.at-row-selected .at-td{background:var(--color-primary-50)!important;color:var(--color-gray-800)}.at-state-cell{text-align:center;padding:56px 20px;color:var(--color-gray-400);font-size:14px}.at-empty-icon{display:block;margin:0 auto 10px;color:var(--color-primary-500)}.at-spin{animation:at-rotate .8s linear infinite}@keyframes at-rotate{to{transform:rotate(360deg)}}.at-pagination{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 16px;background:var(--color-gray-50);border-radius:12px;border:1px solid var(--border-light);flex-wrap:wrap}.at-page-info{font-size:12px;color:var(--color-gray-500);font-weight:600;min-width:140px;text-align:center}.at-page-controls{display:flex;align-items:center;gap:3px}.at-pg-btn{min-width:30px;height:30px;padding:0 5px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-card);color:var(--color-gray-700);font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .14s}.at-pg-btn:hover:not(:disabled){background:var(--color-gray-100);border-color:var(--border-strong);color:var(--color-gray-900);transform:translateY(-1px)}.at-pg-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.at-pg-num.at-pg-active{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-800));border-color:var(--color-primary-800);color:#fff;font-weight:700;box-shadow:0 2px 8px #a8542f52}.at-page-size{height:30px;padding:0 10px;border:1px solid var(--border-light);border-radius:8px;font-size:12px;background:var(--bg-card);cursor:pointer;outline:none;color:var(--color-gray-700);font-weight:600;transition:border-color .14s}.at-page-size:focus{border-color:var(--border-strong)}.at-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 2px 2px;gap:8px;flex-shrink:0}.at-toolbar-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.at-toolbar-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.at-reset-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;color:var(--color-gray-500);background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:6px;cursor:pointer;transition:all .14s;flex-shrink:0}.at-reset-btn:hover{color:var(--color-gray-700);background:var(--color-gray-100);border-color:var(--border-strong)}.at-search-toggle{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--border-light);border-radius:8px;background:var(--color-gray-50);color:var(--color-gray-500);cursor:pointer;transition:all .15s;position:relative;flex-shrink:0}.at-search-toggle:hover{background:var(--color-primary-50);border-color:var(--color-primary-300);color:var(--color-primary-600)}.at-search-toggle:disabled{opacity:.45;cursor:not-allowed}.at-search-toggle:disabled:hover{background:var(--color-gray-50);border-color:var(--border-light);color:var(--color-gray-500)}.at-search-toggle.active{background:var(--color-primary-50);border-color:var(--color-primary-600);color:var(--color-primary-600)}.at-search-toggle.has-filter{border-color:var(--color-primary-600);color:var(--color-primary-600)}.at-filter-dot{position:absolute;top:4px;right:4px;width:6px;height:6px;border-radius:50%;background:var(--color-primary-600)}.at-search-bar{display:flex;align-items:center;gap:6px;flex:1;min-width:0;background:var(--bg-card);border:1.5px solid var(--color-primary-300);border-radius:8px;padding:4px 10px;box-shadow:0 0 0 3px #c06a431a}.at-search-bar-icon{color:var(--color-primary-600);flex-shrink:0}.at-search-bar-input{flex:1;min-width:0;border:none;outline:none;font-size:13px;background:transparent;color:var(--color-gray-800)}.at-search-bar-input::placeholder{color:var(--color-gray-400)}.at-search-bar-clear{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;color:var(--color-primary-700);background:var(--color-primary-50);border:none;border-radius:5px;cursor:pointer;white-space:nowrap}.at-search-bar-clear:hover{background:var(--color-primary-100)}.at-filter-count{font-size:11px;font-weight:700;color:var(--color-primary-700);background:var(--color-primary-50);padding:1px 7px;border-radius:10px;white-space:nowrap}.at-col-filter{display:flex;align-items:center;margin-top:5px;position:relative}.at-col-filter-input{width:100%;padding:3px 22px 3px 7px;font-size:11px;font-weight:400;text-transform:none;letter-spacing:0;border:1px solid var(--border-medium);border-radius:5px;background:var(--bg-card);color:var(--color-gray-700);outline:none;transition:border-color .13s}.at-col-filter-input:focus{border-color:var(--color-primary-300);box-shadow:0 0 0 2px #c06a432e}.at-col-filter-input::placeholder{color:var(--color-primary-200)}.at-col-filter-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:var(--border-light);border-radius:50%;cursor:pointer;color:var(--color-gray-500);padding:0}.at-col-filter-clear:hover{background:var(--color-primary-100);color:var(--color-primary-700)}.at-drag-handle{display:inline-flex;align-items:center;color:var(--color-gray-400);cursor:grab;flex-shrink:0;padding:0 2px;transition:color .12s}.at-drag-handle:hover{color:var(--color-primary-700)}.at-drag-handle:active{cursor:grabbing}.at-resize-handle{position:absolute;right:0;top:0;height:100%;width:5px;cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none;background:transparent;transition:background .14s}.at-resize-handle:hover,.at-resizing{background:#a8542f52;border-radius:2px}.at-drag-overlay{background:var(--color-primary-50);border:2px solid var(--color-primary-600);border-radius:6px;padding:6px 14px;font-size:11px;font-weight:700;color:var(--color-primary-700);pointer-events:none;box-shadow:0 8px 24px #a8542f38}.at-badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:700;white-space:nowrap;letter-spacing:.2px}.at-mono{font-family:Courier New,monospace;font-size:12px;color:var(--color-gray-700)}.at-num-r{text-align:right;font-weight:700;color:var(--color-info);display:block;font-variant-numeric:tabular-nums}.at-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;max-width:200px}.at-center{text-align:center}.at-muted{color:var(--color-gray-400)}.at-td:first-child{font-weight:600;color:var(--color-gray-800)}@media (max-width: 768px){.at-wrap{border-radius:12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.at-th{padding:9px 10px;font-size:10px}.at-td{padding:9px 10px;font-size:12px}.at-pagination{gap:6px;padding:6px 10px;border-radius:10px}.at-page-info{min-width:100px;font-size:11px}}.at-compact .at-table th:first-child,.at-compact .at-table td:first-child{position:sticky;left:0;z-index:2}.at-compact .at-table th:first-child{z-index:4}.at-compact .at-td:first-child{background:var(--bg-card)}.at-compact .at-row:nth-child(2n) .at-td:first-child{background:var(--color-gray-50)}.at-compact .at-row-clickable:hover .at-td:first-child{background:var(--color-gray-100)}.at-compact .at-row-selected .at-td:first-child{background:var(--color-primary-50)}.at-compact .at-table th:first-child:after,.at-compact .at-table td:first-child:after{content:"";position:absolute;top:0;right:-10px;bottom:0;width:10px;pointer-events:none;opacity:0;background:linear-gradient(to right,rgba(16,24,40,.1),transparent);transition:opacity var(--transition-fast)}.at-compact.at-scrolled-x .at-table th:first-child:after,.at-compact.at-scrolled-x .at-table td:first-child:after{opacity:1}.at-tf{position:sticky;bottom:0;z-index:3;padding:calc(10px * var(--density, 1)) 14px;background:var(--color-gray-100);border-top:2px solid var(--border-medium);font-weight:700;font-size:12px;color:var(--color-gray-800);white-space:nowrap}.at-compact .at-table tfoot td:first-child{z-index:4;background:var(--color-gray-100)}.at-rotate-hint{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-info-bg);color:var(--color-info-text);border:1px solid var(--border-light);border-radius:10px;font-size:12px;font-weight:500;flex-shrink:0}.at-rotate-hint span{flex:1;min-width:0}.at-rotate-hint-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:inherit;border-radius:6px;cursor:pointer;flex-shrink:0}.at-rotate-hint-close:hover{background:#0000000f}.at-cards-wrap{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;gap:10px}.at-cards{display:flex;flex-direction:column;gap:10px}.at-cards-state{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;text-align:center;padding:48px 16px;color:var(--color-gray-400);font-size:14px}.at-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;padding:12px 14px;box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:10px}.at-card-tap{cursor:pointer}.at-card-tap:active{background:var(--color-gray-50)}.at-card.at-row-selected{background:var(--color-primary-50);border-color:var(--color-primary-300)}.at-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.at-card-titles{min-width:0;flex:1}.at-card-title{font-size:14px;font-weight:700;color:var(--color-gray-800);word-break:break-all}.at-card-subtitle{margin-top:2px;font-size:12px;color:var(--color-gray-500);word-break:break-all}.at-card-badge{flex-shrink:0}.at-card-metrics{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px}.at-card-metric{display:flex;flex-direction:column;gap:1px;min-width:0}.at-card-metric-label{font-size:10px;font-weight:600;color:var(--color-gray-500);letter-spacing:.02em}.at-card-metric-value{font-size:12.5px;color:var(--color-gray-700);font-variant-numeric:tabular-nums;word-break:break-all}.at-card .at-num-r{text-align:left;display:inline}.at-card-extra{display:flex;flex-direction:column;gap:6px;padding-top:8px;border-top:1px dashed var(--border-light)}.at-card-extra-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:12px}.at-card-extra-label{color:var(--color-gray-500);font-weight:600;flex-shrink:0}.at-card-extra-value{color:var(--color-gray-700);text-align:right;word-break:break-all;min-width:0}.at-card-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:6px}.at-card-actions button{min-height:40px}.at-card-more{align-self:center;display:inline-flex;align-items:center;gap:4px;padding:6px 14px;min-height:32px;font-size:11px;font-weight:600;color:var(--color-gray-500);background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:99px;cursor:pointer}.at-card-more:active{background:var(--color-gray-100)}.at-card-summary{position:sticky;bottom:0;z-index:3;display:flex;flex-wrap:wrap;gap:4px 16px;padding:10px 14px;background:var(--color-gray-100);border:1px solid var(--border-medium);border-radius:10px;box-shadow:var(--shadow-md)}.at-card-summary-item{display:flex;align-items:baseline;gap:6px;font-size:12px}.at-card-summary-item span{color:var(--color-gray-500);font-weight:600}.at-card-summary-item strong{color:var(--color-gray-900);font-variant-numeric:tabular-nums}.at-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1050;display:flex;align-items:flex-end;animation:at-fade-in .15s ease-out}@keyframes at-fade-in{0%{opacity:0}to{opacity:1}}.at-sheet{width:100%;max-height:78vh;background:var(--bg-card);border-radius:16px 16px 0 0;display:flex;flex-direction:column;box-shadow:var(--shadow-2xl);animation:at-sheet-up .22s cubic-bezier(.22,1,.36,1);padding-bottom:max(8px,env(safe-area-inset-bottom))}@keyframes at-sheet-up{0%{transform:translateY(24px);opacity:.6}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){.at-sheet,.at-sheet-backdrop{animation:none}}.at-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 10px;border-bottom:1px solid var(--border-light);flex-shrink:0}.at-sheet-title{font-size:14px;font-weight:700;color:var(--color-gray-800)}.at-sheet-close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:var(--color-gray-50);color:var(--color-gray-600);border-radius:10px;cursor:pointer}.at-sheet-close:active{background:var(--color-gray-100)}.at-sheet-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 16px;display:flex;flex-direction:column;gap:16px}.at-sheet-section{display:flex;flex-direction:column;gap:8px}.at-sheet-label{font-size:11px;font-weight:700;color:var(--color-gray-500);letter-spacing:.04em}.at-sheet-search{display:flex;align-items:center;gap:8px;border:1.5px solid var(--color-primary-300);border-radius:10px;padding:0 12px;color:var(--color-primary-600);background:var(--bg-input)}.at-sheet-input{flex:1;min-width:0;min-height:44px;border:none;outline:none;background:transparent;font-size:14px;color:var(--color-gray-800)}.at-sheet-select{min-height:44px;padding:0 10px;border:1px solid var(--border-medium);border-radius:10px;background:var(--bg-input);color:var(--color-gray-800);font-size:14px;flex:1;min-width:0}.at-sheet-sort{display:flex;gap:8px}.at-sheet-sortdir{display:flex;gap:4px;flex-shrink:0}.at-sheet-dir{display:inline-flex;align-items:center;gap:2px;min-height:44px;padding:0 10px;border:1px solid var(--border-medium);border-radius:10px;background:var(--bg-card);color:var(--color-gray-600);font-size:12px;font-weight:600;cursor:pointer}.at-sheet-dir.active{background:var(--color-primary-600);border-color:var(--color-primary-600);color:var(--on-accent)}.at-sheet-dir:disabled{opacity:.4;cursor:not-allowed}.at-sheet-filter-row{display:flex;align-items:center;gap:10px}.at-sheet-filter-row .at-sheet-input{border:1px solid var(--border-medium);border-radius:10px;padding:0 10px}.at-sheet-filter-name{width:84px;flex-shrink:0;font-size:12px;font-weight:600;color:var(--color-gray-600)}.at-sheet-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;border-top:1px solid var(--border-light);flex-shrink:0}.at-sheet-clear{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:1px solid var(--border-medium);border-radius:10px;background:var(--bg-card);color:var(--color-gray-600);font-size:12px;font-weight:600;cursor:pointer}.at-sheet-count{font-size:12px;font-weight:700;color:var(--color-primary-700);background:var(--color-primary-50);padding:4px 10px;border-radius:10px}@media (pointer: coarse){.at-pg-btn{min-width:38px;height:38px}.at-search-toggle{width:38px;height:38px}.at-page-size{height:38px}}@media (max-width: 480px){.at-wrap{border-radius:10px}.at-th{padding:8px;font-size:10px;letter-spacing:.3px}.at-td{padding:8px;font-size:12px}.at-state-cell{padding:36px 12px;font-size:13px}.at-pg-btn{min-width:28px;height:28px;font-size:11px}.at-page-size{height:28px;font-size:11px;padding:0 6px}}.list-note-banner{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;border:1px solid var(--color-info);border-radius:8px;background:var(--color-info-bg);color:var(--color-info-text);font-size:13px;line-height:1.5;flex-shrink:0}.list-page{background:var(--bg-card);border-radius:var(--radius-xl);padding:var(--space-xl);padding-bottom:100px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);height:calc(100vh - 140px);max-height:calc(100vh - 140px);display:flex;flex-direction:column;transition:all var(--transition-base);max-width:1800px;margin:0 auto}.list-page:hover{box-shadow:var(--shadow-md)}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-light)}.list-header h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0;display:flex;align-items:center;gap:var(--space-sm);letter-spacing:-.02em}.header-buttons{display:flex;gap:12px;align-items:center}.add-button{display:inline-flex;align-items:center;gap:var(--space-sm);padding:12px 28px;background:var(--color-primary-600);color:var(--on-accent);border:none;border-radius:var(--radius-lg);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);box-shadow:var(--shadow-xs);letter-spacing:-.01em;height:44px}.add-button:hover{background:var(--color-primary-700)}.add-button:active{transform:translateY(0)}.add-button.secondary{background:var(--color-info)}.add-button.secondary:hover{background:var(--color-info);filter:brightness(.96)}.add-button.success{background:var(--color-success)}.add-button.success:hover{background:var(--color-success);filter:brightness(.96)}.list-grid{flex:1;width:100%;min-height:0;position:relative;overflow:hidden}.list-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.list-search{height:34px;padding:0 12px;border:1px solid var(--border-medium);border-radius:8px;font-size:13px;width:280px;outline:none;background:var(--bg-card);transition:border-color .15s}.list-search:focus{border-color:var(--color-primary-500)}.list-icon-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);cursor:pointer;color:var(--color-gray-500);transition:all .15s}.list-icon-btn:hover{background:var(--color-gray-100)}.list-date{height:34px;padding:0 9px;border:1px solid var(--border-medium);border-radius:8px;font-size:13px;background:var(--bg-card);color:var(--color-gray-700);outline:none}.list-date:focus{border-color:var(--color-primary-500)}.list-date-sep{color:var(--color-gray-400);font-size:12px}.list-preset{height:34px;padding:0 11px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);font-size:12px;font-weight:600;color:var(--color-gray-500);cursor:pointer;transition:all .12s;white-space:nowrap}.list-preset.active{background:var(--color-primary-50);border-color:var(--color-primary-200);color:var(--color-primary-text)}.list-date-range{display:flex;align-items:center;gap:4px}.list-date-input{height:34px;padding:0 8px;border:1px solid var(--border-medium);border-radius:8px;font-size:13px;background:var(--bg-card);color:var(--color-gray-700);outline:none}.list-date-input:focus{border-color:var(--color-primary-500)}.list-date-sep{color:var(--color-gray-400);font-size:13px}.list-presets{display:flex;gap:4px}.list-preset{height:34px;padding:0 10px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);font-size:12px;color:var(--color-gray-500);cursor:pointer;white-space:nowrap;transition:all .15s}.list-preset:hover{background:var(--color-gray-100)}.list-preset.active{background:var(--color-primary-50);border-color:var(--color-primary-500);color:var(--color-primary-text);font-weight:600}.list-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);color:var(--color-gray-500);text-align:center}.list-empty-state-icon{width:64px;height:64px;margin-bottom:var(--space-md);color:var(--color-gray-400)}.list-empty-state-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);margin-bottom:var(--space-sm)}.list-empty-state-description{font-size:var(--font-size-base);color:var(--color-gray-500);max-width:400px}@media (max-width: 1400px){.list-page{max-width:100%}}@media (max-width: 1024px){.list-page{padding:var(--space-lg);padding-bottom:90px}.list-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.header-buttons{width:100%;justify-content:flex-start}}@media (max-width: 768px){.list-page{padding:var(--space-md);padding-bottom:80px;border-radius:var(--radius-lg);height:auto;max-height:none;min-height:calc(100vh - 130px)}.list-header h2{font-size:var(--font-size-xl)}.add-button{padding:10px 20px;font-size:var(--font-size-sm);height:40px}}@media (max-width: 480px){.list-page{padding:var(--space-sm);height:auto;max-height:none;min-height:calc(100vh - 120px)}.header-buttons{flex-direction:column}.add-button{width:100%;justify-content:center}}@media (max-width: 400px){.list-page{padding:6px;border-radius:8px}.list-header h2{font-size:15px}.add-button{padding:8px 12px;font-size:12px;height:36px}.list-toolbar{gap:5px}.list-search{width:100%;height:32px;font-size:13px}.list-icon-btn{width:32px;height:32px}}.cl-load-more{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 0;font-size:13px;color:var(--color-gray-500)}@keyframes cl-spin{to{transform:rotate(360deg)}}.cl-spin{animation:cl-spin .9s linear infinite}.cl-load-end{text-align:center;padding:10px 0 20px;font-size:12px;color:var(--border-medium)}.erp-page{padding:20px 28px 120px;background:var(--bg-page);min-height:calc(100vh - 64px)}.erp-error{padding:14px 18px;background:var(--color-error-bg);border:1px solid var(--color-error-light);border-radius:10px;color:var(--color-error-text);margin-bottom:14px;font-size:14px}.erp-section{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:20px 24px;margin-bottom:16px;box-shadow:var(--shadow-sm)}.erp-section-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.erp-section-hd h3{margin:0;font-size:15px;font-weight:700;color:var(--color-gray-800);display:flex;align-items:center;gap:8px}.erp-info-grid.cols-2{grid-template-columns:repeat(2,1fr)}.val-mono{font-family:Inter,monospace!important;font-weight:700!important}.val-green{color:var(--color-success)!important}.val-amber{color:var(--color-warning)!important}.val-red{color:var(--color-error)!important}.val-purple{color:var(--color-primary-600)!important}.val-lg{font-size:17px!important;font-weight:800!important}.val-lg em{font-style:normal;font-size:12px;color:var(--color-gray-400);margin-left:2px;font-weight:500}.erp-form-grid{display:grid;gap:12px}.erp-form-grid.cols-2{grid-template-columns:repeat(2,1fr)}.erp-form-field input,.erp-form-field select,.erp-form-field textarea{padding:9px 12px;border:1px solid var(--border-medium);border-radius:7px;font-size:13px;color:var(--color-gray-800);background:var(--bg-input);outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit}.erp-form-field textarea{resize:vertical;min-height:80px}.erp-form-field input:disabled,.erp-form-field select:disabled,.erp-form-field textarea:disabled{background:var(--bg-disabled);cursor:not-allowed;color:var(--color-gray-500)}.erp-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--border-medium);background:var(--bg-card);border-radius:7px;font-size:13px;font-weight:600;color:var(--color-gray-700);cursor:pointer;transition:all .2s;height:36px;white-space:nowrap}.erp-action-btn:hover:not(:disabled){background:var(--color-gray-100);border-color:var(--color-gray-400)}.erp-action-btn.primary{background:var(--color-primary-600);color:var(--on-accent);border-color:transparent;box-shadow:var(--shadow-xs)}.erp-action-btn.primary:hover:not(:disabled){background:var(--color-primary-700)}.erp-action-btn.primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.erp-action-btn.ghost{background:var(--bg-card);border:1px solid var(--border-medium)}.erp-action-btn.ghost:hover:not(:disabled){background:var(--color-gray-100)}.erp-action-btn.danger{background:var(--color-error);color:#fff;border-color:transparent;box-shadow:var(--shadow-xs)}.erp-action-btn.danger:hover:not(:disabled){filter:brightness(.96)}.erp-action-btn.green{background:var(--color-success);color:#fff;border-color:transparent;box-shadow:var(--shadow-xs)}.erp-action-btn.green:hover:not(:disabled){filter:brightness(.96)}.erp-table thead tr{background:var(--color-gray-50);border-bottom:1px solid var(--border-light)}.erp-table .td-right{text-align:right}.erp-table .td-center{text-align:center}.erp-table .td-num{font-weight:700;color:var(--color-info);font-family:Inter,monospace}.erp-table .td-num.green{color:var(--color-success)}.erp-table .td-num.amber{color:var(--color-warning)}.erp-table .td-note{color:var(--color-gray-400);font-style:italic}.erp-kpi-card{flex:1;min-width:120px;padding:14px 18px;border-radius:10px;border:1px solid var(--border-light);background:var(--bg-card)}.erp-kpi-main{font-size:22px;font-weight:800;line-height:1;margin-bottom:4px;font-family:Inter,monospace}.erp-kpi-card.amber .erp-kpi-main{color:var(--color-warning)}.erp-kpi-card.purple .erp-kpi-main{color:var(--color-primary-600)}.erp-kpi-main em{font-style:normal;font-size:12px;color:var(--color-gray-400);margin-left:4px;font-weight:500}.erp-kpi-lbl{font-size:11px;color:var(--color-gray-500);font-weight:600;text-transform:uppercase;letter-spacing:.4px}.erp-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:700}.erp-badge.green{background:var(--color-success-bg);color:var(--color-success-text)}.erp-badge.blue{background:var(--color-info-bg);color:var(--color-info-text)}.erp-badge.amber{background:var(--color-warning-bg);color:var(--color-warning-text)}.erp-badge.red{background:var(--color-error-bg);color:var(--color-error-text)}.erp-badge.purple{background:var(--color-primary-50);color:var(--color-primary-text)}.erp-badge.gray{background:var(--color-gray-100);color:var(--color-gray-700)}.erp-badge-latest{display:inline-block;margin-left:8px;padding:2px 8px;background:var(--color-success);color:#fff;border-radius:20px;font-size:11px;font-weight:700}.erp-empty{padding:28px;text-align:center;color:var(--color-gray-400);font-size:13px;background:var(--color-gray-50);border:1px dashed var(--border-medium);border-radius:8px}.erp-status-tag{display:inline-flex;align-items:center;padding:4px 12px;border-radius:9999px;font-size:12px;font-weight:700}.erp-status-정상{background:var(--color-success-bg);color:var(--color-success-text)}.erp-status-점검필요{background:var(--color-warning-bg);color:var(--color-warning-text)}.erp-status-고장{background:var(--color-error-bg);color:var(--color-error-text)}.erp-status-수리중{background:var(--color-primary-50);color:var(--color-primary-text)}.erp-status-폐기{background:var(--color-gray-100);color:var(--color-gray-500)}.erp-status-매출처{background:var(--color-info-bg);color:var(--color-info-text)}.erp-status-매입처{background:var(--color-warning-bg);color:var(--color-warning-text)}.erp-status-매출매입혼합{background:var(--color-primary-50);color:var(--color-primary-text)}@media (max-width: 768px){.erp-page{padding:10px 10px 100px}.erp-info-grid.cols-4,.erp-info-grid.cols-3{grid-template-columns:repeat(2,1fr)}.erp-form-grid.cols-4,.erp-form-grid.cols-3,.erp-form-grid.cols-2{grid-template-columns:1fr}.erp-info-grid .span-2,.erp-info-grid .span-3,.erp-info-grid .span-4,.erp-form-grid .span-2,.erp-form-grid .span-3,.erp-form-grid .span-4{grid-column:1 / -1}.erp-kpi-row{flex-direction:column}.erp-section{padding:14px}}@media (max-width: 480px){.erp-page{padding:8px 8px 90px}.erp-page-title-bar{gap:8px}.erp-page-title-bar h2{font-size:15px}.erp-section{padding:12px;border-radius:10px}.erp-section-hd h3{font-size:13px}.erp-info-grid.cols-4,.erp-info-grid.cols-3,.erp-info-grid.cols-2{grid-template-columns:1fr}.erp-info-grid.cols-2{grid-template-columns:repeat(2,1fr)}.erp-info-item{padding:9px 10px}.erp-info-item span{font-size:13px}.erp-inline-form{padding:10px 12px}.erp-inline-actions{flex-wrap:wrap}.erp-kpi-row{flex-direction:row;flex-wrap:wrap}.erp-kpi-card{flex:1 1 calc(50% - 6px);min-width:120px;padding:10px 12px}.erp-kpi-main{font-size:18px}.erp-form-actions{flex-wrap:wrap}.erp-action-btn{flex:1 1 calc(50% - 4px);justify-content:center}.erp-action-btn.primary{padding:8px 12px;font-size:12px}.erp-section>.erp-table,.erp-section-body>.erp-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}}@media (max-width: 400px){.erp-page{padding:6px 6px 88px}.erp-section{padding:10px;border-radius:8px}.erp-back-btn{padding:6px 10px;font-size:12px}.erp-info-grid.cols-2{grid-template-columns:1fr}.erp-kpi-card{flex:1 1 100%}}.pd-wt-chips{display:flex;gap:6px;flex-wrap:wrap}.pd-wt-chip{font-size:12.5px;padding:5px 12px;border-radius:999px;border:1px solid var(--border-light);background:var(--bg-card);color:var(--color-gray-600);cursor:pointer}.pd-wt-chip:hover{background:var(--color-gray-100)}.pd-wt-chip.on{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff;font-weight:600}.pd-wt-hint{display:block;margin-top:5px;font-size:11.5px;color:var(--color-gray-500)}.pd-tier-desc{font-size:12.5px;color:var(--color-gray-500);margin-bottom:14px}.pd-tier-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:16px}.pd-tier-table th{background:var(--color-gray-100);color:var(--color-gray-700);font-weight:600;padding:8px 12px;text-align:left;border-bottom:2px solid var(--border-light)}.pd-tier-table td{padding:8px 12px;border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700)}.pd-tier-table .td-num{font-variant-numeric:tabular-nums;color:var(--color-info);font-weight:500}.pd-tier-table .td-price{font-weight:700;color:var(--color-success)}.pd-tier-del{background:none;border:none;cursor:pointer;color:var(--color-error);padding:4px;border-radius:4px;display:flex;align-items:center}.pd-tier-del:hover{background:var(--color-error-bg)}.pd-tier-edit{background:none;border:none;cursor:pointer;color:var(--color-primary-500);padding:4px;border-radius:4px;display:flex;align-items:center}.pd-tier-edit:hover{background:var(--color-primary-50)}.pd-tier-save{background:none;border:none;cursor:pointer;color:var(--color-success);padding:4px;border-radius:4px;display:flex;align-items:center}.pd-tier-save:hover{background:var(--color-success-bg)}.pd-tier-save:disabled{opacity:.5;cursor:not-allowed}.pd-tier-cancel{background:none;border:none;cursor:pointer;color:var(--color-gray-500);padding:4px;border-radius:4px;display:flex;align-items:center}.pd-tier-cancel:hover{background:var(--color-gray-100)}.pd-tier-action-cell{display:flex;align-items:center;gap:2px}tr.pd-tier-editing td{background:var(--color-primary-50)}.pd-tier-inline-input{width:100%;min-width:80px;padding:5px 8px;border:1px solid var(--color-primary-300);border-radius:6px;font-size:13px;background:var(--bg-card);outline:none}.pd-tier-inline-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 2px var(--color-primary-100)}.pd-tier-add-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;background:var(--color-gray-50);border:1px dashed var(--border-medium);border-radius:8px;padding:12px 14px;margin-bottom:14px}.pd-tier-add-field{display:flex;flex-direction:column;gap:4px;flex:1 1 130px;min-width:0}.pd-tier-add-field label{font-size:11.5px;color:var(--color-gray-500);font-weight:600}.pd-tier-add-field input{border:1px solid var(--border-medium);border-radius:6px;padding:6px 10px;font-size:13px;color:var(--color-gray-900);outline:none}.pd-tier-add-field input:focus{border-color:var(--color-primary-500)}.pd-tier-add-btn{display:flex;align-items:center;gap:5px;background:var(--color-primary-500);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.pd-tier-add-btn:hover{background:var(--color-primary-600)}.pd-tier-example{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;background:var(--color-warning-bg);border-radius:8px;border:1px solid var(--color-warning-bg)}.pd-tier-ex-lbl{font-size:11.5px;font-weight:700;color:var(--color-warning-text);margin-right:4px}.pd-tier-ex-chip{font-size:12px;color:var(--color-warning-text);background:var(--color-warning-bg);padding:3px 10px;border-radius:12px}.pd-tier-ex-chip strong{color:var(--color-warning-text)}.qa-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:4000;padding:20px}.qa-modal{background:var(--bg-card);border:1px solid var(--border-light);border-radius:10px;width:100%;max-width:480px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #0000004d}.qa-modal-hd{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-light)}.qa-modal-hd h3{margin:0;font-size:15px;font-weight:700;color:var(--color-gray-900)}.qa-modal-close{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:4px;border-radius:6px;color:var(--color-gray-500);cursor:pointer}.qa-modal-close:hover{background:var(--color-gray-100);color:var(--color-gray-800)}.qa-modal-body{padding:14px 18px;overflow-y:auto}.qa-modal-tip{margin:0 0 12px;font-size:12px;color:var(--color-gray-500)}.qa-fields{display:flex;flex-wrap:wrap;gap:10px}.qa-field{flex:1 1 100%;display:flex;flex-direction:column;gap:4px;min-width:0}.qa-field.half{flex:1 1 calc(50% - 10px);min-width:120px}.qa-field label{font-size:12px;font-weight:600;color:var(--color-gray-600)}.qa-field label em{color:var(--color-error);font-style:normal}.qa-field input,.qa-field select{height:34px;padding:6px 10px;border:1px solid var(--border-medium);border-radius:6px;background:var(--bg-card);color:var(--color-gray-800);font-size:13px;box-sizing:border-box}.qa-field input:focus,.qa-field select:focus{outline:none;border-color:var(--color-primary-500)}.qa-modal-ft{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--border-light)}.qa-btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent}.qa-btn.ghost{background:var(--bg-card);border-color:var(--border-medium);color:var(--color-gray-700)}.qa-btn.ghost:hover{background:var(--color-gray-100)}.qa-btn.primary{background:var(--color-primary-600);color:var(--on-accent, #fff)}.qa-btn.primary:hover{background:var(--color-primary-500)}.qa-btn:disabled{opacity:.6;cursor:default}.searchable-select{position:relative;width:100%}.searchable-select.disabled{opacity:.6;cursor:not-allowed}.select-input{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border-medium);border-radius:6px;background:var(--bg-card);cursor:pointer;transition:all .2s;height:36px;box-sizing:border-box;font-size:13px}.searchable-select.disabled .select-input{cursor:not-allowed;background:var(--color-gray-100)}.select-input:hover:not(.disabled){border-color:var(--color-gray-400)}.select-input.open{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #c06a431a}.select-input span{flex:1;font-size:13px}.select-input .selected{color:var(--color-gray-800);font-weight:500}.select-input .placeholder{color:var(--color-gray-400)}.clear-btn{display:flex;align-items:center;justify-content:center;padding:4px;background:none;border:none;color:var(--color-gray-400);cursor:pointer;border-radius:4px;transition:all .2s}.clear-btn:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.search-icon{color:var(--color-gray-400);flex-shrink:0}.select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-card);border:1px solid var(--border-light);border-radius:6px;box-shadow:0 10px 30px #00000026;z-index:1000;max-height:300px;display:flex;flex-direction:column;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-box{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border-light);background:var(--color-gray-50);border-radius:6px 6px 0 0}.search-box svg{color:var(--color-gray-400);flex-shrink:0}.search-box input{flex:1;border:none;background:none;outline:none;font-size:13px;color:var(--color-gray-800)}.search-box input::placeholder{color:var(--color-gray-400)}.options-list{overflow-y:auto;max-height:250px}.option-item{padding:8px 12px;cursor:pointer;font-size:13px;color:var(--color-gray-700);transition:all .15s;height:36px;display:flex;align-items:center;box-sizing:border-box}.option-item:hover{background:var(--color-gray-100)}.option-item.selected{background:var(--color-primary-50);color:var(--color-primary-text);font-weight:600}.no-options{padding:20px;text-align:center;color:var(--color-gray-400);font-size:13px}.option-add{display:flex;align-items:center;gap:6px;width:100%;padding:9px 12px;border:none;border-top:1px solid var(--border-light);border-radius:0 0 6px 6px;background:var(--color-gray-50);color:var(--color-primary-text);font-size:13px;font-weight:600;cursor:pointer;flex-shrink:0;text-align:left}.option-add:hover{background:var(--color-gray-100)}.options-list::-webkit-scrollbar{width:6px}.options-list::-webkit-scrollbar-track{background:var(--color-gray-50);border-radius:0 8px 8px 0}.options-list::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}.options-list::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.fio-tabs{display:flex;gap:4px;width:fit-content;background:var(--color-gray-100);border-radius:10px;padding:3px;margin-bottom:14px}.fio-tab{padding:7px 18px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:600;color:var(--color-gray-500);cursor:pointer;transition:all .12s}.fio-tab:hover{color:var(--color-gray-700)}.fio-tab.active{background:var(--bg-card);color:var(--color-gray-900);box-shadow:0 1px 3px #0000001f}.fio-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap}.fio-badge.in{background:var(--color-success-bg);color:var(--color-success-text)}.fio-badge.out{background:var(--color-error-bg);color:var(--color-error-text)}.fio-src{font-size:12px;color:var(--color-gray-500)}.fio-src-link{border:none;background:none;padding:0;font:inherit;font-size:12px;color:var(--color-info-text);cursor:pointer;text-decoration:underline}.fio-stock-neg{color:var(--color-error-text);font-weight:700}.fio-stock-pos{font-weight:700}.fio-txn-no{font-family:Consolas,D2Coding,monospace;font-size:12px;color:var(--color-gray-700)}.fio-page{padding-bottom:90px}.fio-fabric-info{display:block;margin-top:5px;font-size:12px;color:var(--color-gray-500)}.fio-lot{display:inline-block;padding:2px 8px;border-radius:6px;background:var(--color-gray-100);color:var(--color-gray-700);font-family:Consolas,D2Coding,monospace;font-size:11.5px}.fio-lot.none{background:transparent;color:var(--color-gray-400);font-style:italic}.fio-empty-toggle{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--color-gray-600);white-space:nowrap;cursor:pointer}.ol-page{padding:20px 24px 80px;min-height:100%;background:var(--color-gray-50)}.ol-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.ol-header-left{display:flex;align-items:center;gap:10px}.ol-header-left h2{font-size:20px;font-weight:700;color:var(--color-gray-900);margin:0}.ol-count-badge{background:var(--color-primary-50);color:var(--color-primary-800);font-size:12px;font-weight:700;padding:2px 10px;border-radius:99px}.ol-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ol-search{height:34px;padding:0 12px;border:1px solid var(--border-medium);border-radius:8px;font-size:13px;width:260px;outline:none;background:var(--bg-card);transition:border-color .15s}.ol-search:focus{border-color:var(--color-gray-400)}.ol-filter-select{height:34px;padding:0 10px;border:1px solid var(--border-medium);border-radius:8px;font-size:13px;background:var(--bg-card);cursor:pointer;outline:none;color:var(--color-gray-700);transition:border-color .15s}.ol-filter-select:focus{border-color:var(--color-gray-400)}.ol-status-filter-group{display:flex;align-items:center;gap:4px;flex-wrap:wrap;background:var(--color-gray-100);border-radius:8px;padding:3px}.ol-status-chip{padding:4px 12px;border-radius:6px;border:1px solid transparent;font-size:12px;font-weight:600;cursor:pointer;color:var(--color-gray-500);background:transparent;transition:all .15s}.ol-status-chip:hover{background:var(--border-light);color:var(--color-gray-700)}.ol-status-chip.active{background:var(--bg-card);color:var(--color-gray-900);box-shadow:0 1px 3px #0000001f}.ol-status-chip-quick{padding:4px 10px;border-radius:6px;border:none;font-size:11px;font-weight:700;cursor:pointer;color:var(--color-gray-400);background:transparent;transition:all .15s;letter-spacing:.02em}.ol-status-chip-quick:hover{background:var(--border-light);color:var(--color-gray-700)}.ol-status-chip-quick.active{background:var(--color-primary-500);color:#fff;box-shadow:0 1px 3px #c06a434d}.ol-status-chip-divider{width:1px;height:18px;background:var(--border-medium);margin:0 2px;flex-shrink:0}.ol-date-range{display:flex;align-items:center;gap:6px}.ol-date-input{height:34px;padding:0 8px;border:1px solid var(--border-medium);border-radius:8px;font-size:12px;background:var(--bg-card);outline:none;color:var(--color-gray-700);cursor:pointer}.ol-date-input:focus{border-color:var(--color-gray-400)}.ol-date-sep{font-size:12px;color:var(--color-gray-400)}.ol-icon-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);cursor:pointer;color:var(--color-gray-500);transition:all .15s}.ol-icon-btn:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.ol-spin{animation:ol-rotate .8s linear infinite}@keyframes ol-rotate{to{transform:rotate(360deg)}}.ol-table-wrap{background:var(--bg-card);border-radius:16px;border:1px solid var(--border-light);overflow:auto;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;margin-bottom:12px}.ol-toolbar{display:flex;justify-content:flex-end;padding:8px 12px 0}.ol-reset-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;color:var(--color-gray-500);background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:6px;cursor:pointer;transition:all .14s}.ol-reset-btn:hover{color:var(--color-gray-700);background:var(--color-gray-100);border-color:var(--color-gray-400)}.ol-drag-handle{display:inline-flex;align-items:center;color:var(--color-gray-400);cursor:grab;flex-shrink:0;padding:0 2px;transition:color .12s}.ol-drag-handle:hover{color:var(--color-primary-800)}.ol-drag-handle:active{cursor:grabbing}.ol-resize-handle{position:absolute;right:0;top:0;height:100%;width:5px;cursor:col-resize;-webkit-user-select:none;user-select:none;touch-action:none;background:transparent;transition:background .14s}.ol-resize-handle:hover,.ol-resizing{background:#a8542f59;border-radius:2px}.ol-drag-overlay{background:var(--color-primary-50);border:2px solid var(--color-primary-600);border-radius:6px;padding:6px 14px;font-size:11px;font-weight:700;color:var(--color-primary-800);pointer-events:none;box-shadow:0 8px 24px #a8542f40}.ol-table{width:100%;border-collapse:collapse;font-size:13px;min-width:960px;table-layout:fixed}.ol-table th{background:linear-gradient(to bottom,var(--color-gray-50),var(--color-gray-100));padding:calc(11px * var(--density, 1)) 14px;text-align:left;font-size:11px;font-weight:700;color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-light);white-space:nowrap;position:sticky;top:0;z-index:1;-webkit-user-select:none;user-select:none;position:relative}.ol-th-sortable{cursor:pointer;transition:background .14s}.ol-th-sortable:hover{background:linear-gradient(to bottom,var(--color-gray-100),var(--border-light))!important;color:var(--color-gray-900)}.ol-th-inner{display:inline-flex;align-items:center;gap:5px}.ol-sort-icon{flex-shrink:0}.ol-sort-icon.muted{color:var(--border-medium)}.ol-sort-icon.active{color:var(--color-primary-800)}.ol-table td{padding:calc(11px * var(--density, 1)) 14px;border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background .1s}.ol-row{cursor:pointer}.ol-row:nth-child(2n) td{background:var(--color-gray-50)}.ol-row:hover td{background:var(--color-gray-100)!important;color:var(--color-gray-800)}.ol-row:last-child td{border-bottom:none}.ol-table th:first-child,.ol-table td:first-child{text-align:center;padding:calc(6px * var(--density, 1)) 8px}.ol-thumb{width:92px;height:92px;object-fit:cover;border-radius:8px;display:block;margin:0 auto;border:1px solid var(--color-info-bg);background:var(--color-info-bg)}.ol-thumb-empty{width:92px;height:92px;background:var(--color-info-bg);border-radius:8px;margin:0 auto;border:1px solid var(--color-info-bg);display:flex;align-items:center;justify-content:center}.ol-badge{display:inline-block;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:700;white-space:nowrap;letter-spacing:.2px}.has-due{color:var(--color-error);font-weight:600}.ol-mono{font-family:Courier New,monospace;font-size:12px;color:var(--color-info-text)}.ol-num-right{display:block;text-align:right;font-weight:700;color:var(--color-info);font-variant-numeric:tabular-nums}.ol-ellipsis{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ol-loading-cell,.ol-empty-cell{text-align:center;padding:56px 20px;color:var(--color-gray-400);font-size:14px}.ol-pagination{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 16px;background:var(--color-gray-50);border-radius:12px;border:1px solid var(--border-light);flex-wrap:wrap}.ol-page-info{font-size:12px;color:var(--color-gray-500);font-weight:600;min-width:140px;text-align:center}.ol-page-controls{display:flex;align-items:center;gap:3px}.ol-pg-btn{min-width:30px;height:30px;padding:0 5px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-card);color:var(--color-gray-700);font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .14s}.ol-pg-btn:hover:not(:disabled){background:var(--color-gray-100);border-color:var(--color-gray-400);color:var(--color-gray-900)}.ol-pg-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.ol-pg-btn.ol-pg-num.active{background:var(--color-primary-800);border-color:var(--color-primary-900);color:#fff;font-weight:700;box-shadow:var(--shadow-xs)}.ol-page-size{height:30px;padding:0 10px;border:1px solid var(--border-light);border-radius:8px;font-size:12px;background:var(--bg-card);cursor:pointer;outline:none;color:var(--color-gray-700);font-weight:600;transition:border-color .14s}.ol-page-size:focus{border-color:var(--color-gray-400)}@media (max-width: 768px){.ol-page{padding:12px 12px 80px}.ol-table-wrap{border-radius:12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.ol-table{min-width:800px}.ol-table th{padding:calc(9px * var(--density, 1)) 10px;font-size:10px}.ol-table td{padding:calc(9px * var(--density, 1)) 10px;font-size:12px}.ol-search{width:180px}.ol-pagination{gap:6px;padding:6px 10px;border-radius:10px}.ol-page-info{min-width:100px;font-size:11px}.ol-header{gap:8px;margin-bottom:10px}.ol-header-left h2{font-size:16px}}@media (max-width: 480px){.ol-page{padding:8px 8px 80px}.ol-table-wrap{border-radius:10px}.ol-table{min-width:720px}.ol-table th{padding:calc(8px * var(--density, 1)) 8px;font-size:10px}.ol-table td{padding:calc(8px * var(--density, 1)) 8px;font-size:12px}.ol-thumb,.ol-thumb-empty{width:60px;height:60px;border-radius:6px}.ol-search{width:140px;font-size:12px}.ol-header-right{gap:5px}.ol-pg-btn{min-width:26px;height:26px;font-size:11px}.ol-page-size{height:26px;font-size:11px;padding:0 6px}}.ol-design-thumb{width:72px;height:40px;object-fit:cover;border-radius:6px;border:1px solid var(--border-light);display:block;margin:0 auto}.ol-design-thumb-empty{color:var(--border-medium);font-size:12px;display:block;text-align:center}.ol-ticket-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin:0 auto;border:1px solid var(--border-medium);border-radius:6px;background:var(--bg-card);color:var(--color-gray-500);cursor:pointer;transition:all .15s}.ol-ticket-btn:hover:not(:disabled){background:var(--color-primary-50);color:var(--color-primary-800);border-color:var(--color-primary-800)}.ol-ticket-btn:disabled{opacity:.4;cursor:wait}.sop-file-cell{display:flex;align-items:center;gap:6px;max-width:300px}.sop-file-path{font-family:Consolas,D2Coding,monospace;font-size:12px;color:var(--color-gray-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:rtl;text-align:left}.sop-copy-btn{display:inline-flex;align-items:center;gap:3px;border:1px solid var(--border-medium);background:var(--bg-card);color:var(--color-gray-600);border-radius:6px;padding:2px 7px;font-size:11px;cursor:pointer;flex:0 0 auto}.sop-copy-btn:hover{background:var(--color-gray-100);color:var(--color-gray-800)}.sop-confirm-meta{font-size:11px;color:var(--color-gray-500);margin-top:2px;white-space:nowrap}.sop-row-actions{display:flex;gap:4px;align-items:center;justify-content:flex-end}.sop-mini-btn{display:inline-flex;align-items:center;gap:3px;border:1px solid var(--border-medium);background:var(--bg-card);color:var(--color-gray-600);border-radius:6px;padding:3px 8px;font-size:11.5px;cursor:pointer;white-space:nowrap}.sop-mini-btn:hover{background:var(--color-gray-100);color:var(--color-gray-800)}.sop-form-hint{font-size:11.5px;color:var(--color-gray-500);margin-top:3px}.fcp{margin-top:14px}.fcp-hd{display:flex;align-items:center;gap:10px;margin-bottom:8px}.fcp-title{font-size:13.5px;font-weight:700;color:var(--color-gray-800)}.fcp-total{font-size:12.5px;color:var(--color-gray-500);margin-right:auto}.fcp-total b{color:var(--color-gray-800)}.fcp-filter-row{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.fcp-chip{font-size:12px;padding:3px 10px;border-radius:999px;border:1px solid var(--border-light);background:var(--bg-card);color:var(--color-gray-600);cursor:pointer;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fcp-chip:hover{background:var(--color-gray-100)}.fcp-chip.on{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff;font-weight:600}.fcp-bucket-scroll{margin-top:8px;max-height:min(45vh,420px);overflow-y:auto;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-card)}.fcp-group-hd{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:6px;width:100%;margin:0;padding:7px 10px;text-align:left;font-size:12px;font-weight:700;color:var(--color-gray-500);background:var(--bg-page);border:none;border-bottom:1px solid var(--border-light)}.fcp-group-hd.exc{color:var(--color-warning-text)}.fcp-group-hd.as-toggle{cursor:pointer}.fcp-group-hd .g-title{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fcp-group-hd .g-meta{margin-left:auto;font-weight:500;font-size:11.5px;color:var(--color-gray-500);white-space:nowrap}.fcp-bucket{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px 10px;border:none;border-bottom:1px solid var(--border-light);background:var(--bg-card);cursor:pointer;font-size:13px;color:var(--color-gray-800)}.fcp-bucket:last-child{border-bottom:none}.fcp-bucket:hover{background:var(--color-gray-100)}.fcp-bucket.sel{background:var(--color-info-bg)}.fcp-bucket .b-fab{font-weight:600;flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fcp-bucket .b-cust{font-size:12px;color:var(--color-gray-500);flex:0 0 auto}.fcp-bucket .b-lot{flex:0 0 auto;font-family:Consolas,D2Coding,monospace;font-size:11.5px;background:var(--color-gray-100);border-radius:6px;padding:1px 7px;color:var(--color-gray-700)}.fcp-bucket .b-stock{flex:0 0 auto;font-weight:700;white-space:nowrap}.fcp-more{display:block;width:100%;padding:8px 10px;border:none;border-bottom:1px solid var(--border-light);background:var(--bg-card);color:var(--color-info-text);font-size:12.5px;cursor:pointer;text-align:center}.fcp-more:hover{background:var(--color-gray-100)}.fcp-empty{padding:14px;font-size:12.5px;color:var(--color-gray-500);text-align:center}.fcp-hint{font-size:12px;color:var(--color-gray-500);margin-top:4px}.erp-page{padding:20px 28px 120px;background:var(--color-gray-100);min-height:calc(100vh - 64px)}.erp-loading{padding:60px;text-align:center;color:var(--color-gray-500);font-size:14px}.erp-error{padding:18px 22px;background:var(--color-error-bg);border:1px solid var(--color-error-light);border-radius:10px;color:var(--color-error-text);margin-bottom:16px}.erp-page-title-bar{display:flex;align-items:center;gap:14px;margin-bottom:16px}.erp-page-title-bar h2{font-size:18px;font-weight:700;color:var(--color-gray-800);margin:0}.erp-back-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-card);border:1px solid var(--border-medium);border-radius:8px;font-size:13px;font-weight:500;color:var(--color-gray-700);cursor:pointer;transition:all .2s}.erp-back-btn:hover{background:var(--color-gray-100);border-color:var(--color-gray-400)}.erp-order-banner{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;padding:18px 24px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 1px 3px #00000014}.erp-banner-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.erp-banner-thumb-wrap{flex-shrink:0}.erp-banner-thumb{width:56px;height:56px;object-fit:cover;border-radius:8px;border:1px solid var(--border-light)}.erp-banner-thumb-empty{width:56px;height:56px;background:var(--color-gray-100);border-radius:8px;border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;color:var(--border-medium)}.erp-banner-info{flex:1;min-width:0}.erp-banner-num{font-size:22px;font-weight:800;color:var(--color-gray-800);letter-spacing:.02em;font-family:Inter,monospace}.erp-banner-sub{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-gray-500);margin-top:3px;flex-wrap:wrap}.erp-dot{color:var(--border-medium)}.erp-banner-right{display:flex;align-items:center;gap:16px;flex-shrink:0}.erp-kpi-strip{display:flex;align-items:center;gap:0;background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:10px;overflow:hidden}.erp-kpi-item{display:flex;flex-direction:column;align-items:center;padding:10px 20px;gap:1px}.erp-kpi-divider{width:1px;height:36px;background:var(--border-light)}.erp-kpi-num{font-size:20px;font-weight:800;font-family:Inter,monospace;line-height:1}.erp-kpi-unit{font-size:10px;color:var(--color-gray-400);font-weight:600;text-transform:uppercase}.erp-kpi-lbl{font-size:11px;color:var(--color-gray-500);font-weight:500}.kpi-blue{color:var(--color-info)}.kpi-green{color:var(--color-success)}.kpi-orange{color:var(--color-warning)}.kpi-red{color:var(--color-error)}.erp-status-tag{display:inline-flex;align-items:center;padding:5px 14px;border-radius:9999px;font-size:12px;font-weight:700;letter-spacing:.02em}.erp-status-clickable{cursor:pointer;transition:opacity .15s,transform .1s}.erp-status-clickable:hover{opacity:.8;transform:scale(1.04)}.erp-status-접수{background:var(--color-info-bg);color:var(--color-info)}.erp-status-대기{background:var(--color-primary-50);color:var(--color-primary-600)}.erp-status-진행,.erp-status-생산중{background:var(--color-warning-bg);color:var(--color-warning-text)}.erp-status-완료{background:var(--color-success-bg);color:var(--color-success-text)}.erp-status-취소{background:var(--color-error-bg);color:var(--color-error-text)}.erp-status-wrap{position:relative;display:inline-flex;align-items:center}.erp-status-picker{position:absolute;top:calc(100% + 8px);right:0;z-index:400;background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 8px 28px #00000021;padding:6px;min-width:170px}.erp-status-picker-item{display:flex;align-items:center;gap:9px;width:100%;padding:8px 11px;border:none;background:transparent;border-radius:7px;font-size:13px;font-weight:500;color:var(--color-gray-800);cursor:pointer;transition:background .13s;text-align:left;white-space:nowrap}.erp-status-picker-item:hover{background:var(--color-gray-50)}.erp-status-picker-item.active{background:var(--color-info-bg);color:var(--color-info);font-weight:700}.erp-status-picker-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.dot-접수{background:var(--color-info)}.dot-대기{background:var(--color-primary-600)}.dot-공정{background:var(--color-warning)}.dot-완료{background:var(--color-success)}.erp-status-picker-divider{height:1px;background:var(--color-gray-50);margin:4px}.erp-status-picker-group-label{font-size:10px;font-weight:700;color:var(--color-gray-400);letter-spacing:.06em;padding:3px 11px 2px;text-transform:uppercase}.od-pdf-dropzone{display:flex;flex-direction:column;align-items:center;gap:10px;padding:36px 20px;border:2px dashed var(--border-medium);border-radius:12px;background:var(--color-gray-50);color:var(--color-gray-400);transition:border-color .18s,background .18s}.od-pdf-dropzone.drag-over{border-color:var(--color-primary-500);background:var(--color-primary-50);color:var(--color-primary-500)}.od-pdf-dropzone:hover{border-color:var(--color-primary-300);background:var(--color-primary-50)}.od-pdf-drop-title{margin:0;font-size:13px;font-weight:600;color:var(--color-gray-700)}.od-pdf-dropzone.drag-over .od-pdf-drop-title{color:var(--color-primary-500)}.od-pdf-drop-hint{margin:0;font-size:11px;color:var(--color-gray-400)}.od-pdf-panel{display:flex;flex-direction:column;position:relative}.od-pdf-panel.drag-over{outline:2px dashed var(--color-primary-500);outline-offset:2px;border-radius:8px}.od-pdf-drag-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:#c06a431a;border:2px dashed var(--color-primary-500);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;pointer-events:none;color:var(--color-primary-500);font-size:14px;font-weight:600}.od-pdf-tabbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-light);padding-bottom:8px;margin-bottom:12px;gap:8px;flex-wrap:wrap}.od-pdf-tabs{display:flex;gap:6px;flex-wrap:wrap}.od-pdf-tab{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:8px;border:1px solid var(--border-light);background:var(--color-gray-50);font-size:12px;cursor:pointer;color:var(--color-gray-700);max-width:180px;white-space:nowrap;overflow:hidden}.od-pdf-tab.active{background:var(--color-primary-500);color:#fff;border-color:var(--color-primary-500)}.od-pdf-tab-name{overflow:hidden;text-overflow:ellipsis;max-width:130px}.od-pdf-tab-del{display:flex;align-items:center;padding:2px;border-radius:4px;opacity:.6;cursor:pointer}.od-pdf-tab-del:hover{opacity:1;background:#0000001a}.od-pdf-tab-actions{display:flex;align-items:center;gap:8px}.od-pdf-viewer{background:var(--color-gray-100);border-radius:10px;overflow:hidden}.od-pdf-loading{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px;color:var(--color-gray-500);font-size:13px}.od-pdf-toolbar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-card);border-bottom:1px solid var(--border-light);font-size:13px;color:var(--color-gray-700)}.od-pdf-download{margin-left:auto;color:var(--color-primary-500);font-size:12px;text-decoration:none}.od-pdf-download:hover{text-decoration:underline}.od-pdf-iframe{display:block;width:100%;height:600px;border:none}.erp-section{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;padding:20px 24px;margin-bottom:16px;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.erp-section-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--color-gray-100)}.erp-section-hd.collapsible{cursor:pointer;-webkit-user-select:none;user-select:none}.erp-section-hd h3{margin:0;font-size:15px;font-weight:700;color:var(--color-gray-800);display:flex;align-items:center;gap:10px}.erp-section-body{margin-top:4px}.erp-section-actions{display:flex;align-items:center;gap:8px}.erp-chevron{color:var(--color-gray-400)}.erp-info-grid{display:grid;gap:10px}.erp-info-grid.cols-4{grid-template-columns:repeat(4,1fr)}.erp-info-grid.cols-3{grid-template-columns:repeat(3,1fr)}.erp-info-grid .span-2{grid-column:span 2}.erp-info-grid .span-3{grid-column:span 3}.erp-info-grid .span-4{grid-column:1 / -1}.erp-info-item{display:flex;flex-direction:column;gap:4px;padding:11px 14px;background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:8px}.erp-info-item label{font-size:11px;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px}.erp-info-item span{font-size:14px;font-weight:600;color:var(--color-gray-800)}.val-blue{color:var(--color-info)!important}.val-lg{font-size:16px!important;font-weight:800!important}.val-lg em{font-style:normal;font-size:12px;font-weight:500;color:var(--color-gray-400);margin-left:2px}.val-notes{font-size:13px!important;font-weight:400!important;color:var(--color-gray-700)!important;white-space:pre-wrap;line-height:1.6}.erp-badge-ok{font-size:11px;font-weight:600;background:var(--color-success-bg);color:var(--color-success-text);padding:2px 8px;border-radius:9999px;margin-left:8px}.erp-edit-layout{display:flex;gap:20px;align-items:flex-start}.erp-edit-thumb-col{flex-shrink:0}.erp-edit-thumb{width:450px;height:450px;max-width:100%;border-radius:10px;border:1px solid var(--border-light);background:var(--color-gray-50);overflow:hidden;display:flex;align-items:center;justify-content:center}.erp-edit-thumb img{width:100%;height:100%;object-fit:contain}.erp-thumb-ph{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--color-gray-400);font-size:11px;text-align:center}.erp-form-grid{display:grid;gap:12px;flex:1}.erp-form-grid.cols-3{grid-template-columns:repeat(3,1fr)}.erp-form-grid.cols-4{grid-template-columns:repeat(4,1fr)}.erp-form-grid .span-2{grid-column:span 2}.erp-form-grid .span-3{grid-column:span 3}.erp-form-grid .span-4{grid-column:1 / -1}.erp-form-field{display:flex;flex-direction:column;gap:5px}.erp-form-field label{font-size:11px;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.4px}.erp-form-field label em{color:var(--color-error);font-style:normal}.erp-form-field input,.erp-form-field select,.erp-form-field textarea{padding:9px 12px;border:1px solid var(--border-medium);border-radius:7px;font-size:13px;color:var(--color-gray-800);background:var(--bg-card);outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit}.erp-form-field input:focus,.erp-form-field select:focus,.erp-form-field textarea:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #c06a431f}.erp-form-field textarea{resize:vertical;min-height:72px}.erp-form-actions{display:flex;align-items:center;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--color-gray-100)}.erp-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;height:36px;white-space:nowrap}.erp-action-btn.sm{padding:6px 12px;font-size:12px;height:32px}.erp-action-btn.primary{background:var(--color-primary-600);color:var(--on-accent);box-shadow:var(--shadow-xs)}.erp-action-btn.primary:hover{filter:brightness(.96);box-shadow:var(--shadow-xs)}.erp-action-btn.primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.erp-action-btn.ghost{background:var(--bg-card);border:1px solid var(--border-medium);color:var(--color-gray-700)}.erp-action-btn.ghost:hover{background:var(--color-gray-100);border-color:var(--color-gray-400)}.erp-action-btn.danger{background:var(--color-error);color:#fff;box-shadow:var(--shadow-xs)}.erp-action-btn.danger:hover{filter:brightness(.96);box-shadow:var(--shadow-xs)}.erp-action-btn:not(.primary):not(.ghost):not(.danger):not(.sm){background:var(--bg-card);border:1px solid var(--border-medium);color:var(--color-gray-700)}.erp-action-btn:not(.primary):not(.ghost):not(.danger):not(.sm):hover{background:var(--color-gray-100)}.erp-kpi-row{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.erp-kpi-card{flex:1;min-width:120px;padding:16px 20px;border-radius:10px;border:1px solid transparent}.erp-kpi-card.green{background:var(--color-success-bg);border-color:var(--color-success-light)}.erp-kpi-card.blue{background:var(--color-info-bg);border-color:var(--color-info-light)}.erp-kpi-card.orange{background:var(--color-warning-bg);border-color:var(--color-warning-light)}.erp-kpi-card.red{background:var(--color-error-bg);border-color:var(--color-error-light)}.erp-kpi-main{font-size:24px;font-weight:800;color:var(--color-gray-800);line-height:1;margin-bottom:4px;font-family:Inter,monospace}.erp-kpi-card.green .erp-kpi-main{color:var(--color-success)}.erp-kpi-card.blue .erp-kpi-main{color:var(--color-info)}.erp-kpi-card.orange .erp-kpi-main{color:var(--color-warning)}.erp-kpi-card.red .erp-kpi-main{color:var(--color-error)}.erp-kpi-main em{font-style:normal;font-size:13px;color:var(--color-gray-400);margin-left:4px;font-weight:500}.erp-kpi-lbl{font-size:12px;color:var(--color-gray-500);font-weight:600;text-transform:uppercase;letter-spacing:.4px}.erp-inline-form{background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:9px;padding:14px 16px;margin-bottom:14px}.erp-inline-actions{display:flex;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--border-light)}.erp-note-row{display:flex;gap:10px;align-items:flex-start}.erp-note-textarea{flex:1;border:1px solid var(--border-medium);border-radius:7px;padding:9px 12px;font-size:13px;resize:vertical;color:var(--color-gray-800);outline:none;min-height:80px;font-family:inherit}.erp-note-textarea:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #c06a431a}.erp-note-btns{display:flex;flex-direction:column;gap:6px}.erp-table{width:100%;border-collapse:collapse;font-size:13px}.erp-table thead tr{background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-gray-100) 100%);border-bottom:2px solid var(--border-light)}.erp-table th{padding:10px 14px;font-weight:600;font-size:11px;color:var(--color-gray-700);text-transform:uppercase;letter-spacing:.5px;text-align:left}.erp-table td{padding:11px 14px;border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700);font-size:13px}.erp-table tbody tr:last-child td{border-bottom:none}.erp-table tbody tr:hover{background:var(--color-gray-50)}.tr-confirmed{background:var(--color-success-bg)!important}.td-qty.blue{color:var(--color-info);font-weight:700;font-family:Inter,monospace}.td-qty.green{color:var(--color-success);font-weight:700;font-family:Inter,monospace}.td-qty.orange{color:var(--color-warning);font-weight:700;font-family:Inter,monospace}.erp-confirm-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--border-medium);background:transparent;color:var(--color-gray-500);transition:all .15s}.erp-confirm-btn:hover{background:var(--color-success-bg);border-color:var(--color-success-light);color:var(--color-success)}.erp-confirm-btn.active{background:var(--color-success-bg);border-color:var(--color-success-light);color:var(--color-success-text)}.erp-icon-del{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--color-gray-400);transition:all .15s}.erp-icon-del:hover{background:var(--color-error-bg);color:var(--color-error)}.erp-notes-list{display:flex;flex-direction:column;gap:10px}.erp-note-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:8px;transition:background .12s}.erp-note-item:hover{background:var(--color-gray-100)}.erp-note-dot{width:8px;height:8px;background:var(--color-primary-500);border-radius:50%;flex-shrink:0;margin-top:5px}.erp-note-body{flex:1;min-width:0}.erp-note-content{margin:0 0 4px;font-size:13px;color:var(--color-gray-800);white-space:pre-wrap;line-height:1.6}.erp-note-time{font-size:11px;color:var(--color-gray-400)}.erp-empty{padding:24px;text-align:center;color:var(--color-gray-400);font-size:13px;background:var(--color-gray-50);border:1px dashed var(--border-medium);border-radius:8px}@media (max-width: 1024px){.erp-info-grid.cols-4,.erp-info-grid.cols-3,.erp-form-grid.cols-4,.erp-form-grid.cols-3{grid-template-columns:repeat(2,1fr)}.erp-edit-layout{flex-direction:column}.erp-edit-thumb-col{width:100%}.erp-edit-thumb{width:100%;max-width:460px;height:340px;margin-inline:auto}}@media (max-width: 768px){.erp-page{padding:10px 10px 100px}.erp-order-banner{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px}.erp-banner-right{width:100%;justify-content:flex-start}.erp-kpi-strip{flex-wrap:wrap;width:100%}.erp-kpi-item{flex:1 1 calc(33% - 1px);padding:8px 10px}.erp-info-grid.cols-4{grid-template-columns:repeat(2,1fr)}.erp-form-grid.cols-3,.erp-form-grid.cols-4{grid-template-columns:1fr}.erp-edit-layout{flex-direction:column}.erp-edit-thumb{height:260px}.erp-section{padding:14px}.erp-proc-pipeline{gap:0}.erp-proc-box{min-width:90px;padding:10px 10px 8px}}@media (max-width: 480px){.erp-page{padding:8px 8px 90px}.erp-section{padding:12px;border-radius:10px}.erp-section-hd h3{font-size:13px}.erp-order-banner{padding:12px;gap:8px}.erp-banner-num{font-size:18px}.erp-kpi-strip{border-radius:8px}.erp-kpi-item{flex:1 1 calc(50% - 1px);padding:8px}.erp-kpi-num{font-size:16px}.erp-info-grid.cols-4,.erp-info-grid.cols-3{grid-template-columns:repeat(2,1fr)}.erp-info-grid .span-2,.erp-info-grid .span-3,.erp-info-grid .span-4{grid-column:1 / -1}.erp-proc-pipeline{flex-direction:column;align-items:flex-start;gap:0}.erp-proc-pipeline-item{flex-direction:column;align-items:flex-start;width:100%}.erp-proc-arrow{transform:rotate(90deg);margin:2px 0 2px 16px}.erp-proc-box{width:100%;min-width:unset;text-align:left;padding:10px 12px 8px;display:flex;align-items:center;gap:10px}.erp-proc-box-name{margin-bottom:0;flex:1;font-size:13px}.erp-proc-box-status{font-size:11px}.erp-proc-box-price{margin-top:0}.erp-proc-lock-icon{position:static;margin-left:auto}.erp-proc-summary{padding:10px 12px}.erp-proc-summary-lbl{min-width:60px;font-size:11px}.erp-proc-cost-grand{font-size:14px}.erp-kpi-row{flex-direction:row;flex-wrap:wrap}.erp-kpi-card{flex:1 1 calc(50% - 6px);min-width:120px;padding:10px 12px}.erp-kpi-main{font-size:18px}.erp-section-body .erp-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 400px){.erp-page{padding:6px 6px 88px}.erp-section{padding:10px;border-radius:8px}.erp-back-btn{padding:6px 10px;font-size:12px}.erp-info-grid.cols-4,.erp-info-grid.cols-3{grid-template-columns:1fr}.erp-kpi-item,.erp-kpi-card{flex:1 1 100%}.erp-banner-right{flex-direction:column;align-items:flex-start;gap:8px}}.erp-proc-help{font-size:12px;color:var(--color-gray-500);margin:0 0 14px}.erp-proc-pipeline{display:flex;flex-wrap:wrap;align-items:center;gap:0;padding:8px 0}.erp-proc-pipeline-item{display:flex;align-items:center}.erp-proc-box-wrap{position:relative;display:inline-flex;flex-direction:column;align-items:center}.erp-proc-del-btn{position:absolute;top:-13px;right:-11px;width:32px;height:32px;border-radius:50%;border:none;background:var(--color-error);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s;z-index:10;padding:0}.erp-proc-box-wrap:hover .erp-proc-del-btn{opacity:1}.erp-proc-add-form{background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:10px;padding:14px 16px;margin-bottom:16px}.erp-proc-add-row{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.erp-proc-add-field{display:flex;flex-direction:column;gap:4px;flex:1;min-width:140px}.erp-proc-add-field.narrow{flex:0 0 110px;min-width:90px}.erp-proc-add-field label{font-size:11px;font-weight:600;color:var(--color-gray-500)}.erp-proc-add-field input,.erp-proc-add-field select{height:34px;padding:0 10px;border:1px solid var(--border-medium);border-radius:7px;font-size:13px;background:var(--bg-card)}.erp-proc-add-field input:focus,.erp-proc-add-field select:focus{outline:none;border-color:var(--color-primary-500)}.erp-proc-add-actions{display:flex;gap:6px;align-items:flex-end;padding-bottom:0}.erp-proc-arrow{color:var(--border-medium);margin:0 6px;flex-shrink:0;transition:color .2s}.erp-proc-arrow.arrow-done{color:var(--color-success)}.erp-proc-box{position:relative;min-width:110px;padding:14px 16px 12px;border-radius:12px;text-align:center;border:2px solid transparent;transition:transform .15s,box-shadow .15s,border-color .2s;-webkit-user-select:none;user-select:none}.erp-proc-box.proc-clickable{cursor:pointer}.erp-proc-box.proc-clickable:hover{box-shadow:0 6px 18px #0000001f}.erp-proc-box.proc-locked{cursor:not-allowed;opacity:.5}.erp-proc-box.proc-updating{opacity:.7;pointer-events:none}.erp-proc-box.proc-gray{background:var(--color-gray-100);border-color:var(--border-light);color:var(--color-gray-500)}.erp-proc-box.proc-yellow{background:var(--color-warning-bg);border-color:var(--color-warning-light);color:var(--color-warning-text)}.erp-proc-box.proc-green{background:var(--color-success-bg);border-color:var(--color-success-light);color:var(--color-success-text)}.erp-proc-box-name{font-size:13px;font-weight:600;margin-bottom:4px}.erp-proc-box-status{font-size:11px;font-weight:500;letter-spacing:.3px}.erp-proc-box-price{font-size:11px;color:var(--color-gray-700);margin-top:4px}.erp-proc-lock-icon{position:absolute;top:4px;right:6px;font-size:10px}.erp-proc-total{margin-top:14px;padding:10px 16px;background:var(--color-gray-50);border-radius:8px;font-size:13px;color:var(--color-gray-700);text-align:right}.erp-proc-total strong{color:var(--color-info);font-size:15px}.erp-cost-table .td-qty{text-align:right}.erp-cost-table .td-price{text-align:right;font-weight:500}.erp-cost-table .bold{font-weight:700}.erp-cost-table .tr-total{background:var(--color-gray-50)}.erp-cost-summary-grid{display:flex;gap:24px;flex-wrap:wrap}.erp-cs-block{flex:1;min-width:220px;background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:10px;padding:14px 18px}.erp-cs-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500);margin-bottom:10px}.erp-cs-breakdown{display:flex;flex-direction:column;gap:6px}.erp-cs-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--color-gray-700)}.erp-cs-row-lbl{color:var(--color-gray-500)}.erp-cs-row-val{font-weight:500}.erp-cs-total-row{display:flex;justify-content:space-between;align-items:center;margin-top:6px;padding-top:8px;border-top:1px solid var(--border-light);font-size:14px;font-weight:700}.erp-cs-total-row .erp-cs-row-lbl{color:var(--color-gray-700);font-weight:700}.erp-cs-grand{font-size:20px;font-weight:800;color:var(--color-primary-600)}.erp-cs-billing-wrap{display:flex;gap:10px;margin-bottom:10px}.erp-cs-billing-card{flex:1;border:1px solid var(--border-light);border-radius:8px;padding:10px 8px;text-align:center;background:var(--bg-card);display:flex;flex-direction:column;gap:3px}.erp-cs-billing-card.billed{border-color:var(--color-success-light);background:var(--color-success-bg)}.erp-cs-billing-card.unbilled{border-color:var(--color-error-light);background:var(--color-error-bg)}.erp-cs-billing-card.total{border-color:var(--color-primary-200);background:var(--color-primary-50)}.erp-cs-billing-count{font-size:22px;font-weight:800;color:var(--color-gray-800);line-height:1}.erp-cs-billing-card.billed .erp-cs-billing-count{color:var(--color-success)}.erp-cs-billing-card.unbilled .erp-cs-billing-count{color:var(--color-error)}.erp-cs-billing-card.total .erp-cs-billing-count{color:var(--color-primary-600)}.erp-cs-billing-desc{font-size:11px;color:var(--color-gray-500);font-weight:500}.erp-cs-billing-notice{font-size:12px;color:var(--color-warning-text);background:var(--color-warning-bg);border:1px solid var(--color-warning-light);border-radius:6px;padding:6px 10px;margin-top:4px}.erp-cs-billing-done{font-size:12px;color:var(--color-success);background:var(--color-success-bg);border:1px solid var(--color-success-light);border-radius:6px;padding:6px 10px;margin-top:4px}.erp-cs-block-prod{border-color:var(--color-warning-light);background:var(--color-warning-bg)}.erp-cs-block-prod .erp-cs-label{color:var(--color-warning-text)}.erp-cs-unbilled-row{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding:8px 10px;border-radius:6px;background:var(--color-warning-bg);border:1px solid var(--color-warning-light);font-size:13px;font-weight:700}.erp-cs-unbilled-row .erp-cs-row-lbl{color:var(--color-warning-text);font-weight:600}.erp-cs-unbilled-amt{font-size:16px;font-weight:800;color:var(--color-warning)}.erp-cs-extra-row,.erp-cs-extra-row .erp-cs-row-lbl{color:var(--color-primary-600)}.erp-cs-extra-amt{display:flex;align-items:center;gap:4px;color:var(--color-primary-600);font-weight:600}.erp-extra-del{width:16px!important;height:16px!important;padding:0!important;border-radius:3px!important;color:var(--color-gray-400)!important;background:transparent!important;border:none!important;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.erp-extra-del:hover{color:var(--color-error)!important;background:var(--color-error-bg)!important}.erp-extra-cost-form{background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:8px;margin-bottom:12px}.od-attach-grid{display:flex;flex-wrap:wrap;gap:10px;padding:4px 0}.od-attach-card{display:flex;flex-direction:column;align-items:center;width:120px;border:1px solid var(--border-light);border-radius:8px;overflow:hidden;text-decoration:none;color:inherit;background:var(--color-gray-50);transition:box-shadow .15s,border-color .15s;cursor:pointer}.od-attach-card:hover{box-shadow:0 2px 12px #c06a431f;border-color:var(--color-primary-300)}.od-attach-thumb{width:120px;height:90px;object-fit:cover;background:var(--color-gray-100)}.erp-proc-box-wrap[draggable=true]{cursor:grab}.erp-proc-box-wrap[draggable=true]:active{cursor:grabbing}.erp-proc-pipeline-item.drag-over .erp-proc-box{outline:2px dashed var(--color-primary-500);outline-offset:2px}.erp-proc-edit-btn,.erp-proc-print-btn{position:absolute;top:-13px;width:32px;height:32px;border-radius:50%;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .12s}.erp-proc-edit-btn{right:25px;background:var(--color-gray-500)}.erp-proc-print-btn{right:61px;background:var(--color-info)}.erp-proc-box-wrap:hover .erp-proc-edit-btn,.erp-proc-box-wrap:hover .erp-proc-print-btn{opacity:1}.erp-proc-pi-btn{margin-top:6px}.od-pi-status{display:inline-block;padding:1px 9px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.od-proc-ticket-brief{display:flex;align-items:baseline;gap:8px;padding:8px 10px;margin-bottom:8px;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-page)}.od-proc-ticket-brief .b-name{font-size:14px;font-weight:700;color:var(--color-gray-800)}.od-proc-ticket-brief .b-meta{font-size:12px;color:var(--color-gray-500)}.od-attach-icon-wrap{width:120px;height:90px;display:flex;align-items:center;justify-content:center}.od-attach-icon-wrap.img{background:var(--color-primary-50)}.od-attach-icon-wrap.pdf{background:var(--color-error-bg)}.od-attach-icon-wrap.default{background:var(--color-gray-100)}.od-attach-meta{width:100%;padding:6px 8px 8px;display:flex;flex-direction:column;gap:2px;background:var(--bg-card)}.od-attach-name{font-size:11px;font-weight:500;color:var(--color-gray-700);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:104px}.od-attach-size{font-size:10px;color:var(--color-gray-400)}.od-attach-dl{font-size:10px;color:var(--color-primary-600);display:flex;align-items:center;gap:3px;margin-top:2px}.od-paste-actions{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.od-paste-tip{font-size:12px;color:var(--color-gray-500)}.od-paste-zone{min-height:150px;border:2px dashed var(--color-primary-200);border-radius:12px;background:var(--color-primary-50);display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;padding:10px}.od-paste-zone:focus{border-color:var(--color-primary-500);background:var(--color-primary-50)}.od-paste-hint{display:inline-flex;align-items:center;gap:8px;color:var(--color-gray-500);font-size:13px;font-weight:600}.od-paste-preview{max-height:220px;max-width:100%;border-radius:8px;border:1px solid var(--border-light)}.od-design-view-thumb{max-height:216px;max-width:420px;object-fit:contain;border-radius:8px;border:1px solid var(--border-light);cursor:pointer;display:block}.od-design-view-thumb:hover{border-color:var(--color-primary-500);box-shadow:0 2px 8px #c06a432e}.erp-kpi-card.accent{background:var(--color-gray-100);border-color:var(--color-gray-300)}.erp-kpi-card.accent .erp-kpi-main{color:var(--color-primary-600)}.erp-edit-thumb-clickable{cursor:pointer;transition:border-color .12s,box-shadow .12s}.erp-edit-thumb-clickable:hover,.erp-edit-thumb-clickable:focus-visible{border-color:var(--color-primary-500);box-shadow:0 2px 10px #0000001a;outline:none}.erp-edit-thumb-clickable .erp-thumb-ph span{line-height:1.5}.production-page{display:flex;flex-direction:column;height:100vh;background:var(--color-gray-50);overflow:hidden;position:relative}.production-header{background:var(--bg-card);padding:20px 24px;border-bottom:2px solid var(--border-light);box-shadow:0 2px 4px #0000000d}.production-header h1{margin:0 0 15px;font-size:24px;font-weight:700;color:var(--color-gray-800);padding-bottom:15px;border-bottom:2px solid var(--border-light)}.order-info-detail{display:flex;flex-direction:column}.order-info-detail .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 16px;padding:12px 0}.order-info-detail .info-item{display:flex;flex-direction:column;gap:4px;padding:10px 14px;background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-gray-100) 100%);border-radius:6px;border:1px solid var(--border-light);min-width:0}.order-info-detail .info-item.full-width{grid-column:1 / -1}.order-info-detail .info-label{font-size:11px;font-weight:700;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-info-detail .info-value{font-size:14px;color:var(--color-gray-900);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lot-selector{padding:16px 24px;background:var(--bg-card);border-bottom:2px solid var(--border-light)}.lot-selector h3{margin:0 0 12px;font-size:14px;font-weight:700;color:var(--color-gray-800)}.lot-buttons{display:flex;gap:8px;flex-wrap:wrap}.lot-button{padding:10px 16px;background:var(--bg-card);border:2px solid var(--border-light);border-radius:8px;cursor:pointer;transition:all .2s;font-size:13px}.lot-button:hover{border-color:var(--color-info);background:var(--color-info-bg)}.lot-button.selected{border-color:var(--color-info);background:var(--color-info);color:#fff;font-weight:600}.lot-info{display:flex;flex-direction:column;gap:2px;text-align:left}.lot-number{font-weight:700}.lot-detail{font-size:11px;color:var(--color-gray-500)}.lot-button.selected .lot-detail{color:var(--color-info-bg)}.lot-button.completed{background:var(--color-gray-100);border-color:var(--color-gray-400);opacity:.6;cursor:not-allowed}.lot-button.completed:hover{background:var(--color-gray-100);border-color:var(--color-gray-400)}.completed-badge{display:inline-block;margin-left:8px;padding:2px 8px;background:var(--color-success);color:#fff;font-size:10px;font-weight:600;border-radius:4px}.no-lot-message{background:var(--color-warning-bg);border:2px dashed var(--color-warning);border-radius:8px;padding:32px 24px;text-align:center;margin:12px 0}.no-lot-message p{margin:0;font-size:15px;font-weight:600;color:var(--color-warning-text)}.no-lot-message .help-text{margin-top:8px;font-size:13px;font-weight:400;color:var(--color-warning-text)}.production-content{flex:1;padding:20px 24px 120px;overflow:auto}.table-section{display:flex;flex-direction:column;gap:16px}.table-container{background:var(--bg-card);border-radius:8px;border:1px solid var(--border-light);overflow-x:auto}.production-table{width:100%;border-collapse:collapse}.production-table thead th{background:var(--color-gray-100);padding:12px 8px;text-align:center;font-size:13px;font-weight:600;color:var(--color-gray-700);border-bottom:2px solid var(--border-light);position:sticky;top:0;z-index:10}.production-table tbody tr{border-bottom:1px solid var(--color-gray-100)}.production-table tbody tr:hover,.production-table tbody tr.even-row{background:var(--color-gray-50)}.production-table tbody tr.odd-row{background:var(--bg-card)}.production-table tbody td{padding:8px;text-align:center;vertical-align:middle}.production-table tbody td.roll-number{font-weight:700;color:var(--color-gray-800);font-size:14px}.production-table input[type=number],.production-table input[type=text]{width:100%;padding:6px 8px;border:1px solid var(--border-medium);border-radius:4px;font-size:13px;text-align:center;box-sizing:border-box}.production-table input[type=number]:focus,.production-table input[type=text]:focus{outline:none;border-color:var(--color-info);background:var(--color-info-bg)}.defect-cell{text-align:left!important;padding:4px!important}.defect-button-cell{width:100%;padding:6px 10px;background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:4px;font-size:12px;color:var(--color-warning-text);cursor:pointer;transition:all .2s;margin-bottom:4px}.defect-button-cell:hover{background:var(--color-warning-bg);border-color:var(--color-warning)}.defect-cell{display:flex;align-items:center;justify-content:flex-start;padding:12px 16px!important;min-width:0}.defect-inline{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;justify-content:center;min-width:0}.defect-tags-inline{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;min-width:0}.defect-tags{display:flex;flex-wrap:wrap;gap:4px;padding:4px}.defect-tag{display:inline-block;padding:4px 10px;background:var(--color-info-bg);border:1px solid var(--color-info);border-radius:3px;font-size:11px;color:var(--color-info);flex-shrink:0;white-space:nowrap}.defect-list{padding:6px 8px;font-size:12px;color:var(--color-gray-800);line-height:1.4;word-wrap:break-word;white-space:normal;font-weight:500}.actions-cell{display:flex;gap:4px;justify-content:center;padding:4px!important}.print-label-btn,.edit-roll-btn,.delete-roll-btn{padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.print-label-btn{background:var(--color-success);color:#fff}.print-label-btn:hover{background:var(--color-success)}.edit-roll-btn{background:var(--color-primary-500);color:#fff}.edit-roll-btn:hover{background:var(--color-primary-600)}.edit-roll-btn.saving,.edit-roll-btn.saving:hover{background:var(--color-info)}.delete-roll-btn{background:var(--color-error);color:#fff}.delete-roll-btn:hover{background:var(--color-error)}.production-table input:disabled{background:var(--color-gray-100);color:var(--color-gray-400);cursor:not-allowed}.production-table input:disabled::placeholder{color:var(--border-medium)}.summary-bar{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--bg-card);border-top:2px solid var(--border-light);box-shadow:0 -4px 12px #00000014;z-index:100}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;flex:1;max-width:600px}.summary-item{display:flex;flex-direction:column;gap:4px;padding:10px 16px;background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-gray-100) 100%);border-radius:6px;border:1px solid var(--border-light)}.summary-label{font-size:11px;font-weight:700;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.summary-value{font-size:18px;font-weight:700;color:var(--color-gray-800)}.summary-buttons{display:flex;gap:36px;margin-left:auto;flex:0;justify-self:flex-end}.cancel-btn,.save-btn{flex:0;padding:30px 60px;border:none;border-radius:6px;font-size:42px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-height:auto;height:120px;width:180px;white-space:nowrap}.cancel-btn{background:var(--color-gray-500);color:#fff}.cancel-btn:hover{background:var(--color-gray-600)}.save-btn{background:var(--color-info);color:#fff}.save-btn:hover{background:var(--color-info)}.loading{display:flex;align-items:center;justify-content:center;height:100vh;font-size:18px;color:var(--color-gray-500)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.defect-modal{background:var(--bg-card);border-radius:12px;box-shadow:0 10px 40px #0003;width:90%;max-width:700px;max-height:80vh;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid var(--border-light)}.modal-header h3{margin:0;font-size:18px;font-weight:700;color:var(--color-gray-800)}.modal-close{background:none;border:none;font-size:28px;color:var(--color-gray-500);cursor:pointer;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--color-gray-800)}.modal-body{padding:20px 24px;overflow-y:auto;flex:1}.defect-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.defect-option{padding:12px 16px;background:var(--bg-card);border:2px solid var(--border-light);border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s;font-weight:500;color:var(--color-gray-700)}.defect-option:hover{border-color:var(--color-info);background:var(--color-info-bg)}.defect-option.selected{background:var(--color-info);border-color:var(--color-info);color:#fff;font-weight:600}.modal-footer{padding:16px 24px;border-top:1px solid var(--border-light);display:flex;justify-content:flex-end}.modal-confirm-btn{padding:10px 24px;background:var(--color-info);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.modal-confirm-btn:hover{background:var(--color-info)}@media (max-width: 1200px){.defect-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.summary-bar{flex-wrap:wrap;gap:12px}.summary-grid{max-width:none}.summary-buttons{width:100%;margin-left:0;gap:16px}.cancel-btn,.save-btn{flex:1;width:auto;height:80px;font-size:26px;padding:16px}}@media (max-width: 768px){.order-info-detail .info-grid,.defect-grid{grid-template-columns:repeat(2,1fr)}}.bm-src-badge{display:inline-block;font-size:10px;font-weight:800;padding:1px 7px;border-radius:999px;white-space:nowrap;background:var(--border-light);color:var(--color-gray-700);vertical-align:middle}.bm-src-badge.log{background:var(--color-warning-bg);color:var(--color-warning-text)}.bm-extra-sec{margin-top:12px;border:1px solid var(--border-light);border-radius:10px;padding:10px 12px;background:var(--color-gray-50)}.bm-extra-hd{font-size:12px;font-weight:700;color:var(--color-gray-700);margin-bottom:8px}.bm-extra-row{display:flex;align-items:center;gap:10px;padding:4px 0;font-size:13px}.bm-extra-row .bm-extra-amt{margin-left:auto;font-variant-numeric:tabular-nums;font-weight:600}.bm-extra-form{display:flex;align-items:center;gap:8px;margin-top:6px}.bm-extra-form input{padding:7px 10px;border:1px solid var(--border-medium);border-radius:8px;font-size:13px;flex:1}.bm-extra-form input[type=number]{flex:0 0 130px;text-align:right}.bm-grand-note{font-size:12px;color:var(--color-gray-500);margin-right:10px}.bm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center}.bm-modal{background:var(--bg-card);border-radius:16px;box-shadow:0 20px 60px #00000040;width:90vw;max-width:560px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.bm-large{max-width:820px}.bm-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-light)}.bm-title{display:flex;align-items:center;gap:8px}.bm-title h3{font-size:16px;font-weight:700;color:var(--color-gray-900);margin:0}.bm-close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;background:var(--color-gray-100);border-radius:8px;cursor:pointer;color:var(--color-gray-500);transition:all .1s}.bm-close:hover{background:var(--border-light)}.bm-body{flex:1;overflow-y:auto;padding:20px}.bm-step1{display:flex;flex-direction:column;gap:12px;max-width:320px}.bm-label{font-size:13px;font-weight:600;color:var(--color-gray-700)}.bm-input{height:38px;padding:0 12px;border:1px solid var(--border-medium);border-radius:8px;font-size:14px;outline:none}.bm-input:focus{border-color:var(--color-primary-500)}.bm-step-hd{display:flex;align-items:center;gap:10px;margin-bottom:14px}.bm-month-tag{background:var(--color-primary-50);color:var(--color-primary-700);font-size:12px;font-weight:700;padding:3px 10px;border-radius:99px}.bm-count{font-size:13px;color:var(--color-gray-500)}.bm-empty{padding:32px;text-align:center;color:var(--color-gray-400);font-size:14px}.bm-cust-card{border:1px solid var(--border-light);border-radius:12px;margin-bottom:16px;overflow:hidden}.bm-cust-hd{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--color-gray-50);border-bottom:1px solid var(--border-light)}.bm-cust-name{font-weight:700;font-size:14px;color:var(--color-gray-900)}.bm-cust-total{margin-left:auto;font-size:13px;font-weight:600;color:var(--color-info)}.bm-cust-actions{display:flex;gap:6px}.bm-btn-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-medium);border-radius:7px;background:var(--bg-card);cursor:pointer;color:var(--color-gray-500);transition:all .1s}.bm-btn-icon:hover{background:var(--color-gray-100)}.bm-table{width:100%;border-collapse:collapse;font-size:12px}.bm-table th{background:var(--color-gray-50);padding:6px 10px;border-bottom:1px solid var(--border-light);text-align:left;font-size:11px;font-weight:600;color:var(--color-gray-500);white-space:nowrap}.bm-table td{padding:6px 10px;border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700)}.bm-table .td-r{text-align:right}.bm-table .tr-total{background:var(--color-gray-50);font-weight:700}.bm-table .tr-selected{background:var(--color-info-bg)}.bm-cust-foot{padding:10px 14px;display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}.bm-pdf-upload{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--color-gray-500)}.bm-pdf-label{display:flex;align-items:center;gap:4px;cursor:pointer}.bm-pdf-name{font-size:11px;color:var(--color-gray-700);background:var(--color-gray-100);padding:2px 6px;border-radius:4px}.bm-notes{flex:1;min-width:180px;height:52px;border:1px solid var(--border-medium);border-radius:8px;padding:6px 10px;font-size:12px;resize:none;outline:none}.bm-notes:focus{border-color:var(--color-primary-500)}.bm-confirmed{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-success);font-weight:600}.bm-btn-confirm{display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--color-primary-600);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .1s}.bm-btn-confirm:hover{background:var(--color-primary-700)}.bm-btn-confirm:disabled{opacity:.6;cursor:not-allowed}.bm-btn-primary{display:flex;align-items:center;gap:6px;padding:0 20px;height:38px;background:var(--color-primary-600);color:var(--on-accent);border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.bm-btn-primary:hover:not(:disabled){filter:brightness(.96);box-shadow:var(--shadow-xs)}.bm-btn-primary:disabled{opacity:.6;cursor:not-allowed}.bm-cust-select-section{margin-bottom:16px;display:flex;flex-direction:column;gap:8px}.bm-cust-search{display:flex;align-items:center;gap:8px;border:1px solid var(--border-medium);border-radius:8px;padding:0 10px;height:34px}.bm-search-inp{flex:1;border:none;outline:none;font-size:13px;background:transparent}.bm-cust-list{max-height:160px;overflow-y:auto;border:1px solid var(--border-light);border-radius:8px}.bm-cust-item{padding:8px 12px;font-size:13px;cursor:pointer;border-bottom:1px solid var(--color-gray-100);transition:background .1s}.bm-cust-item:hover{background:var(--color-info-bg)}.bm-cust-item.selected{background:var(--color-primary-50);color:var(--color-primary-700);font-weight:600}.bm-cust-item:last-child{border-bottom:none}.bm-sel-customer{font-size:14px;font-weight:600;color:var(--color-gray-900);margin-bottom:12px;padding:10px 14px;background:var(--color-gray-50);border-radius:8px}.bm-sel-name{color:var(--color-primary-600)}.bm-loading{display:flex;align-items:center;gap:8px;padding:20px;color:var(--color-gray-500)}.bm-bulk-actions{display:flex;align-items:center;gap:8px;margin-bottom:8px}.bm-btn-sm{padding:4px 10px;border:1px solid var(--border-medium);border-radius:6px;background:var(--color-gray-50);cursor:pointer;font-size:12px;transition:all .1s}.bm-btn-sm:hover{background:var(--border-light)}.bm-sel-count{font-size:12px;color:var(--color-gray-500);margin-left:auto}.bm-invoice-foot{margin-top:14px;display:flex;justify-content:flex-end}.bm-done{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 32px;text-align:center}.bm-done h3{font-size:20px;font-weight:700;color:var(--color-gray-900);margin:0}.bm-spin{animation:bm-rotate 1s linear infinite;display:inline-block}@keyframes bm-rotate{to{transform:rotate(360deg)}}.bd-items-table{width:100%;border-collapse:collapse;font-size:13px}.bd-items-table th{background:var(--color-gray-50);color:var(--color-gray-700);font-weight:700;font-size:12px;padding:8px 10px;border-bottom:2px solid var(--border-light);text-align:left}.bd-items-table td{padding:8px 10px;border-bottom:1px solid var(--color-gray-50);color:var(--color-gray-800)}.bd-items-table th.r,.bd-items-table td.r{text-align:right;font-variant-numeric:tabular-nums}.bd-items-table tr.bd-items-sum td{font-weight:800;background:var(--color-gray-50);border-top:2px solid var(--border-light)}.bd-items-empty{margin:0;padding:16px;font-size:13px;color:var(--color-gray-400);text-align:center;background:var(--color-gray-50);border-radius:8px}.bd-extra-form{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}.bd-extra-form input{padding:8px 10px;border:1px solid var(--border-medium);border-radius:8px;font-size:13px}.bd-extra-form input[type=number]{width:140px;text-align:right}.bd-extra-hint{font-size:12px;color:var(--color-gray-500)}.bd-action-btn.sm{padding:3px 10px;font-size:11px}.bd-page{padding:20px 28px 120px;background:var(--color-gray-100);min-height:calc(100vh - 64px)}.bd-loading{padding:60px;text-align:center;color:var(--color-gray-500)}.bd-title-bar{display:flex;align-items:center;gap:14px;margin-bottom:16px}.bd-title-bar h2{font-size:18px;font-weight:700;color:var(--color-gray-800);margin:0}.bd-back-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid var(--border-medium);border-radius:8px;font-size:13px;font-weight:500;color:var(--color-gray-700);cursor:pointer;transition:all .2s}.bd-back-btn:hover{background:var(--color-gray-100);border-color:var(--color-gray-400)}.bd-banner{background:#fff;border:1px solid var(--border-light);border-radius:12px;padding:18px 24px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 1px 3px #00000014}.bd-banner-left{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.bd-banner-icon{width:52px;height:52px;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#fff;flex-shrink:0}.bd-banner-info{flex:1;min-width:0}.bd-inv-num{font-size:20px;font-weight:800;color:var(--color-gray-800);font-family:Inter,monospace}.bd-inv-sub{font-size:13px;color:var(--color-gray-500);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bd-banner-right{display:flex;align-items:center;gap:16px;flex-shrink:0}.bd-amount-display{display:flex;flex-direction:column;align-items:flex-end;background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:10px;padding:10px 20px}.bd-amount-num{font-size:22px;font-weight:800;color:var(--color-primary-500);font-family:Inter,monospace;line-height:1}.bd-amount-lbl{font-size:11px;color:var(--color-gray-400);font-weight:600;text-transform:uppercase;margin-top:2px}.bd-payment-tag{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:9999px;font-size:13px;font-weight:700}.bd-payment-tag.sm{padding:4px 10px;font-size:12px}.bd-tag-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.bd-section{background:#fff;border:1px solid var(--border-light);border-radius:12px;padding:20px 24px;margin-bottom:16px;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a}.bd-section-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--color-gray-100)}.bd-section-hd h3{margin:0;font-size:15px;font-weight:700;color:var(--color-gray-800)}.bd-section-acts{display:flex;align-items:center;gap:8px}.bd-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-width:1200px;margin-inline:auto}.bd-info-grid .span-2{grid-column:span 2}.bd-info-grid .span-4{grid-column:1 / -1}.bd-info-item{display:flex;flex-direction:column;gap:4px;padding:11px 14px;background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:8px}.bd-info-item label{font-size:11px;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px}.bd-info-item span{font-size:14px;font-weight:600;color:var(--color-gray-800)}.val-mono{font-family:Inter,monospace!important;font-size:15px!important;font-weight:700!important}.val-amount{font-size:18px!important;font-weight:800!important;color:var(--color-primary-500)!important;font-family:Inter,monospace!important}.val-notes{font-size:13px!important;font-weight:400!important;white-space:pre-wrap;line-height:1.6;color:var(--color-gray-700)!important}.bd-pay-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bd-form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1200px;margin-inline:auto}.bd-form-grid .span-2{grid-column:span 2}.bd-form-grid .span-4{grid-column:1 / -1}.bd-form-field{display:flex;flex-direction:column;gap:5px}.bd-form-field label{font-size:11px;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.4px}.bd-form-field label em{color:var(--color-error);font-style:normal}.bd-form-field input,.bd-form-field select,.bd-form-field textarea{padding:9px 12px;border:1px solid var(--border-medium);border-radius:7px;font-size:13px;color:var(--color-gray-800);background:var(--bg-card);outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit}.bd-form-field input:focus,.bd-form-field select:focus,.bd-form-field textarea:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #c06a431f}.bd-form-field textarea{resize:vertical;min-height:80px}.bd-form-actions{display:flex;align-items:center;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--color-gray-100)}.bd-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--border-medium);background:#fff;border-radius:7px;font-size:13px;font-weight:600;color:var(--color-gray-700);cursor:pointer;transition:all .2s;height:36px;white-space:nowrap}.bd-action-btn:hover:not(:disabled){background:var(--color-gray-100);border-color:var(--color-gray-400)}.bd-action-btn.primary{background:var(--color-primary-600);color:var(--on-accent);border-color:transparent;box-shadow:var(--shadow-xs)}.bd-action-btn.primary:hover:not(:disabled){filter:brightness(.96);box-shadow:var(--shadow-xs)}.bd-action-btn.primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.bd-action-btn.ghost{background:#fff}.bd-action-btn.danger{background:var(--color-error);color:#fff;border-color:transparent;box-shadow:var(--shadow-xs)}.bd-action-btn.danger:hover:not(:disabled){filter:brightness(.96);box-shadow:var(--shadow-xs)}.bd-pdf-attach{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bd-upload-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid var(--border-medium);border-radius:7px;font-size:13px;font-weight:500;color:var(--color-gray-700);cursor:pointer;transition:all .15s}.bd-upload-btn:hover:not(:disabled){background:var(--color-gray-100)}.bd-upload-btn:disabled{opacity:.5;cursor:not-allowed}.bd-pdf-name{display:flex;align-items:center;gap:5px;font-size:13px;color:var(--color-gray-700);background:var(--color-success-bg);border:1px solid var(--color-success-light);padding:4px 10px;border-radius:6px}.bd-pdf-clear{background:none;border:none;cursor:pointer;color:var(--color-gray-400);padding:1px;display:flex;align-items:center}.bd-toggle-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:1px solid var(--border-medium);background:#fff;border-radius:6px;font-size:12px;font-weight:500;color:var(--color-gray-700);cursor:pointer;transition:all .15s}.bd-toggle-btn:hover{background:var(--color-gray-100);border-color:var(--color-gray-400)}.bd-pdf-panel{display:flex;flex-direction:column;gap:0}.bd-pdf-tabbar{display:flex;align-items:center;gap:8px;border-bottom:2px solid var(--border-light);margin-bottom:0;padding-bottom:0;flex-wrap:wrap}.bd-pdf-tabs{display:flex;gap:2px;flex:1;flex-wrap:wrap}.bd-pdf-tab{display:flex;align-items:center;gap:5px;padding:7px 14px 7px 12px;background:var(--color-gray-100);border:1px solid var(--border-light);border-bottom:none;border-radius:6px 6px 0 0;font-size:12px;color:var(--color-gray-600);cursor:pointer;max-width:180px;transition:background .15s}.bd-pdf-tab:hover{background:var(--border-light)}.bd-pdf-tab.active{background:var(--bg-card);border-color:var(--border-light);color:var(--color-gray-800);font-weight:600;position:relative;top:1px;border-bottom:2px solid #fff}.bd-pdf-tab-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.bd-pdf-tab-del{display:flex;align-items:center;margin-left:2px;color:var(--color-gray-400);border-radius:3px;padding:1px;transition:color .15s,background .15s}.bd-pdf-tab-del:hover{color:var(--color-error);background:var(--color-error-bg)}.bd-pdf-tab-actions{padding-bottom:4px}.bd-pdf-viewer{border:1px solid var(--border-light);border-top:none;border-radius:0 0 8px 8px;background:var(--bg-card);min-height:400px}.bd-pdf-toolbar{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--color-gray-800);padding:10px 14px;border-bottom:1px solid var(--color-gray-100);background:var(--color-gray-50);border-radius:0}.bd-pdf-open{margin-left:auto;font-size:12px;color:var(--color-primary-500);text-decoration:none;font-weight:600}.bd-pdf-open:hover{text-decoration:underline}.bd-pdf-iframe{width:100%;height:620px;border:none;border-radius:0 0 8px 8px;display:block}.bd-pdf-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:50px 20px;color:var(--color-gray-400);font-size:14px}.bd-pdf-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:80px 20px;color:var(--color-gray-400);font-size:14px}.bd-pending-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.bd-pdf-name{display:inline-flex;align-items:center;gap:6px;background:var(--color-info-bg);border:1px solid var(--color-info-light);border-radius:6px;padding:4px 10px;font-size:12px;color:var(--color-info-text);max-width:360px}.bd-pdf-clear{background:none;border:none;cursor:pointer;color:var(--color-gray-500);display:flex;align-items:center;padding:1px}.bd-pdf-clear:hover{color:var(--color-error)}.bd-pdf-hint{font-size:12px;color:var(--color-gray-400)}.bd-action-btn.sm{padding:5px 10px;font-size:12px}@media (max-width: 1024px){.bd-info-grid{grid-template-columns:repeat(2,1fr)}.bd-info-grid .span-2,.bd-info-grid .span-4{grid-column:1 / -1}.bd-form-grid{grid-template-columns:repeat(2,1fr)}.bd-form-grid .span-2,.bd-form-grid .span-4{grid-column:1 / -1}}@media (max-width: 768px){.bd-page{padding:12px 14px 100px}.bd-banner{flex-direction:column;align-items:flex-start;gap:12px}.bd-info-grid,.bd-form-grid{grid-template-columns:1fr}.bd-info-grid .span-2,.bd-info-grid .span-4,.bd-form-grid .span-2,.bd-form-grid .span-4{grid-column:1 / -1}}.bd-action-btn.confirm{background:var(--color-info);color:#fff;border-color:var(--color-info)}.bd-action-btn.confirm:hover{background:var(--color-info);filter:brightness(.96)}.bd-action-btn.ghost{background:var(--bg-card);color:var(--color-gray-500)}.bd-action-btn.ghost:hover{background:var(--color-gray-100)}.bd-tax-alert{display:flex;gap:10px;align-items:flex-start;border-radius:10px;padding:12px 14px;margin-bottom:12px;font-size:13px}.bd-tax-alert.pending{background:var(--color-warning-bg);border:1px solid var(--color-warning-light);color:var(--color-warning-text)}.bd-tax-alert.reject{background:var(--color-error-bg);border:1px solid var(--color-error-light);color:var(--color-error-text)}.bd-tax-reason{margin-top:4px;font-weight:600}.bd-tax-hint{margin-top:4px;font-size:12px;opacity:.85}.bd-tax-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1100}.bd-tax-modal{background:var(--bg-card);border-radius:14px;width:92vw;max-width:440px;box-shadow:0 20px 60px #00000040;overflow:hidden}.bd-tax-modal-hd{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-light)}.bd-tax-modal-hd h3{font-size:15px;font-weight:700;color:var(--color-gray-900);margin:0;display:flex;align-items:center;gap:6px}.bd-tax-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:var(--color-gray-100);border-radius:8px;cursor:pointer;color:var(--color-gray-500)}.bd-tax-close:hover{background:var(--border-light)}.bd-tax-modal-body{padding:16px 18px;display:flex;flex-direction:column;gap:12px}.bd-tax-field{display:flex;flex-direction:column;gap:5px}.bd-tax-field label{font-size:12px;font-weight:600;color:var(--color-gray-700)}.bd-tax-field input,.bd-tax-field select,.bd-tax-field textarea{padding:8px 10px;border:1px solid var(--border-medium);border-radius:8px;font-size:13px;outline:none}.bd-tax-field input:focus,.bd-tax-field select:focus,.bd-tax-field textarea:focus{border-color:var(--color-primary-500)}.bd-tax-taxrow{display:flex;gap:6px;align-items:center}.bd-tax-taxrow input{flex:1}.bd-tax-sum{padding:9px 12px;background:var(--color-info-bg);border:1px solid var(--color-info-light);border-radius:8px;font-size:15px;font-weight:800;color:var(--color-info-text);font-variant-numeric:tabular-nums}.bd-tax-modal-ft{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--border-light);background:var(--color-gray-50)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header h3{margin:0;font-size:20px;font-weight:600;color:var(--color-gray-800)}.modal-close{background:none;border:none;font-size:28px;color:var(--color-gray-400);cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.modal-close:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.modal-form{padding:24px}.modal-form .form-group{margin-bottom:20px}.modal-form .form-group:last-of-type{margin-bottom:24px}.modal-form label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--color-gray-700)}.modal-form input,.modal-form select,.modal-form textarea{width:100%;padding:10px 12px;border:1px solid var(--border-medium);border-radius:8px;font-size:14px;font-family:inherit;transition:all .2s;box-sizing:border-box}.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #c06a431a}.modal-form textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;gap:12px;padding-top:16px;border-top:1px solid var(--border-light)}.btn-cancel,.btn-submit{flex:1;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-cancel{background:var(--color-gray-100);color:var(--color-gray-700)}.btn-cancel:hover{background:var(--border-light)}.btn-submit{background:var(--color-primary-600);color:var(--on-accent)}.btn-submit:hover{filter:brightness(.96);box-shadow:var(--shadow-xs)}@media (max-width: 768px){.modal-content{width:95%;max-height:95vh}.form-row{grid-template-columns:1fr}}.material-inventory-detail{padding:24px 24px 100px;background:var(--color-gray-50);min-height:calc(100vh - 64px)}.mid-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:12px}.spin-icon{animation:spinAnim .8s linear infinite}@keyframes spinAnim{to{transform:rotate(360deg)}}.back-btn-sm{padding:8px 20px;border-radius:8px;border:1px solid var(--border-medium);background:var(--bg-card);cursor:pointer;font-size:13px;color:var(--color-gray-700)}.detail-header{display:none}.back-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid var(--border-medium);border-radius:8px;cursor:pointer;color:var(--color-gray-700);font-size:14px;font-weight:500;transition:all .2s}.back-button:hover{background:var(--color-gray-100);border-color:var(--color-gray-400)}.detail-header h2{margin:0;color:var(--color-gray-800);font-size:24px;font-weight:600}.detail-section{background:#fff;border:1px solid var(--border-light);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.detail-section h3{margin:0 0 20px;color:var(--color-gray-800);font-size:18px;font-weight:600;border-bottom:2px solid var(--border-light);padding-bottom:12px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{margin:0;border:none;padding:0}.button-group{display:flex;gap:10px}.action-button{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--color-primary-600);border:none;border-radius:8px;cursor:pointer;color:var(--on-accent);font-size:14px;font-weight:500;transition:all .2s}.action-button:hover{filter:brightness(.96);box-shadow:var(--shadow-xs)}.action-button.secondary{background:var(--color-info)}.action-button.secondary:hover{box-shadow:var(--shadow-xs)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:24px}.info-item{display:flex;flex-direction:column;padding:12px 16px;background:var(--color-gray-50);border-radius:8px;border:1px solid var(--border-light)}.info-item.full-width{grid-column:1 / -1}.info-item label{font-size:12px;font-weight:600;color:var(--color-gray-500);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.info-item span{font-size:15px;color:var(--color-gray-800);font-weight:500}.info-item span.highlight{color:var(--color-primary-500);font-weight:700;font-size:17px}.info-item span.stock-quantity{color:var(--color-info);font-weight:700;font-size:17px}.info-item span.supplier-name{color:var(--color-primary-500);font-weight:700;font-size:16px}.info-item span.unit-price{color:var(--color-success);font-weight:700;font-size:16px}.stock-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.summary-item{display:flex;flex-direction:column;align-items:center;padding:20px;border-radius:12px;border:2px solid}.summary-item.inbound{background:linear-gradient(135deg,var(--color-info-bg) 0%,var(--color-info-light) 100%);border-color:var(--color-info)}.summary-item.outbound{background:linear-gradient(135deg,var(--color-warning-bg) 0%,var(--color-warning-bg) 100%);border-color:var(--color-warning)}.summary-item.stock{background:linear-gradient(135deg,var(--color-success-bg) 0%,var(--color-success-bg) 100%);border-color:var(--color-success)}.summary-label{font-size:13px;font-weight:600;color:var(--color-gray-500);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:22px;font-weight:700;color:var(--color-gray-800)}.transaction-section{margin-bottom:16px;border:1px solid var(--border-light);border-radius:10px;overflow:hidden}.transaction-section:last-child{margin-bottom:0}.transaction-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;transition:all .2s}.transaction-header.inbound{background:linear-gradient(135deg,var(--color-info-bg) 0%,var(--color-info-bg) 100%);border-bottom:2px solid transparent}.transaction-header.inbound:hover,.transaction-header.inbound.expanded{background:linear-gradient(135deg,var(--color-info-bg) 0%,var(--color-info-light) 100%);border-bottom-color:var(--color-info)}.transaction-header.outbound{background:linear-gradient(135deg,var(--color-warning-bg) 0%,var(--color-warning-bg) 100%);border-bottom:2px solid transparent}.transaction-header.outbound:hover,.transaction-header.outbound.expanded{background:linear-gradient(135deg,var(--color-warning-bg) 0%,var(--color-warning-bg) 100%);border-bottom-color:var(--color-warning)}.header-left,.header-right{display:flex;align-items:center;gap:12px}.toggle-icon{display:flex;align-items:center;color:var(--color-gray-500)}.transaction-header h4{margin:0;font-size:16px;font-weight:600;color:var(--color-gray-800)}.transaction-header .count{font-size:13px;color:var(--color-gray-500);font-weight:500}.transaction-header .total{font-size:15px;font-weight:700;color:var(--color-gray-800)}.transaction-list{background:#fff;padding:16px}.transaction-filter{display:flex;align-items:flex-end;gap:16px;padding:16px;background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:8px;margin-bottom:16px}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:12px;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px}.date-range{display:flex;align-items:center;gap:8px}.date-range span{color:var(--color-gray-400);font-weight:600}.filter-input{padding:8px 12px;border:1px solid var(--border-medium);border-radius:6px;font-size:13px;color:var(--color-gray-700);background:#fff;transition:all .2s}.filter-input:focus{outline:none;border-color:var(--color-info);box-shadow:0 0 0 3px #3b82f61a}.filter-input::placeholder{color:var(--color-gray-400)}.filter-reset-btn{padding:8px 16px;background:var(--color-gray-100);border:1px solid var(--border-medium);border-radius:6px;font-size:13px;font-weight:600;color:var(--color-gray-500);cursor:pointer;transition:all .2s;white-space:nowrap}.filter-reset-btn:hover{background:var(--border-light);border-color:var(--color-gray-400);color:var(--color-gray-700)}.transaction-table{width:100%;border-collapse:collapse;font-size:13px}.transaction-table thead th{background:var(--color-gray-50);padding:10px 12px;text-align:left;font-weight:600;color:var(--color-gray-700);border-bottom:2px solid var(--border-light)}.transaction-table tbody td{padding:10px 12px;border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-500)}.transaction-table tbody tr:last-child td{border-bottom:none}.transaction-table tbody tr:hover{background:var(--color-gray-50)}.transaction-table .empty-row{text-align:center;padding:40px 12px;color:var(--color-gray-400);font-style:italic}.transaction-table .quantity{font-weight:700;font-size:14px}.transaction-table .quantity.inbound{color:var(--color-info)}.transaction-table .quantity.outbound{color:var(--color-warning)}.transaction-table .reference{font-family:Courier New,monospace;color:var(--color-primary-500);font-weight:500}.outbound-type-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.outbound-type-badge.작업투입{background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info)}.outbound-type-badge.반품{background:var(--color-warning-bg);color:var(--color-warning-text);border:1px solid var(--color-warning)}.outbound-type-badge.기타{background:var(--color-gray-100);color:var(--color-gray-700);border:1px solid var(--color-gray-400)}.outbound-type-badge .other-reason{font-size:11px;color:var(--color-gray-500);font-weight:500;margin-left:4px}@media (max-width: 768px){.info-grid,.stock-summary{grid-template-columns:1fr}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.button-group{width:100%}.action-button{flex:1}.transaction-table{font-size:11px}.transaction-table thead th,.transaction-table tbody td{padding:8px}.transaction-filter{flex-wrap:wrap;align-items:stretch}.filter-group,.date-range{width:100%}}.inbound-po-banner{display:flex;align-items:center;gap:10px;background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:10px;padding:10px 16px;margin:0 0 4px;font-size:13px;color:var(--color-primary-700)}.inbound-po-banner strong{color:var(--color-primary-900)}.inbound-po-clear{display:flex;align-items:center;gap:4px;margin-left:auto;padding:4px 10px;border-radius:6px;border:1px solid var(--color-primary-300);background:var(--bg-card);color:var(--color-primary-500);font-size:11px;cursor:pointer;font-weight:600;transition:all .15s}.inbound-po-clear:hover{background:var(--color-primary-50)}.inbound-mat-wrap{position:relative}.inbound-mat-input-box{display:flex;align-items:center;border:1px solid var(--border-light);border-radius:8px;background:var(--bg-card);overflow:hidden;transition:border-color .15s}.inbound-mat-input-box:focus-within{border-color:var(--color-primary-500)}.inbound-mat-input-box input{flex:1;padding:9px 12px;border:none;outline:none;font-size:13px;background:transparent}.inbound-mat-badge{background:var(--color-primary-50);color:var(--color-primary-600);font-size:10px;font-weight:600;padding:2px 8px;border-radius:10px;margin-right:6px;white-space:nowrap}.inbound-mat-arrow{padding:0 10px;cursor:pointer;color:var(--color-gray-400);transition:color .15s}.inbound-mat-arrow:hover{color:var(--color-gray-600)}.inbound-mat-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;background:var(--bg-card);border:1px solid var(--border-light);border-radius:10px;box-shadow:0 8px 24px #0000001f;max-height:260px;overflow-y:auto}.inbound-mat-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;background:none;border:none;cursor:pointer;text-align:left;transition:background .1s;border-bottom:1px solid var(--color-gray-50)}.inbound-mat-item:last-child{border-bottom:none}.inbound-mat-item:hover{background:var(--color-gray-50)}.inbound-mat-item svg{color:var(--color-gray-400);flex-shrink:0}.inbound-mat-info{flex:1;min-width:0}.inbound-mat-name{display:block;font-size:13px;font-weight:600;color:var(--color-gray-800)}.inbound-mat-sub{display:block;font-size:11px;color:var(--color-gray-400)}.inbound-mat-price{font-size:12px;font-weight:700;color:var(--color-primary-500);white-space:nowrap}.inbound-mat-empty{padding:16px;text-align:center;font-size:13px;color:var(--color-gray-400)}.detail-page{padding:var(--space-xl) var(--space-2xl);padding-bottom:120px;background:var(--bg-page);min-height:calc(100vh - 64px);max-width:1600px;margin:0 auto}.detail-header,.page-title{display:none}.back-button{display:inline-flex;align-items:center;gap:var(--space-sm);padding:10px 18px;background:var(--bg-card);border:1.5px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;color:var(--color-gray-700);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-base);box-shadow:var(--shadow-xs)}.back-button:hover{background:var(--color-gray-100)}.delete-button{display:inline-flex;align-items:center;gap:var(--space-sm);padding:10px 18px;background:var(--color-error);border:none;border-radius:var(--radius-lg);cursor:pointer;color:#fff;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.delete-button:hover:not(:disabled){filter:brightness(.96)}.delete-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.error-message{padding:16px 20px;background:var(--color-error-bg);border:1.5px solid var(--color-error-light);border-radius:var(--radius-lg);color:var(--color-error-text);margin-bottom:var(--space-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--space-sm);box-shadow:var(--shadow-sm)}.success-message{padding:16px 20px;background:var(--color-success-bg);border:1.5px solid var(--color-success-light);border-radius:var(--radius-lg);color:var(--color-success-text);margin-bottom:var(--space-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--space-sm);box-shadow:var(--shadow-sm)}.loading{text-align:center;padding:var(--space-3xl);color:var(--color-gray-500);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium)}.detail-form{display:flex;flex-direction:column;gap:var(--space-xl)}.form-section{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base);position:relative}.form-section:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-200)}.form-section h3{margin:0 0 var(--space-lg) 0;color:var(--color-gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:var(--space-sm);letter-spacing:-.02em}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg) var(--space-xl);align-items:start}.form-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg) var(--space-xl);align-items:start}.form-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg) var(--space-xl);align-items:start}.form-group{display:flex;flex-direction:column;gap:8px;min-height:78px}.form-group.full-width{grid-column:1 / -1;min-height:auto}.form-group.col-span-2{grid-column:span 2}.form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);display:flex;align-items:center;gap:var(--space-xs);letter-spacing:-.01em;min-height:20px}.form-group label.required:after{content:"*";color:var(--color-error);font-weight:var(--font-weight-bold);margin-left:2px}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:1.5px solid var(--border-light);border-radius:var(--radius-lg);font-size:var(--font-size-base);color:var(--color-gray-800);background:var(--bg-input);transition:all var(--transition-base);font-family:inherit;font-weight:var(--font-weight-regular);box-shadow:0 1px 2px #00000005;line-height:1.5}.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group input[type=number],.form-group input[type=date],.form-group input[type=tel],.form-group select{height:44px;line-height:1.5}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-gray-400);font-weight:var(--font-weight-regular)}.form-group input:hover:not(:disabled),.form-group select:hover:not(:disabled),.form-group textarea:hover:not(:disabled){border-color:var(--border-medium);box-shadow:0 2px 4px #0000000d}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 4px #c06a431f;background:var(--bg-card)}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:var(--bg-disabled);color:var(--color-gray-500);cursor:not-allowed;border-color:var(--border-light);opacity:.7}.form-group input[type=number]{font-family:var(--font-numeric);font-variant-numeric:tabular-nums;text-align:right;letter-spacing:-.02em;font-weight:var(--font-weight-medium)}.form-group textarea{resize:vertical;min-height:100px;font-family:inherit;line-height:var(--line-height-relaxed);padding:14px 16px}.form-group select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23655c4d' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-gray-200)}.cancel-button,.save-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:12px 28px;height:44px;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);letter-spacing:-.01em}.cancel-button{background:var(--bg-card);border:1.5px solid var(--border-medium);color:var(--color-gray-700)}.cancel-button:hover{background:var(--color-gray-100)}.save-button{background:var(--color-primary-600);border:none;color:var(--on-accent);box-shadow:var(--shadow-xs)}.save-button:hover:not(:disabled){background:var(--color-primary-700)}.save-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 1400px){.detail-page{padding:var(--space-lg) var(--space-xl)}.form-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-md) var(--space-lg)}.form-grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.detail-page{padding:var(--space-md) var(--space-lg);padding-bottom:100px}.form-section{padding:var(--space-lg)}.form-grid,.form-grid-2,.form-grid-4{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}}@media (max-width: 768px){.detail-page{padding:var(--space-sm) var(--space-md);padding-bottom:90px}.form-section{padding:var(--space-md);border-radius:var(--radius-lg)}.form-section h3{font-size:var(--font-size-lg);margin-bottom:var(--space-md)}.form-grid,.form-grid-2,.form-grid-4{grid-template-columns:1fr;gap:var(--space-sm)}.form-actions{flex-direction:column-reverse}.cancel-button,.save-button{width:100%;justify-content:center}}@media (max-width: 480px){.detail-page{padding:6px 8px 84px}.form-section{padding:12px;border-radius:var(--radius-lg)}.form-section h3{font-size:14px;margin-bottom:var(--space-md)}.form-grid,.form-grid-2,.form-grid-4{grid-template-columns:1fr;gap:var(--space-sm)}.form-group.col-span-2{grid-column:span 1}.form-actions{flex-direction:column-reverse;gap:8px}.cancel-button,.save-button{width:100%;justify-content:center;height:40px;font-size:13px}.back-button,.delete-button{padding:8px 12px;font-size:12px;height:36px}}@media (max-width: 400px){.detail-page{padding:4px 6px 80px}.form-section{padding:10px}}.prt-root{min-height:100vh;background:#e5e7eb;display:flex;flex-direction:column;align-items:center;padding-bottom:60px;font-family:Malgun Gothic,Apple SD Gothic Neo,Noto Sans KR,sans-serif}.prt-toolbar{width:100%;max-width:820px;display:flex;align-items:center;gap:12px;padding:14px 20px}.prt-back{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:7px;border:1px solid #d1d5db;background:#fff;font-size:13px;cursor:pointer;color:#374151}.prt-back:hover{background:#f9fafb}.prt-hint{flex:1;display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280}.prt-hint kbd{padding:1px 5px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;font-size:11px}.prt-print-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;border-radius:8px;background:#1e293b;color:#fff;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.prt-print-btn:hover{background:#0f172a}.prt-doc{width:100%;max-width:820px;background:#fff;border-radius:4px;box-shadow:0 4px 24px #00000026;margin:0 16px;padding:48px 52px}.prt-doc-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.prt-company-name{font-size:22px;font-weight:800;color:#1e293b;letter-spacing:-.03em}.prt-company-sub{font-size:11px;color:#94a3b8;margin-top:2px;letter-spacing:.05em}.prt-doc-title-block{text-align:right}.prt-doc-title{font-size:28px;font-weight:900;color:#1e293b;letter-spacing:.12em;margin:0}.prt-doc-title-en{font-size:10px;color:#94a3b8;letter-spacing:.15em;text-transform:uppercase;margin:2px 0 0}.prt-divider{height:2px;background:linear-gradient(90deg,#1e293b 0%,#6366f1 60%,transparent 100%);margin-bottom:20px}.prt-meta-row{display:flex;gap:32px;margin-bottom:20px}.prt-meta-item{display:flex;flex-direction:column;gap:2px}.prt-meta-label{font-size:10px;color:#94a3b8;font-weight:600;letter-spacing:.05em}.prt-meta-value{font-size:13px;color:#1e293b;font-weight:600}.prt-receiver{display:flex;align-items:baseline;gap:12px;padding:12px 16px;background:#f8fafc;border-left:4px solid #6366f1;margin-bottom:24px;border-radius:0 6px 6px 0}.prt-receiver-label{font-size:11px;font-weight:700;color:#6366f1;white-space:nowrap}.prt-receiver-name{font-size:16px;font-weight:700;color:#1e293b}.prt-table{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:12px}.prt-table thead tr{background:#1e293b;color:#fff}.prt-table th{padding:9px 10px;text-align:left;font-weight:600;font-size:11px;letter-spacing:.03em}.prt-th-no{width:36px;text-align:center}.prt-th-r{text-align:right}.prt-table td{padding:8px 10px;border-bottom:1px solid #e2e8f0;color:#334155;vertical-align:middle}.prt-td-center{text-align:center;color:#94a3b8}.prt-td-strong{font-weight:600;color:#0f172a}.prt-td-r{text-align:right}.prt-td-amount{font-weight:700;color:#1e293b}.prt-empty-row td{height:30px;color:#d1d5db;font-size:11px}.prt-total-row{background:#1e293b}.prt-total-label{padding:10px;text-align:right;font-weight:700;font-size:12px;color:#e2e8f0}.prt-total-amount{padding:10px;text-align:right;font-weight:800;font-size:15px;color:#fff}.prt-notes{display:flex;gap:10px;align-items:baseline;padding:10px 12px;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;font-size:12px;margin-bottom:24px}.prt-notes-label{font-weight:700;color:#92400e;white-space:nowrap}.prt-sign-section{display:flex;justify-content:flex-end;gap:32px;margin-bottom:32px}.prt-sign-box{width:140px;text-align:center;border:1px solid #cbd5e1;border-radius:8px;padding:12px}.prt-sign-title{font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.prt-sign-name{font-size:14px;font-weight:700;color:#1e293b;margin-bottom:20px}.prt-sign-line{font-size:11px;color:#94a3b8;border-top:1px solid #e2e8f0;padding-top:8px}.prt-footer{text-align:center;font-size:10px;color:#94a3b8;border-top:1px solid #e2e8f0;padding-top:14px}.prt-empty{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.prt-empty button{padding:8px 20px;background:#1e293b;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:13px}@media print{@page{size:A4;margin:15mm}body{background:#fff!important}.no-print{display:none!important}.prt-root{background:#fff!important;padding:0}.prt-doc{box-shadow:none!important;border-radius:0!important;margin:0!important;padding:0!important;max-width:none!important}}.po-page{min-height:100vh;background:var(--color-gray-50);display:flex;flex-direction:column;align-items:center;padding-bottom:60px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.po-header{width:100%;max-width:780px;display:flex;align-items:center;gap:20px;padding:18px 20px 10px}.po-back-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid var(--border-medium);background:var(--bg-card);font-size:13px;font-weight:500;cursor:pointer;color:var(--color-gray-600);white-space:nowrap;transition:all .15s;flex-shrink:0}.po-back-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.po-header-title{display:flex;align-items:center;gap:12px}.po-header-icon{color:var(--color-primary-500);flex-shrink:0}.po-header-title h1{font-size:18px;font-weight:700;color:var(--color-gray-900);margin:0;line-height:1.2}.po-header-title p{font-size:12px;color:var(--color-gray-400);margin:0}.po-form-wrap{width:100%;max-width:780px;display:flex;flex-direction:column;gap:0;margin:0 16px;background:var(--bg-card);border-radius:16px;box-shadow:0 1px 3px #00000014,0 8px 24px #0000000f;overflow:hidden}.po-section{padding:20px 28px;border-bottom:1px solid var(--color-gray-50)}.po-section:last-of-type{border-bottom:none}.po-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-gray-400);margin-bottom:14px}.po-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.po-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.po-field-full{width:100%}.po-field{display:flex;flex-direction:column;gap:5px}.po-field label{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--color-gray-700)}.po-field label svg{color:var(--color-gray-400);flex-shrink:0}.po-field input,.po-field textarea{height:40px;padding:0 12px;border:1.5px solid var(--border-light);border-radius:8px;font-size:14px;color:var(--color-gray-900);outline:none;transition:border-color .15s,box-shadow .15s;background:var(--color-gray-50)}.po-field input:focus,.po-field textarea:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #c06a431f;background:var(--bg-card)}.po-field textarea{height:auto;padding:10px 12px;resize:vertical;line-height:1.5}.po-req{color:var(--color-error);margin-left:2px;font-weight:700}.po-total-box{height:40px;display:flex;align-items:center;gap:4px;padding:0 12px;background:linear-gradient(135deg,var(--color-info-bg),var(--color-primary-50));border:1.5px solid var(--color-primary-200);border-radius:8px;font-size:16px;font-weight:700;color:var(--color-primary-700)}.po-total-currency{font-size:13px;color:var(--color-primary-500)}.po-total-placeholder{font-size:13px;color:var(--color-gray-400);font-weight:400}.po-mat-wrap{position:relative}.po-mat-input-box{display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:1.5px solid var(--border-light);border-radius:8px;background:var(--color-gray-50);transition:border-color .15s,box-shadow .15s}.po-mat-input-box:focus-within{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #c06a431f;background:var(--bg-card)}.po-mat-search-icon{color:var(--color-gray-400);flex-shrink:0}.po-mat-input-box input{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:var(--color-gray-900);height:100%;padding:0}.po-mat-badge{font-size:10px;font-weight:600;color:var(--color-success);background:var(--color-success-bg);border-radius:5px;padding:2px 7px;white-space:nowrap;flex-shrink:0}.po-mat-dropdown{position:absolute;top:calc(100% + 5px);left:0;right:0;background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 12px 32px #0000001f;z-index:300;overflow:hidden}.po-mat-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;text-align:left;border:none;background:transparent;cursor:pointer;border-bottom:1px solid var(--color-gray-50);transition:background .1s}.po-mat-item:hover{background:var(--color-info-bg)}.po-mat-item:last-child{border-bottom:none}.po-mat-item-icon{color:var(--color-primary-500);flex-shrink:0}.po-mat-item-info{flex:1;min-width:0}.po-mat-item-name{display:block;font-size:13px;font-weight:600;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.po-mat-item-sub{display:block;font-size:11px;color:var(--color-gray-400);margin-top:1px}.po-mat-item-price{font-size:12px;font-weight:600;color:var(--color-success);flex-shrink:0}.po-mat-empty{padding:16px;text-align:center;font-size:13px;color:var(--color-gray-400)}.po-error-banner{margin:0 28px;padding:12px 16px;background:var(--color-error-bg);border:1px solid var(--color-error-light);border-radius:10px;font-size:13px;color:var(--color-error);display:flex;align-items:center;gap:8px}.po-form-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:20px 28px;background:var(--color-gray-50);border-top:1px solid var(--color-gray-50)}.po-btn-primary{display:flex;align-items:center;gap:7px;padding:0 24px;height:44px;background:var(--color-primary-600);color:var(--on-accent);border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-xs)}.po-btn-primary:hover:not(:disabled){filter:brightness(.96);box-shadow:var(--shadow-xs)}.po-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.po-btn-outline{display:flex;align-items:center;gap:7px;padding:0 20px;height:44px;background:var(--bg-card);color:var(--color-gray-700);border:1.5px solid var(--border-medium);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.po-btn-outline:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.po-btn-print{display:flex;align-items:center;gap:7px;padding:0 20px;height:44px;background:var(--bg-card);color:var(--color-info-text);border:1.5px solid var(--color-info-light);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s}.po-btn-print:hover{background:var(--color-info-bg);border-color:var(--color-info-light)}.po-done-wrap{width:100%;max-width:520px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;margin:20px 16px 0;background:var(--bg-card);border-radius:20px;box-shadow:0 1px 3px #00000014,0 8px 24px #0000000f;padding:40px 36px 32px}.po-done-icon{color:var(--color-success)}.po-done-title{font-size:22px;font-weight:800;color:var(--color-gray-900);margin:0;letter-spacing:-.02em}.po-done-sub{font-size:13px;color:var(--color-gray-400);margin:0}.po-done-card{width:100%;border:1.5px solid var(--border-light);border-radius:12px;overflow:hidden;text-align:left}.po-done-row{display:flex;justify-content:space-between;align-items:center;padding:11px 16px;border-bottom:1px solid var(--color-gray-50);font-size:13px}.po-done-row:last-child{border-bottom:none}.po-done-row span{color:var(--color-gray-500)}.po-done-row strong{color:var(--color-gray-900);font-weight:600}.po-done-total{background:linear-gradient(135deg,var(--color-info-bg),var(--color-primary-50))}.po-done-total span{color:var(--color-primary-700);font-weight:600}.po-done-total strong{color:var(--color-primary-700);font-size:16px;font-weight:800}.po-done-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.po-spin{animation:po-rotate .85s linear infinite;display:inline-flex}@media (max-width: 600px){.po-grid-2,.po-grid-3{grid-template-columns:1fr}.po-form-wrap{margin:0 8px}.po-section,.po-form-actions{padding:16px}.po-done-wrap{padding:28px 20px 24px;margin:12px 8px 0}}.pol-page{min-height:100vh;background:var(--color-gray-50);display:flex;flex-direction:column;padding-bottom:80px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pol-header{display:flex;align-items:center;gap:16px;padding:16px 24px 12px;background:var(--bg-card);border-bottom:1px solid var(--border-light);box-shadow:0 1px 3px #0000000f}.pol-back-btn{display:flex;align-items:center;gap:6px;padding:7px 13px;border-radius:8px;border:1px solid var(--border-medium);background:var(--bg-card);font-size:13px;font-weight:500;cursor:pointer;color:var(--color-gray-600);white-space:nowrap;transition:all .15s;flex-shrink:0}.pol-back-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.pol-header-title{display:flex;align-items:center;gap:12px;flex:1}.pol-header-icon{color:var(--color-primary-500);flex-shrink:0}.pol-header-title h1{font-size:18px;font-weight:700;color:var(--color-gray-900);margin:0}.pol-header-title p{font-size:12px;color:var(--color-gray-400);margin:0}.pol-refresh-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--border-light);background:var(--bg-card);cursor:pointer;color:var(--color-gray-500);transition:all .15s;flex-shrink:0}.pol-refresh-btn:hover{background:var(--color-gray-50)}.pol-spin{animation:polSpin .8s linear infinite}@keyframes polSpin{to{transform:rotate(360deg)}}.pol-summary-row{display:flex;gap:12px;padding:16px 24px 0}.pol-stat-card{display:flex;align-items:center;gap:8px;background:var(--bg-card);border:2px solid var(--border-light);border-radius:12px;padding:12px 18px;cursor:pointer;transition:all .15s;flex:1;min-width:0}.pol-stat-card:hover{border-color:var(--color-gray-400);box-shadow:0 2px 8px #00000014}.pol-stat-card.active{border-color:var(--color-primary-500);background:var(--color-primary-50)}.pol-stat-card.pending.active{border-color:var(--color-warning);background:var(--color-warning-bg)}.pol-stat-card.partial.active{border-color:var(--color-info);background:var(--color-info-bg)}.pol-stat-card.done.active{border-color:var(--color-success);background:var(--color-success-bg)}.pol-stat-num{font-size:22px;font-weight:800;color:var(--color-gray-800);line-height:1}.pol-stat-label{font-size:12px;color:var(--color-gray-500)}.pol-stat-card svg{flex-shrink:0}.pol-stat-card.pending svg{color:var(--color-warning)}.pol-stat-card.partial svg{color:var(--color-info)}.pol-stat-card.done svg{color:var(--color-success)}.pol-toolbar{display:flex;align-items:center;gap:10px;padding:14px 24px}.pol-search{flex:1;height:38px;padding:0 14px;border:1px solid var(--border-light);border-radius:8px;font-size:13px;background:var(--bg-card);outline:none;transition:border-color .15s}.pol-search:focus{border-color:var(--color-primary-500)}.pol-btn-new,.pol-btn-inbound{display:flex;align-items:center;gap:6px;padding:0 16px;height:38px;border-radius:8px;border:none;cursor:pointer;font-size:13px;font-weight:600;white-space:nowrap;transition:all .15s}.pol-btn-new{background:var(--color-primary-600);color:var(--on-accent)}.pol-btn-new:hover{opacity:.9}.pol-btn-inbound{background:var(--color-success);color:#fff}.pol-btn-inbound:hover{opacity:.9}.pol-table-wrap{flex:1;padding:0 24px;overflow:auto}.pol-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.pol-badge-pending{background:var(--color-warning-bg);color:var(--color-warning-text)}.pol-badge-partial{background:var(--color-info-bg);color:var(--color-info)}.pol-badge-done{background:var(--color-success-bg);color:var(--color-success-text)}.pol-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--color-gray-400)}.pol-empty p{margin:0;font-size:15px}@media (max-width: 480px){.pol-summary-row{flex-wrap:wrap}.pol-stat-card{flex:1 1 calc(50% - 6px);min-width:140px}}.equipment-page{padding:24px;background:var(--color-gray-50);min-height:100vh}.maintenance-schedule-section{background-color:#fff;border:1px solid var(--border-light);border-radius:8px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.maintenance-schedule-section h3{margin:0 0 20px;color:var(--color-gray-800);font-size:16px;font-weight:600;border-bottom:2px solid var(--border-light);padding-bottom:12px}.schedule-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.schedule-card{background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-gray-100) 100%);border:1px solid var(--border-light);border-radius:8px;padding:16px;border-top:4px solid;transition:all .3s ease;position:relative}.schedule-card:hover{box-shadow:0 4px 12px #0000001a}.schedule-card.editing{background:var(--color-info-bg);border-color:var(--color-info-light);box-shadow:0 4px 12px #3b82f626}.schedule-header-wrapper{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:12px}.schedule-header{display:flex;align-items:center;gap:12px;font-weight:600;font-size:15px}.edit-schedule-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background-color:#fff;border:1px solid var(--border-medium);border-radius:6px;color:var(--color-gray-500);cursor:pointer;transition:all .2s}.edit-schedule-btn:hover{background-color:var(--color-gray-100);border-color:var(--color-gray-400);color:var(--color-gray-700)}.edit-tasks{display:flex;flex-direction:column;gap:12px}.current-tasks h4{margin:0 0 8px;font-size:12px;color:var(--color-gray-500);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.editable-task{display:flex;align-items:center;gap:8px;padding:6px 8px;background-color:#fff;border:1px solid var(--border-medium);border-radius:4px;font-size:13px;color:var(--color-gray-700)}.editable-task span:first-of-type{flex-shrink:0}.editable-task span:nth-of-type(2){flex:1}.remove-task-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background-color:var(--color-error-bg);border:1px solid var(--color-error-light);border-radius:4px;color:var(--color-error);cursor:pointer;transition:all .2s;flex-shrink:0}.remove-task-btn:hover{background-color:var(--color-error-light);border-color:var(--color-error-light)}.add-task{display:flex;gap:6px}.add-task input{flex:1;padding:8px 12px;border:1px solid var(--border-medium);border-radius:4px;font-size:13px;color:var(--color-gray-700);transition:all .2s}.add-task input:focus{outline:none;border-color:var(--color-info);box-shadow:0 0 0 3px #3b82f61a}.add-task-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background-color:var(--color-info);border:none;border-radius:4px;color:#fff;cursor:pointer;transition:all .2s}.add-task-btn:hover{background-color:var(--color-info)}.edit-actions{display:flex;gap:8px}.save-btn,.cancel-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:none;border-radius:4px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.save-btn{background-color:var(--color-success);color:#fff}.save-btn:hover{background-color:var(--color-success)}.cancel-btn{background-color:var(--color-gray-100);color:var(--color-gray-700);border:1px solid var(--border-medium)}.cancel-btn:hover{background-color:var(--border-light)}.schedule-icon{font-size:24px}.schedule-period{font-weight:600}.schedule-tasks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.schedule-tasks li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-gray-600);line-height:1.4}.task-dot{display:inline-block;width:6px;height:6px;background-color:currentColor;border-radius:50%;flex-shrink:0;opacity:.6}.log-section{background-color:#fff;border:1px solid var(--border-light);border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a;flex:1;display:flex;flex-direction:column;overflow:hidden}.log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--border-light);flex-shrink:0}.log-title{margin:0;color:var(--color-gray-800);font-size:16px;font-weight:600}.toggle-form-btn:hover{box-shadow:var(--shadow-xs)!important}.inline-log-form{background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-gray-100) 100%);border:2px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl);box-shadow:var(--shadow-md);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.equipment-log-form .form-section{margin-bottom:24px;padding:20px;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm)}.equipment-log-form .section-title{margin:0 0 16px;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-800);padding-bottom:12px;border-bottom:2px solid var(--color-gray-200)}.equipment-log-form .form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.equipment-log-form .form-row:last-child{margin-bottom:0}.equipment-log-form .form-group{display:flex;flex-direction:column}.equipment-log-form .form-group.full-width{grid-column:1 / -1}.equipment-log-form label{margin-bottom:6px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700)}.equipment-log-form input,.equipment-log-form select,.equipment-log-form textarea{padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-gray-800);background:#fff;transition:all var(--transition-base)}.equipment-log-form input:focus,.equipment-log-form select:focus,.equipment-log-form textarea:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #c06a431a}.equipment-log-form textarea{resize:vertical;min-height:80px;font-family:inherit}.parts-input-row{display:flex;gap:12px;margin-bottom:16px}.parts-input-row input{flex:1}.add-part-btn{padding:10px 16px;background:var(--color-success);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all var(--transition-base);white-space:nowrap}.parts-list{margin-top:16px}.parts-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.parts-table thead{background:linear-gradient(135deg,var(--color-gray-100) 0%,var(--border-light) 100%)}.parts-table th{padding:12px;text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700);border-bottom:2px solid var(--border-color)}.parts-table td{padding:12px;font-size:var(--font-size-sm);color:var(--color-gray-800);border-bottom:1px solid var(--border-light)}.parts-table tbody tr:hover{background-color:var(--color-gray-50)}.parts-table tfoot td{padding:12px;background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-gray-100) 100%);border-top:2px solid var(--border-color);font-size:var(--font-size-sm)}.remove-part-btn{padding:6px;background:var(--color-error);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base)}.remove-part-btn:hover{background:var(--color-error);transform:scale(1.1)}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:24px;border-top:2px solid var(--border-light)}.cancel-button,.submit-button{padding:12px 24px;border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:8px}.cancel-button{background:var(--color-gray-200);color:var(--color-gray-700)}.cancel-button:hover{background:var(--color-gray-300);box-shadow:var(--shadow-sm)}.submit-button{background:var(--color-primary-600);color:var(--on-accent);box-shadow:var(--shadow-md)}@media (max-width: 1024px){.equipment-log-form .form-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.equipment-log-form .form-row{grid-template-columns:1fr}.log-header{flex-direction:column;align-items:stretch;gap:12px}.toggle-form-btn{width:100%;justify-content:center}.parts-input-row{flex-direction:column}.parts-input-row input{width:100%!important}}.log-section .list-grid{flex:1;width:100%;min-height:400px}.equipment-grid-wrapper{border:1px solid var(--border-light);border-radius:6px;overflow:hidden}@media (max-width: 1200px){.schedule-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.schedule-cards{grid-template-columns:1fr}.equipment-page,.maintenance-schedule-section{padding:16px}.schedule-card{padding:12px}.schedule-header{font-size:14px}.schedule-icon{font-size:20px}.schedule-tasks li{font-size:12px}.log-section .list-grid{min-height:350px}}.equipment-log-modal{max-width:900px;max-height:90vh;overflow-y:auto}.equipment-log-modal .form-section{margin-bottom:24px;padding:20px;background:var(--color-gray-50);border-radius:8px;border:1px solid var(--border-light)}.equipment-log-modal .section-title{margin:0 0 16px;font-size:15px;font-weight:600;color:var(--color-gray-800);padding-bottom:10px;border-bottom:2px solid var(--border-light)}.equipment-log-modal .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.equipment-log-modal .form-row:last-child{margin-bottom:0}.equipment-log-modal .form-group{display:flex;flex-direction:column;gap:6px}.equipment-log-modal .form-group.full-width{grid-column:1 / -1}.equipment-log-modal .form-group label{font-size:13px;font-weight:600;color:var(--color-gray-700)}.equipment-log-modal .form-group input,.equipment-log-modal .form-group select,.equipment-log-modal .form-group textarea{padding:10px 12px;border:1px solid var(--border-medium);border-radius:6px;font-size:14px;color:var(--color-gray-800);transition:all .2s;background:#fff}.equipment-log-modal .form-group input:focus,.equipment-log-modal .form-group select:focus,.equipment-log-modal .form-group textarea:focus{outline:none;border-color:var(--color-info);box-shadow:0 0 0 3px #3b82f61a}.equipment-log-modal .form-group textarea{resize:vertical;min-height:80px;font-family:inherit}.parts-input-row{display:flex;gap:10px;align-items:center;margin-bottom:16px}.parts-input-row input{flex:1;padding:10px 12px;border:1px solid var(--border-medium);border-radius:6px;font-size:14px;transition:all .2s}.parts-input-row input:focus{outline:none;border-color:var(--color-info);box-shadow:0 0 0 3px #3b82f61a}.add-part-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:var(--color-info);border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.add-part-btn:hover{filter:brightness(.96);box-shadow:var(--shadow-xs)}.parts-list{margin-top:16px;border:1px solid var(--border-light);border-radius:6px;overflow:hidden}.parts-table{width:100%;border-collapse:collapse;background:#fff}.parts-table thead{background:var(--color-gray-100)}.parts-table th{padding:10px 12px;text-align:left;font-size:12px;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--border-light)}.parts-table td{padding:10px 12px;font-size:13px;color:var(--color-gray-700);border-bottom:1px solid var(--color-gray-100)}.parts-table tbody tr:last-child td{border-bottom:none}.parts-table tbody tr:hover{background:var(--color-gray-50)}.parts-table tfoot td{padding:12px;font-size:14px;background:var(--color-gray-50);border-top:2px solid var(--border-light)}.remove-part-btn{display:flex;align-items:center;justify-content:center;padding:4px;background:var(--color-error-bg);border:1px solid var(--color-error-light);border-radius:4px;color:var(--color-error);cursor:pointer;transition:all .2s}.remove-part-btn:hover{background:var(--color-error-light);border-color:var(--color-error-light)}.equipment-log-modal .modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:2px solid var(--border-light)}.equipment-log-modal .cancel-button,.equipment-log-modal .submit-button{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.equipment-log-modal .cancel-button{background:#fff;border:1px solid var(--border-medium);color:var(--color-gray-500)}.equipment-log-modal .cancel-button:hover{background:var(--color-gray-100);border-color:var(--color-gray-400);color:var(--color-gray-700)}.equipment-log-modal .submit-button{background:var(--color-success);border:none;color:#fff}.equipment-log-modal .submit-button:hover{filter:brightness(.96);box-shadow:var(--shadow-xs)}@media (max-width: 768px){.equipment-log-modal{max-width:95vw}.equipment-log-modal .form-row{grid-template-columns:1fr}.parts-input-row{flex-direction:column;align-items:stretch}.parts-input-row input{width:100%}.parts-table{font-size:12px}.parts-table th,.parts-table td{padding:8px}}.util-page{padding:var(--space-xl);max-width:1400px;margin:0 auto;padding-bottom:60px}.util-toolbar{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:20px}.util-field{display:flex;flex-direction:column;gap:4px}.util-field label{font-size:11px;font-weight:700;color:var(--color-gray-500);letter-spacing:.03em}.util-field select{padding:8px 12px;border:1px solid var(--border-medium);border-radius:8px;font-size:14px;background:var(--bg-card);min-width:160px}.util-empty{padding:60px;text-align:center;color:var(--color-gray-400);font-size:15px}.util-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(196px,1fr));gap:12px;margin-bottom:18px}.util-card{position:relative;overflow:hidden;border:1px solid var(--border-light);border-radius:10px;padding:14px 14px 12px;background:var(--bg-card)}.util-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--accent, var(--color-gray-400))}.util-card-total:before{background:var(--color-primary-600)}.util-card-hd{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--color-gray-700)}.util-card-val{margin-top:6px;font-size:22px;font-weight:800;color:var(--color-gray-800);font-variant-numeric:tabular-nums}.util-card-unit{font-size:12px;font-weight:600;color:var(--color-gray-400);margin-left:4px}.util-card-sub{margin-top:4px;font-size:11px;color:var(--color-gray-400)}.util-card-metrics{margin-top:8px;display:flex;flex-direction:column;gap:3px}.util-metric{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:11px}.util-metric i{font-style:normal;color:var(--color-gray-400)}.util-metric b{font-size:12px;font-weight:700;color:var(--color-gray-600);font-variant-numeric:tabular-nums}.util-grid-wrap{position:relative;overflow-x:auto;border:1px solid var(--border-light);border-radius:12px;background:var(--bg-card);margin-bottom:22px}.util-grid{width:100%;border-collapse:separate;border-spacing:0;min-width:1080px}.util-grid th,.util-grid td{border-bottom:1px solid var(--color-gray-50);padding:0;text-align:center}.util-grid thead th{background:var(--color-gray-50);font-size:13px;font-weight:700;color:var(--color-gray-700);padding:calc(9px * var(--density, 1)) 8px;white-space:nowrap}.util-gh{border-top:3px solid var(--border-medium)}.util-gh svg{vertical-align:-2px;margin-right:4px}.util-sh{font-size:12px;font-weight:600;color:var(--color-gray-500);padding:6px 8px!important}.util-th-unit{font-size:11px;font-weight:500;color:var(--color-gray-400);margin-left:3px}.util-gsep{border-left:1px solid var(--border-light)}.util-sumcol,.util-sumcell{border-left:1.5px solid var(--border-medium)}.util-sumcol{font-size:12px;min-width:110px;border-top:3px solid var(--border-medium)}.util-mcol{position:sticky;left:0;z-index:2;background:var(--color-gray-50);font-weight:700;color:var(--color-gray-600);font-size:13px;width:68px;min-width:68px;padding:8px}.util-grid thead .util-mcol{z-index:3;border-top:3px solid var(--border-medium)}.util-input{width:100%;min-width:92px;border:none;outline:none;text-align:right;padding:calc(9px * var(--density, 1)) 10px;font-size:14px;font-variant-numeric:tabular-nums;background:transparent;color:var(--color-gray-800);-moz-appearance:textfield}.util-input::-webkit-outer-spin-button,.util-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.util-input::placeholder{color:var(--color-gray-300, var(--color-gray-400));font-size:12px}.util-input:focus{background:var(--color-primary-50)}.util-input:disabled{color:var(--color-gray-500);-webkit-text-fill-color:var(--color-gray-500);opacity:1}.util-input.is-cost{background:var(--color-gray-50)}.util-input.is-cost:focus{background:var(--color-primary-50)}.util-grid tbody tr:hover td{background:var(--color-gray-50)}.util-grid tbody tr:hover .util-input.is-cost{background:transparent}.util-sumcell{font-weight:700;color:var(--color-gray-700);font-size:13px;text-align:right;padding:8px 12px;font-variant-numeric:tabular-nums;white-space:nowrap}.util-grid tfoot td{background:var(--color-gray-50);font-weight:800;color:var(--color-gray-800);font-size:13px;text-align:right;padding:10px 12px;font-variant-numeric:tabular-nums;white-space:nowrap;border-bottom:none}.util-grid tfoot .util-mcol{text-align:center}.util-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg-card) 70%,transparent);font-size:14px;color:var(--color-gray-500);z-index:4}.util-mlist{display:flex;flex-direction:column;gap:10px;padding:10px}.util-mcard{border:1px solid var(--border-light);border-radius:10px;overflow:hidden}.util-mcard-hd{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--color-gray-50);padding:8px 12px;font-size:13px;font-weight:800;color:var(--color-gray-700)}.util-mcard-sum{font-size:12px;font-weight:700;color:var(--color-gray-600);font-variant-numeric:tabular-nums}.util-mcard-cols,.util-mrow{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center}.util-mcard-cols{padding:4px 10px 0;font-size:11px;font-weight:600;color:var(--color-gray-400);text-align:right}.util-mrow{border-top:1px solid var(--color-gray-50)}.util-mrow:first-of-type{border-top:none}.util-mrow-lb{display:flex;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:700;color:var(--color-gray-600);white-space:nowrap}.util-mrow .util-input{min-width:0}.util-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:14px}.util-chart{border:1px solid var(--border-light);border-radius:12px;padding:12px 14px 6px;background:var(--bg-card)}.util-chart-hd{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px;font-weight:700;color:var(--color-gray-700);margin-bottom:8px}.util-legend{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:500;color:var(--color-gray-400)}.util-legend i{display:inline-block;width:9px;height:9px;border-radius:2px}.util-legend-u{color:var(--color-gray-400)}.util-legend i.line{width:12px;height:2px;border-radius:1px;margin-left:6px}@media (max-width: 1023px){.util-page{padding:var(--space-lg, 16px)}}@media (max-width: 640px){.util-toolbar{gap:10px}.util-field select{min-width:130px}.util-cards{grid-template-columns:repeat(2,1fr);gap:8px}.util-card-val{font-size:18px}}.selected-info{font-size:var(--font-size-sm);color:var(--color-gray-600);padding:0 var(--space-md);white-space:nowrap}.db-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.db-modal{background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:0 20px 60px #0003;width:560px;max-width:96vw;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.db-modal-sm{width:400px}.db-modal-lg{width:760px}.db-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-light)}.db-modal-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0}.db-modal-close{background:none;border:none;cursor:pointer;color:var(--color-gray-500);padding:4px;border-radius:var(--radius-md);transition:all var(--transition-fast)}.db-modal-close:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.db-modal-body{padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md)}.db-modal-item-info{background:var(--color-gray-50);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);color:var(--color-gray-700);margin:0}.db-modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--border-light);margin-top:var(--space-sm)}.db-form-row{display:flex;flex-direction:column;gap:6px}.db-form-row label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.db-form-row input,.db-form-row select,.db-form-row textarea{padding:9px 12px;border:1.5px solid var(--border-medium);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color var(--transition-fast);width:100%;box-sizing:border-box}.db-form-row input:focus,.db-form-row select:focus,.db-form-row textarea:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #c06a431a}.db-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}@media (max-width: 560px){.db-form-grid{grid-template-columns:1fr}}.db-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 22px;border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.db-btn:disabled{opacity:.5;cursor:not-allowed}.db-btn-primary{background:var(--color-primary-600);color:var(--on-accent)}.db-btn-primary:hover:not(:disabled){background:var(--color-primary-700)}.db-btn-success{background:var(--color-success);color:#fff}.db-btn-success:hover:not(:disabled){background:var(--color-success-text)}.db-btn-info{background:var(--color-info);color:#fff}.db-btn-info:hover:not(:disabled){background:var(--color-info-text)}.db-btn-danger{background:var(--color-error);color:#fff}.db-btn-danger:hover:not(:disabled){background:var(--color-error-text)}.db-btn-cancel{background:var(--bg-card);border:1.5px solid var(--border-medium);color:var(--color-gray-700)}.db-btn-cancel:hover{background:var(--color-gray-50)}.mockup-link-box{background:var(--color-gray-50);border:1.5px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm)}.mockup-link-box a{color:var(--color-primary-600);text-decoration:none;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mockup-link-box a:hover{text-decoration:underline}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:20px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.status-접수{background:var(--color-info-bg);color:var(--color-info-text)}.status-출고{background:var(--color-success-bg);color:var(--color-success-text)}.status-취소{background:var(--color-error-bg);color:var(--color-error-text)}.status-대기{background:var(--color-warning-bg);color:var(--color-warning-text)}.status-확정{background:var(--color-success-bg);color:var(--color-success-text)}.status-수정요청{background:var(--color-error-bg);color:var(--color-error-text)}.status-발주,.status-부분입고{background:var(--color-warning-bg);color:var(--color-warning-text)}.status-입고완료{background:var(--color-success-bg);color:var(--color-success-text)}.status-작성{background:var(--color-gray-100);color:var(--color-gray-600)}.status-상신{background:var(--color-info-bg);color:var(--color-info-text)}.status-승인{background:var(--color-success-bg);color:var(--color-success-text)}.status-반려{background:var(--color-error-bg);color:var(--color-error-text)}.stock-check-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.stock-check-table th{background:var(--color-gray-100);padding:8px 12px;text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-gray-700);border-bottom:1.5px solid var(--border-medium)}.stock-check-table td{padding:8px 12px;border-bottom:1px solid var(--border-light)}.stock-check-table tr:hover td{background:var(--color-gray-50)}.stock-shortage{color:var(--color-error);font-weight:700}.stock-ok{color:var(--color-success);font-weight:700}.po-tabbar{display:flex;gap:4px;width:fit-content;background:var(--color-gray-100);border-radius:10px;padding:3px;margin-bottom:14px}.po-tab{padding:7px 18px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:600;color:var(--color-gray-500);cursor:pointer;transition:all .12s}.po-tab:hover{color:var(--color-gray-700)}.po-tab.active{background:var(--bg-card);color:var(--color-gray-900);box-shadow:0 1px 3px #0000001f}.po-tabbar,.po-pending-head{flex-shrink:0}.po-pending-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}.po-pending-actions{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.po-pending-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:4px;margin-right:-4px}.po-lines-wrap{overflow:auto;max-height:min(60vh,560px)}.po-pending-info{font-size:12.5px;color:var(--color-gray-500)}.po-pending-info b{color:var(--color-gray-700)}.po-empty{padding:50px 20px;text-align:center;color:var(--color-gray-400);font-size:14px;background:var(--bg-card);border:1px dashed var(--border-medium);border-radius:12px}.po-spin{animation:po-rotate 1s linear infinite}@keyframes po-rotate{to{transform:rotate(360deg)}}.po-supplier-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;margin-bottom:14px;overflow:hidden}.po-supplier-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:var(--color-gray-50);border-bottom:1px solid var(--border-light)}.po-supplier-name{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--color-gray-900);cursor:pointer}.po-supplier-count{font-size:12px;font-weight:500;color:var(--color-gray-500)}.po-supplier-sub{font-size:13px;font-weight:700;color:var(--color-gray-900);white-space:nowrap}.po-line-checked td{background:var(--color-info-bg)!important}.po-pending-table th{position:sticky;top:0;z-index:1;box-shadow:inset 0 -1.5px 0 var(--border-medium)}.po-item-row-multi{cursor:pointer}.po-item-row td{border-bottom:1px solid var(--border-light)}.po-item-name{font-weight:600;color:var(--color-gray-900)}.po-item-badge{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;background:var(--color-gray-100);color:var(--color-gray-500);font-size:11px;font-weight:600;vertical-align:middle}.po-item-amt{display:block;font-size:11px;color:var(--color-gray-500)}.po-mgmt-sum{color:var(--color-gray-500)}.po-expand-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;cursor:pointer;border:1px solid var(--border-medium);border-radius:5px;background:var(--bg-card);color:var(--color-gray-600);transition:all .12s}.po-expand-btn:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.po-line-detail td{background:var(--color-gray-50);font-size:12.5px;color:var(--color-gray-600)}.po-line-detail.po-line-checked td{background:var(--color-info-bg)!important}.po-detail-mark{color:var(--color-gray-400);text-align:center}.po-detail-dim{color:var(--color-gray-400)}.mockup-preview-img{max-width:100%;max-height:300px;border-radius:var(--radius-md);object-fit:contain;border:1px solid var(--border-light)}.mockup-history-list{display:flex;flex-direction:column;gap:var(--space-sm)}.mockup-history-item{background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.mockup-history-item .version-badge{background:var(--color-primary-100);color:var(--color-primary-700);padding:2px 8px;border-radius:12px;font-size:var(--font-size-xs);font-weight:700}.mkr-modal{width:820px;max-width:96vw}.mkr-guide{margin:0 0 10px;font-size:12px;line-height:1.7;color:var(--color-gray-500)}.mkr-hint-inline{font-weight:400;color:var(--color-gray-400)}.mkr-hint{margin:6px 0 0;font-size:12px;color:var(--color-gray-400)}.mkr-target{margin-bottom:10px}.mkr-target-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.mkr-group{border:1px solid var(--border-light);border-radius:8px;padding:12px;margin-bottom:12px;background:var(--color-gray-50)}.mkr-group-hd{display:flex;align-items:flex-start;gap:8px}.mkr-group-hd .mkr-target{flex:1;min-width:0}.mkr-group-del{margin-top:22px}.mkr-add-target{padding:7px 14px;font-size:12.5px;font-weight:700}.mkr-chip{padding:3px 10px;font-size:12px;line-height:1.5;color:var(--color-gray-700);background:var(--bg-card);border:1px solid var(--border-medium);border-radius:999px;cursor:pointer;transition:background .12s,border-color .12s}.mkr-chip:hover:not(:disabled){background:var(--color-gray-100);border-color:var(--color-gray-400)}.mkr-chip:disabled{opacity:.5;cursor:default}.mkr-rows{display:flex;flex-direction:column;gap:10px}.mkr-row{display:grid;grid-template-columns:160px 190px 1fr 32px;gap:12px;align-items:stretch;background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;padding:12px}.mkr-field{display:flex;flex-direction:column;gap:6px;min-width:0}.mkr-label{font-size:11px;font-weight:700;color:var(--color-gray-500)}.mkr-field select,.mkr-field input[type=text],.mkr-field textarea{width:100%;padding:7px 9px;font-size:13px;font-family:inherit;border:1px solid var(--border-medium);border-radius:6px;background:var(--bg-input);color:var(--color-gray-900)}.mkr-field textarea{flex:1;min-height:110px;resize:vertical}.mkr-drop{height:110px;display:flex;align-items:center;justify-content:center;border:1.5px dashed var(--border-medium);border-radius:6px;background:var(--bg-card);cursor:pointer;overflow:hidden}.mkr-drop:hover,.mkr-drop:focus-visible{border-color:var(--color-primary-600);outline:none}.mkr-drop--has{border-style:solid}.mkr-drop img{max-width:100%;max-height:106px}.mkr-drop-hint{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;line-height:1.5;text-align:center;color:var(--color-gray-400)}.mkr-paste-btn{padding:5px 8px;font-size:11px;justify-content:center}.mkr-del{align-self:start;margin-top:21px;background:none;border:none;padding:4px;color:var(--color-error);cursor:pointer}.mkr-del:disabled{opacity:.3;cursor:default}.mkr-add{padding:6px 12px;font-size:12px;margin-top:10px}.mkr-err{margin:10px 0 0;font-size:13px;color:var(--color-error)}.mkr-progress{margin:8px 0 0;font-size:12px;color:var(--color-gray-500)}@media (max-width: 760px){.mkr-row{grid-template-columns:1fr 32px}.mkr-row .mkr-field{grid-column:1}.mkr-row .mkr-del{grid-column:2;grid-row:1}.mkr-field textarea{min-height:80px}}.ppm-parts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.ppm-part-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border:1px solid var(--border-medium);border-radius:999px;background:var(--bg-card);color:var(--color-gray-600);font-size:13px;font-weight:700;cursor:pointer;transition:background .12s ease,border-color .12s ease}.ppm-part-chip:hover:not(:disabled){background:var(--color-gray-50)}.ppm-part-chip:disabled{opacity:.55;cursor:default}.ppm-part-chip--active{background:var(--color-primary-600);border-color:var(--color-primary-600);color:var(--on-accent)}.ppm-part-dot{width:6px;height:6px;border-radius:50%;background:var(--color-success)}.ppm-part-chip--active .ppm-part-dot{background:#fff}.imk-wrap{display:flex;flex-direction:column;gap:8px;min-width:0}.imk-hint{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs, 12px);color:var(--color-gray-500, #6b7280)}.imk-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.imk-tool{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;border-radius:6px;cursor:pointer;background:var(--bg-card, #fff);border:1px solid var(--border-medium, #d1d5db);color:var(--color-gray-600, #4b5563)}.imk-tool:hover{background:var(--color-gray-50, #f9fafb)}.imk-tool--active{background:var(--color-primary-600, #1f2328);border-color:var(--color-primary-600, #1f2328);color:var(--on-accent, #fff)}.imk-tool--danger{color:var(--color-error-text, #9c3b30);border-color:var(--color-error-bg, #fbe9e7);background:var(--color-error-bg, #fbe9e7)}.imk-hint-text{font-size:var(--font-size-xs, 12px);color:var(--color-gray-500, #6b7280);margin-left:2px}.imk-shapes{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.imk-shape{fill:none;stroke:var(--color-error, #dc2626);stroke-width:2.5}.imk-shape--selected{stroke-width:4;stroke-dasharray:7 4}.imk-shape--draft{stroke-dasharray:5 4;opacity:.75}.imk-stage--drawing{cursor:crosshair}.imk-stage{position:relative;border:1px solid var(--border-light, #e5e7eb);border-radius:var(--radius-md, 8px);overflow:hidden;cursor:crosshair;align-self:flex-start;width:100%}.imk-stage--readonly{cursor:default}.imk-img{width:100%;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.imk-empty{border:1.5px dashed var(--border-medium, #d1d5db);border-radius:var(--radius-md, 8px);padding:60px 20px;text-align:center;color:var(--color-gray-400, #9ca3af);font-size:var(--font-size-sm, 13px);background:var(--color-gray-50, #f9fafb)}.imk-marker{position:absolute;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;background:var(--color-primary-600, #a8542f);color:#fff;border:2px solid #fff;box-shadow:0 1px 5px #0006;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;cursor:grab;z-index:5;line-height:1}.imk-marker:active{cursor:grabbing}.imk-stage--readonly .imk-marker{cursor:default}.imk-marker--selected{background:var(--color-error, #9c3b30);z-index:6;box-shadow:0 0 0 4px #9c3b3040,0 1px 5px #0006}.imk-tip{display:none;position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%);background:#1e1a14eb;color:#fff;border-radius:6px;padding:6px 9px;font-size:11px;font-weight:400;white-space:nowrap;max-width:300px;overflow:hidden;text-overflow:ellipsis;pointer-events:none;z-index:20;flex-direction:column;gap:2px;text-align:left}.imk-marker:hover .imk-tip{display:flex}.imk-tip b{font-weight:700}.imk-tip-note{color:#d1d5db}.imk-editor{border:1.5px solid var(--color-primary-300, #d99a78);background:var(--color-primary-50, #f9efe9);border-radius:var(--radius-md, 8px);padding:12px 14px;display:flex;flex-direction:column;gap:10px}.imk-editor-head{display:flex;justify-content:space-between;align-items:center}.imk-editor-title{display:inline-flex;align-items:center;gap:7px;font-size:var(--font-size-sm, 13px);font-weight:var(--font-weight-semibold, 600);color:var(--color-gray-800, #1f2937)}.imk-editor-badge{width:20px;height:20px;border-radius:50%;background:var(--color-error, #9c3b30);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.imk-del-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:1px solid var(--color-error-light);color:var(--color-error, #9c3b30);border-radius:var(--radius-md, 6px);font-size:var(--font-size-xs, 12px);padding:4px 10px;cursor:pointer}.imk-del-btn:hover{background:var(--color-error-bg)}.imk-field-row{display:flex;align-items:center;gap:8px}.imk-field-row label{width:92px;flex-shrink:0;font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-medium, 500);color:var(--color-gray-600, #4b5563)}.imk-field-row input,.imk-offset-row input{flex:1;min-width:0;padding:6px 9px;border:1px solid var(--border-medium, #d1d5db);border-radius:var(--radius-md, 6px);font-size:var(--font-size-sm, 13px);background:#fff;box-sizing:border-box}.imk-field-row input:focus,.imk-offset-row input:focus{outline:none;border-color:var(--color-primary-500, #c06a43);box-shadow:0 0 0 3px #c06a431a}.imk-offsets{display:flex;flex-direction:column;gap:6px}.imk-offsets-head{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.imk-offsets-head label{font-size:var(--font-size-xs, 12px);font-weight:var(--font-weight-medium, 500);color:var(--color-gray-600, #4b5563)}.imk-add-row-btn{display:inline-flex;align-items:center;gap:3px;background:#fff;border:1px solid var(--border-medium, #d1d5db);color:var(--color-gray-700, #374151);border-radius:var(--radius-md, 6px);font-size:var(--font-size-xs, 12px);padding:3px 9px;cursor:pointer}.imk-add-row-btn:hover{background:var(--color-gray-50, #f9fafb)}.imk-offsets-empty{font-size:var(--font-size-xs, 12px);color:var(--color-gray-400, #9ca3af);padding:4px 2px}.imk-offset-row{display:flex;align-items:center;gap:8px}.imk-offset-row .imk-size-input{flex:0 0 54px;max-width:54px;text-align:center;padding-left:4px;padding-right:4px}.imk-offset-row .imk-offset-input{flex:1 1 0;min-width:0}.imk-offset-row .imk-mm-cell{flex:0 0 126px;max-width:126px;text-align:right;font-variant-numeric:tabular-nums}.imk-axis{display:inline-flex;align-items:center;gap:5px;margin-left:auto;margin-right:8px}.imk-axis-label{font-size:11px;color:var(--color-gray-500, #6b7280)}.imk-axis-select{padding:3px 6px;font-size:11px;font-weight:600;border:1px solid var(--border-medium, #d1d5db);border-radius:var(--radius-md, 6px);background:var(--bg-input, #fff);color:var(--color-gray-800, #1f2937);cursor:pointer}.imk-offset-row .imk-size-input--preset{background:var(--color-gray-100);color:var(--color-gray-700);font-weight:700;border-color:var(--border-light);cursor:default}.imk-offsets-hint{font-weight:400;color:var(--color-gray-400);font-size:11px}.imk-row-del--spacer{width:25px;pointer-events:none}.imk-row-del{flex-shrink:0;background:none;border:none;color:var(--color-gray-400, #9ca3af);cursor:pointer;padding:4px;border-radius:var(--radius-md, 6px);display:inline-flex;align-items:center}.imk-row-del:hover{background:var(--color-error-bg);color:var(--color-error, #9c3b30)}.ppm-modal{width:1020px}.ppm-body-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--space-lg, 16px);align-items:start}@media (max-width: 640px){.ppm-body-grid{grid-template-columns:1fr}}.ppm-side{display:flex;flex-direction:column;gap:var(--space-md, 12px);min-width:0}.ppm-no-image{border:1.5px dashed var(--border-medium, #d1d5db);border-radius:var(--radius-md, 8px);padding:80px 20px;text-align:center;color:var(--color-gray-400, #9ca3af);font-size:var(--font-size-sm, 13px);background:var(--color-gray-50, #f9fafb)}.ppm-warn{background:var(--color-warning-bg);color:var(--color-warning-text);border-radius:var(--radius-md, 8px);padding:8px 12px;font-size:var(--font-size-sm, 13px)}.ppm-marker-list{display:flex;flex-direction:column;gap:6px;max-height:340px;overflow-y:auto}.ppm-marker-item{display:flex;align-items:flex-start;gap:8px;background:var(--color-gray-50, #f9fafb);border:1px solid var(--border-light, #e5e7eb);border-radius:var(--radius-md, 8px);padding:7px 10px;font-size:var(--font-size-sm, 13px)}.ppm-marker-no{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:var(--color-primary-600, #a8542f);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;margin-top:1px}.ppm-marker-info{min-width:0;display:flex;flex-direction:column;gap:1px}.ppm-marker-part{font-weight:var(--font-weight-semibold, 600);color:var(--color-gray-800, #1f2937)}.ppm-marker-offsets,.ppm-marker-note{font-size:var(--font-size-xs, 12px);color:var(--color-gray-500, #6b7280);word-break:break-all}.ppm-marker-empty{font-size:var(--font-size-sm, 13px);color:var(--color-gray-400, #9ca3af);padding:10px 2px}.ppm-section-label{font-size:var(--font-size-sm, 13px);font-weight:var(--font-weight-semibold, 600);color:var(--color-gray-700, #374151)}.ppm-hist-list{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow-y:auto}.ppm-hist-item{display:flex;align-items:center;gap:12px;border:1px solid var(--border-light, #e5e7eb);border-radius:var(--radius-md, 8px);padding:10px 12px;background:var(--color-gray-50, #f9fafb)}.ppm-hist-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.ppm-hist-title{font-size:var(--font-size-sm, 13px);font-weight:var(--font-weight-semibold, 600);color:var(--color-gray-800, #1f2937);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ppm-hist-meta{font-size:var(--font-size-xs, 12px);color:var(--color-gray-500, #6b7280)}.ppm-hist-empty{text-align:center;color:var(--color-gray-400, #9ca3af);font-size:var(--font-size-sm, 13px);padding:30px 0}.plb-page{display:flex;flex-direction:column;gap:14px;padding:4px 2px;min-width:0}.plb-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.plb-toolbar-title h2{margin:0;font-size:20px;font-weight:700;color:var(--color-gray-900, #111827)}.plb-toolbar-title p{margin:4px 0 0;font-size:13px;color:var(--color-gray-500, #6b7280)}.plb-toolbar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.plb-search{display:flex;align-items:center;gap:6px;background:var(--bg-card);border:1.5px solid var(--border-medium, #d1d5db);border-radius:var(--radius-md, 8px);padding:6px 10px;color:var(--color-gray-400, #9ca3af)}.plb-search input{border:none;outline:none;font-size:13px;width:200px;background:transparent;color:var(--color-gray-900, #111827)}.plb-search:focus-within{border-color:var(--color-primary-500, #c06a43);box-shadow:0 0 0 3px #c06a431a}.plb-check{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--color-gray-700, #374151);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.plb-check input{accent-color:var(--color-primary-600, #a8542f);cursor:pointer}.plb-refresh{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1.5px solid var(--border-medium, #d1d5db);border-radius:var(--radius-md, 8px);background:var(--bg-card);color:var(--color-gray-700, #374151);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.plb-refresh:hover:not(:disabled){background:var(--color-gray-50, #f9fafb);border-color:var(--color-gray-400, #9ca3af)}.plb-refresh:disabled{opacity:.6;cursor:not-allowed}.plb-spin{animation:plb-spin .9s linear infinite}@keyframes plb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.plb-flow{display:flex;flex-wrap:wrap;align-items:center;gap:6px 4px;padding:12px;background:var(--color-gray-50, #f9fafb);border:1px solid var(--border-light, #e5e7eb);border-radius:var(--radius-lg, 12px);min-width:0}.plb-node{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;background:var(--bg-card);border:1.5px solid var(--border-light, #e5e7eb);border-radius:999px;cursor:pointer;font-size:13px;font-weight:600;color:var(--color-gray-700, #374151);transition:border-color .15s,box-shadow .15s,background .15s;white-space:nowrap}.plb-node:hover{border-color:var(--color-primary-300, #e2b8a3);box-shadow:0 2px 6px #0000000f}.plb-node--active{font-weight:700;box-shadow:0 2px 8px #0000001f}.plb-node-bar{width:4px;height:15px;border-radius:2px;flex-shrink:0}.plb-node-name{white-space:nowrap}.plb-node-count{min-width:20px;padding:1px 7px;border-radius:10px;color:#fff;font-size:11.5px;font-weight:700;text-align:center}.plb-node-delay{padding:1px 7px;border-radius:10px;background:var(--color-error-bg);color:var(--color-error-text);font-size:11px;font-weight:700}.plb-arrow{color:var(--color-gray-400, #9ca3af);font-size:15px;flex-shrink:0;-webkit-user-select:none;user-select:none}.plb-cards-panel{display:flex;flex-direction:column;gap:10px;min-width:0}.plb-cards-head{display:flex;align-items:center;gap:10px}.plb-cards-title{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--color-gray-800, #1f2937)}.plb-col-bar{width:4px;height:16px;border-radius:2px;flex-shrink:0}.plb-cards-count{font-size:12px;font-weight:700;color:var(--color-gray-500, #6b7280);background:var(--color-gray-100, #f3f4f6);padding:2px 10px;border-radius:10px}.plb-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;align-items:start;min-width:0}.plb-cards-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:40px 0;font-size:13px;color:var(--color-gray-400, #9ca3af)}.plb-card{background:var(--bg-card);border:1px solid var(--border-light, #e5e7eb);border-radius:var(--radius-md, 8px);padding:10px;display:flex;flex-direction:column;gap:7px;cursor:pointer;transition:box-shadow .15s,border-color .15s,opacity .15s}.plb-card:hover{border-color:var(--color-primary-300, #e2b8a3);box-shadow:0 3px 10px #00000014}.plb-card-moving{opacity:.55;pointer-events:none}.plb-card-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.plb-mgmt{font-family:JetBrains Mono,D2Coding,Consolas,monospace;font-size:12px;font-weight:700;color:var(--color-gray-800, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plb-dday{font-size:11px;font-weight:700;padding:2px 7px;border-radius:10px;background:var(--color-primary-50);color:var(--color-primary-text);white-space:nowrap;flex-shrink:0}.plb-dday-urgent{background:var(--color-error-bg);color:var(--color-error-text)}.plb-thumb{width:100%;height:64px;object-fit:contain;object-position:center;padding:3px;border-radius:6px;border:1px solid var(--border-light, #e5e7eb);background:var(--color-gray-100, #f3f4f6);cursor:zoom-in;box-sizing:border-box}.plb-card-body{display:flex;flex-direction:column;gap:2px;min-width:0}.plb-orderer{font-size:13px;font-weight:600;color:var(--color-gray-900, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plb-item{font-size:12px;color:var(--color-gray-600, #4b5563);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plb-item-sub{color:var(--color-gray-400, #9ca3af)}.plb-qty{font-size:12px;color:var(--color-gray-500, #6b7280)}.plb-card-flags{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.plb-flag{font-size:10px;font-weight:700;padding:2px 7px;border-radius:9px;background:var(--color-gray-100, #f3f4f6);color:var(--color-gray-500, #6b7280);white-space:nowrap}.plb-flag-on{background:var(--color-success-bg);color:var(--color-success-text)}.plb-flag-cancel{background:var(--color-error-bg);color:var(--color-error-text)}.plb-press-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:5px 8px;border:1px solid var(--color-info-light);border-radius:6px;background:var(--color-info-bg);color:var(--color-info-text);font-size:11.5px;font-weight:700;cursor:pointer;transition:background .15s}.plb-press-btn:hover:not(:disabled){background:var(--color-info-light)}.plb-press-btn:disabled{opacity:.5;cursor:not-allowed}.plb-move{display:flex;align-items:center;gap:4px;padding-top:6px;border-top:1px dashed var(--border-light, #e5e7eb);cursor:default}.plb-move-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid var(--border-medium, #d1d5db);border-radius:6px;background:var(--bg-card);color:var(--color-gray-600, #4b5563);cursor:pointer;flex-shrink:0;transition:all .15s}.plb-move-btn:hover:not(:disabled){background:var(--color-gray-100, #f3f4f6);color:var(--color-gray-900, #111827)}.plb-move-btn:disabled{opacity:.35;cursor:not-allowed}.plb-move-select{flex:1;min-width:0;height:24px;padding:0 4px;border:1px solid var(--border-medium, #d1d5db);border-radius:6px;font-size:11.5px;color:var(--color-gray-700, #374151);background:var(--bg-card);cursor:pointer}.plb-move-select:disabled{opacity:.5;cursor:not-allowed}.plb-loading{padding:24px;text-align:center;font-size:13px;color:var(--color-gray-500, #6b7280)}.plb-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000}.plb-modal{background:var(--bg-card);border-radius:var(--radius-xl, 14px);box-shadow:0 20px 60px #0003;width:620px;max-width:96vw;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.plb-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid var(--border-light, #e5e7eb)}.plb-modal-header h3{display:flex;align-items:center;gap:10px;margin:0;font-size:16px;font-weight:700;color:var(--color-gray-900, #111827)}.plb-modal-header .plb-mgmt{font-size:15px}.plb-stage-badge{font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:12px;white-space:nowrap}.plb-modal-close{background:none;border:none;cursor:pointer;color:var(--color-gray-500, #6b7280);padding:4px;border-radius:6px;transition:all .15s}.plb-modal-close:hover{background:var(--color-gray-100, #f3f4f6);color:var(--color-gray-900, #111827)}.plb-modal-body{padding:18px 22px 22px;display:flex;flex-direction:column;gap:12px}.plb-detail-img{max-width:100%;max-height:260px;object-fit:contain;border:1px solid var(--border-light, #e5e7eb);border-radius:var(--radius-md, 8px);background:var(--color-gray-50, #f9fafb);cursor:zoom-in;align-self:center}.plb-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 20px}.plb-detail-row{display:flex;align-items:baseline;gap:10px;font-size:13px;min-width:0}.plb-detail-full{grid-column:1 / -1}.plb-detail-label{flex:0 0 68px;color:var(--color-gray-500, #6b7280);font-weight:600;white-space:nowrap}.plb-detail-value{color:var(--color-gray-900, #111827);min-width:0;word-break:break-all}.plb-detail-notes{white-space:pre-wrap}.plb-detail-section{margin-top:4px;padding-top:10px;border-top:1px solid var(--border-light, #e5e7eb);font-size:12px;font-weight:700;color:var(--color-gray-500, #6b7280)}.plb-detail-hint{margin:4px 0 0;padding:10px 14px;background:var(--color-gray-50, #f9fafb);border:1px solid var(--border-light, #e5e7eb);border-radius:var(--radius-md, 8px);font-size:12.5px;color:var(--color-gray-600, #4b5563)}.plb-detail-hint strong{color:var(--color-primary-600, #a8542f)}.plb-items-table{width:100%;border-collapse:collapse;font-size:12.5px}.plb-items-table th,.plb-items-table td{border:1px solid var(--border-light, #e5e7eb);padding:6px 8px;text-align:left;color:var(--color-gray-800, #1f2937)}.plb-items-table th{background:var(--color-gray-50, #f9fafb);font-weight:700;color:var(--color-gray-600, #4b5563)}.plb-items-table .plb-c-r{text-align:right}.shp-page{padding:20px 24px 60px}.shp-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.shp-title{display:flex;align-items:center;gap:10px;color:var(--color-gray-900)}.shp-title h2{font-size:18px;font-weight:800;margin:0}.shp-title p{font-size:12.5px;color:var(--color-gray-500);margin:2px 0 0}.shp-header-acts{display:flex;gap:6px;flex-wrap:wrap}.shp-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);font-size:13px;font-weight:600;color:var(--color-gray-700);cursor:pointer;transition:all .12s;white-space:nowrap}.shp-btn:hover{background:var(--color-gray-100)}.shp-btn:disabled{opacity:.6;cursor:not-allowed}.shp-btn.primary{background:var(--color-success);border-color:var(--color-success);color:#fff}.shp-btn.primary:hover:not(:disabled){background:var(--color-success-text)}.shp-btn.sm{padding:4px 9px;font-size:12px}.shp-spin{animation:shp-rotate 1s linear infinite}@keyframes shp-rotate{to{transform:rotate(360deg)}}.shp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px;flex-wrap:wrap}.shp-tabs{display:flex;gap:4px;background:var(--color-gray-100);border-radius:10px;padding:3px}.shp-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:600;color:var(--color-gray-500);cursor:pointer;transition:all .12s}.shp-tab.active{background:var(--bg-card);color:var(--color-gray-900);box-shadow:0 1px 3px #0000001f}.shp-tab-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.shp-tab-count{background:var(--border-light);color:var(--color-gray-600);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.shp-tab.active .shp-tab-count{background:var(--color-success-bg);color:var(--color-success-text)}.shp-toolbar-acts{display:flex;gap:6px;flex-wrap:wrap}.shp-empty{padding:60px 20px;text-align:center;color:var(--color-gray-400);font-size:14px;background:var(--bg-card);border:1px dashed var(--border-medium);border-radius:12px}.shp-table-wrap{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;overflow-x:auto}.shp-table{width:100%;border-collapse:collapse;font-size:13px;min-width:1000px}.shp-table th{background:var(--color-gray-50);padding:calc(9px * var(--density, 1)) 12px;text-align:left;font-size:11.5px;font-weight:700;color:var(--color-gray-500);border-bottom:1px solid var(--border-light);white-space:nowrap}.shp-table td{padding:calc(9px * var(--density, 1)) 12px;border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700);vertical-align:middle}.shp-table tr:last-child td{border-bottom:none}.shp-table .r{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.shp-table .c{text-align:center;width:36px;white-space:nowrap}.shp-table input[type=checkbox]{cursor:pointer}.shp-row{cursor:pointer;transition:background .1s}.shp-row:hover td{background:var(--color-gray-50)}.shp-mgmt{white-space:nowrap;font-weight:600;color:var(--color-gray-900)}.shp-warn{color:var(--color-warning);margin-left:5px;vertical-align:-2px;flex-shrink:0}.shp-phone{white-space:nowrap}.shp-addr{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shp-sub{font-size:12px;color:var(--color-gray-500)}.shp-muted{color:var(--color-gray-400)}.shp-missing{color:var(--color-error);font-size:12px;font-weight:600}.shp-track{white-space:nowrap;font-variant-numeric:tabular-nums}.shp-dday-badge{display:inline-block;padding:2px 9px;border-radius:999px;background:var(--color-primary-50);color:var(--color-primary-text);font-size:11.5px;font-weight:700;white-space:nowrap}.shp-dday-badge.urgent{background:var(--color-error-bg);color:var(--color-error-text)}.shp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1100}.shp-modal{background:var(--bg-card);border-radius:14px;width:92vw;max-width:460px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040;overflow:hidden}.shp-modal form{display:flex;flex-direction:column;min-height:0}.shp-modal-hd{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-light);flex-shrink:0}.shp-modal-hd h3{font-size:15px;font-weight:700;margin:0;display:flex;align-items:center;gap:6px;color:var(--color-gray-900)}.shp-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:var(--color-gray-100);border-radius:8px;cursor:pointer;color:var(--color-gray-500)}.shp-close:hover{background:var(--border-light)}.shp-modal-body{padding:16px 18px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.shp-modal-ft{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--border-light);background:var(--color-gray-50);flex-shrink:0}.shp-item-info{background:var(--color-gray-50);border-radius:8px;padding:10px 12px;font-size:12.5px;color:var(--color-gray-600);margin:0;line-height:1.6}.shp-item-info strong{color:var(--color-gray-900)}.shp-field{display:flex;flex-direction:column;gap:5px;min-width:0}.shp-field label{font-size:12px;font-weight:600;color:var(--color-gray-700)}.shp-field input,.shp-field select,.shp-field textarea{padding:8px 10px;border:1px solid var(--border-medium);border-radius:8px;font-size:13px;outline:none;background:var(--bg-card);width:100%;box-sizing:border-box;font-family:inherit}.shp-field textarea{resize:vertical}.shp-field input:focus,.shp-field select:focus,.shp-field textarea:focus{border-color:var(--color-success)}.odm-page{padding:16px 20px 40px}.odm-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px;border-bottom:1px solid var(--border-light);padding-bottom:0}.odm-title{display:flex;align-items:center;gap:10px;color:var(--color-gray-900);padding-bottom:10px}.odm-title h2{font-size:18px;font-weight:800;margin:0}.odm-title p{font-size:12.5px;color:var(--color-gray-500);margin:2px 0 0}.odm-tabs{display:flex;gap:2px}.odm-tab{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border:none;background:transparent;border-bottom:2.5px solid transparent;font-size:13.5px;font-weight:600;color:var(--color-gray-500);cursor:pointer;transition:all .12s}.odm-tab:hover{color:var(--color-gray-700);background:var(--color-gray-50)}.odm-tab.active{color:var(--color-primary-600);border-bottom-color:var(--color-primary-600)}.odm-body>.list-page,.odm-body>.plb-page,.odm-body>.shp-page{padding-top:4px;padding-left:0;padding-right:0}@media (max-width: 768px){.odm-page{padding:10px 12px 40px}.odm-header{align-items:stretch}.odm-tabs{overflow-x:auto}}.qcs-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px;background:#0000009e}.qcs-modal{display:flex;flex-direction:column;width:min(560px,100%);max-height:94vh;border-radius:16px;background:var(--bg-card);border:1px solid var(--border-light);box-shadow:0 12px 40px #00000059;overflow:hidden}.qcs-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border-light)}.qcs-title{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:800;color:var(--color-gray-900)}.qcs-close{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:10px;background:transparent;color:var(--color-gray-500);cursor:pointer}.qcs-close:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.qcs-body{display:flex;flex-direction:column;gap:10px;padding:14px}.qcs-video-wrap{position:relative;border-radius:12px;background:#000;overflow:hidden;min-height:260px}.qcs-video-wrap video{display:block;width:100%;max-height:62vh;object-fit:cover}.qcs-starting{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700;background:#00000073}.qcs-frame{position:absolute;top:50%;left:50%;width:min(62%,300px);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}.qcs-frame i{position:absolute;width:34px;height:34px;border:4px solid rgba(255,255,255,.92);border-radius:2px}.qcs-frame i:nth-child(1){top:0;left:0;border-right:none;border-bottom:none}.qcs-frame i:nth-child(2){top:0;right:0;border-left:none;border-bottom:none}.qcs-frame i:nth-child(3){bottom:0;left:0;border-right:none;border-top:none}.qcs-frame i:nth-child(4){bottom:0;right:0;border-left:none;border-top:none}.qcs-hint{font-size:14px;color:var(--color-gray-500);text-align:center}.qcs-error{display:flex;flex-direction:column;align-items:center;gap:14px;padding:36px 18px;border:1.5px dashed var(--color-error);border-radius:12px;background:var(--color-error-bg)}.qcs-error-msg{color:var(--color-error-text);font-size:15px;font-weight:700;text-align:center;white-space:pre-line;line-height:1.5}.qcs-foot{display:flex;justify-content:center;gap:8px;padding:0 14px 14px}.qcs-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:1px solid var(--border-medium);border-radius:10px;background:var(--bg-card);color:var(--color-gray-700);font-size:15px;font-weight:700;cursor:pointer}.qcs-btn:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.qcs-btn-primary{border-color:transparent;background:var(--color-primary-600);color:#fff}.qcs-btn-primary:hover{background:var(--color-primary-700)}@media (max-width: 640px){.qcs-overlay{padding:0}.qcs-modal{width:100%;height:100%;max-height:none;border-radius:0}.qcs-video-wrap video{max-height:none;height:min(60vh,520px)}}.pst-page{display:flex;flex-direction:column;gap:14px;padding:16px}.pst-header{display:flex;justify-content:space-between;align-items:center}.pst-title{display:flex;align-items:center;gap:10px;color:var(--color-primary-700)}.pst-title h2{margin:0;font-size:20px;font-weight:800;color:var(--color-gray-900)}.pst-title p{margin:2px 0 0;font-size:13px;color:var(--color-gray-500)}.pst-scanbar{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:14px;background:linear-gradient(135deg,var(--color-primary-700),var(--color-primary-600));box-shadow:0 4px 14px #c06a4340}.pst-scanbar-icon{flex:none;color:var(--color-primary-200)}.pst-scan-input{flex:1;min-width:0;padding:13px 18px;border:2px solid transparent;border-radius:10px;outline:none;background:var(--bg-card);color:var(--color-gray-900);font-family:Consolas,Courier New,monospace;font-size:21px;font-weight:700;letter-spacing:.5px}.pst-scan-input:focus{border-color:var(--color-primary-300);box-shadow:0 0 0 4px #c06a4359}.pst-scan-input::placeholder{color:var(--color-gray-400);font-family:inherit;font-size:16px;font-weight:400;letter-spacing:0}.pst-scan-busy{flex:none;color:var(--color-primary-50);font-size:15px;font-weight:700}.pst-scanbar--flash{animation:pstFlash .75s ease-out}@keyframes pstFlash{0%{background:linear-gradient(135deg,var(--color-success-text),var(--color-success));box-shadow:0 0 0 4px #5f7d4f8c}55%{background:linear-gradient(135deg,var(--color-success-text),var(--color-success));box-shadow:0 0 0 14px #5f7d4f00}to{background:linear-gradient(135deg,var(--color-primary-700),var(--color-primary-600));box-shadow:0 4px 14px #c06a4340}}.pst-error-banner{display:flex;align-items:center;gap:10px;padding:16px 20px;border-radius:12px;background:var(--color-error);color:#fff;font-size:19px;font-weight:800;box-shadow:0 4px 12px #9c3b304d;animation:pstShake .3s ease}@keyframes pstShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.pst-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:90px 20px;border:2px dashed var(--color-primary-200);border-radius:16px;background:#f2dccf80;color:var(--color-primary-500);text-align:center}.pst-empty-title{font-size:24px;font-weight:800;color:var(--color-primary-800)}.pst-empty-sub{font-size:15px;color:var(--color-gray-500)}.pst-main{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,1fr);gap:14px;align-items:start}.pst-left{min-width:0}.pst-right{display:flex;flex-direction:column;gap:12px;min-width:0}.pst-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;padding:14px;box-shadow:0 1px 3px #0000000d}.pst-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.pst-card-title{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--color-gray-700)}.pst-edit-actions{display:flex;gap:6px}.pst-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;cursor:pointer;font-weight:700;transition:background .12s ease,border-color .12s ease,transform .05s ease}.pst-btn:disabled{opacity:.5;cursor:not-allowed}.pst-btn:active:not(:disabled){transform:scale(.98)}.pst-btn-sm{padding:8px 14px;font-size:14px}.pst-btn-xl{width:100%;min-height:58px;padding:16px 18px;font-size:18px}.pst-btn-primary{background:var(--color-primary-600);color:#fff}.pst-btn-primary:hover:not(:disabled){background:var(--color-primary-700)}.pst-btn-go{background:var(--color-success);color:#fff}.pst-btn-go:hover:not(:disabled){background:var(--color-success-text)}.pst-btn-outline{background:var(--bg-card);border-color:var(--border-medium);color:var(--color-gray-700)}.pst-btn-outline:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-400)}.pst-btn-ghost{background:transparent;color:var(--color-gray-500)}.pst-btn-ghost:hover:not(:disabled){background:var(--color-gray-100)}.pst-btn-danger{background:var(--color-error);color:#fff}.pst-btn-danger:hover:not(:disabled){background:var(--color-error-text)}.pst-parts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.pst-part-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border:1px solid var(--border-medium);border-radius:999px;background:var(--bg-card);color:var(--color-gray-600);font-size:13px;font-weight:700;cursor:pointer;transition:background .12s ease,border-color .12s ease}.pst-part-chip:hover:not(:disabled){background:var(--color-gray-50)}.pst-part-chip:disabled{opacity:.55;cursor:default}.pst-part-chip--active{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.pst-part-dot{width:6px;height:6px;border-radius:50%;background:var(--color-success)}.pst-part-chip--active .pst-part-dot{background:#fff}.pst-warn{margin-bottom:10px;padding:10px 12px;border:1px solid var(--color-error-light);border-radius:8px;background:var(--color-error-bg);color:var(--color-error-text);font-size:13.5px;font-weight:600}.pst-no-image{padding:70px 20px;border:1.5px dashed var(--border-medium);border-radius:10px;background:var(--color-gray-50);color:var(--color-gray-400);font-size:15px;text-align:center}.pst-order-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.pst-mgmt{font-family:Consolas,Courier New,monospace;font-size:30px;font-weight:800;letter-spacing:1px;color:var(--color-gray-900)}.pst-stage-badge{padding:5px 12px;border-radius:999px;font-size:14px;font-weight:800}.pst-dday{padding:5px 10px;border-radius:8px;background:var(--color-gray-100);color:var(--color-gray-700);font-size:14px;font-weight:800}.pst-dday--urgent{background:var(--color-error-bg);color:var(--color-error-text)}.pst-steps{display:flex;gap:3px;margin-bottom:12px}.pst-step{flex:1;min-width:0;text-align:center}.pst-step-bar{height:7px;border-radius:4px;background:var(--border-light)}.pst-step--done .pst-step-bar{background:var(--color-primary-300)}.pst-step--current .pst-step-bar{background:var(--color-primary-600)}.pst-step-label{margin-top:3px;font-size:10px;color:var(--color-gray-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pst-step--done .pst-step-label{color:var(--color-gray-500)}.pst-step--current .pst-step-label{color:var(--color-primary-800);font-weight:800}.pst-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 12px;margin-bottom:12px}.pst-info label{display:block;margin-bottom:2px;font-size:11.5px;font-weight:700;color:var(--color-gray-400)}.pst-info span{font-size:15px;font-weight:600;color:var(--color-gray-900);word-break:break-all}.pst-qty-row{display:flex;align-items:baseline;gap:12px;margin-bottom:10px;padding:10px 14px;border-radius:10px;background:var(--color-primary-50)}.pst-qty-row label{font-size:13px;font-weight:800;color:var(--color-primary-700)}.pst-qty{font-size:44px;font-weight:900;line-height:1;color:var(--color-primary-800)}.pst-items{margin-bottom:10px}.pst-items-head{margin-bottom:6px;font-size:13px;font-weight:800;color:var(--color-primary-700)}.pst-items-table{width:100%;border-collapse:collapse;font-size:14px}.pst-items-table th,.pst-items-table td{padding:7px 8px;border:1px solid var(--border-light);text-align:left;color:var(--color-gray-900)}.pst-items-table th{background:var(--color-primary-50);font-size:12px;font-weight:700;color:var(--color-primary-700)}.pst-items-qty{font-weight:800;color:var(--color-primary-800)}.pst-notes{padding:8px 12px;border:1px solid var(--color-warning-light);border-radius:8px;background:var(--color-warning-bg);color:var(--color-warning-text);font-size:14px}.pst-notes label{margin-right:8px;font-size:12px;font-weight:800;color:var(--color-warning-text)}.pst-markers-table{width:100%;border-collapse:collapse;font-size:13px;table-layout:fixed}.pst-markers-table th,.pst-markers-table td{padding:9px 10px;border-bottom:1px solid var(--color-gray-100);text-align:left;color:var(--color-gray-900);vertical-align:top;line-height:1.6;word-break:break-word;overflow-wrap:anywhere}.pst-markers-table th{background:var(--color-gray-50);font-size:11.5px;font-weight:700;letter-spacing:.02em;color:var(--color-gray-500);padding-top:7px;padding-bottom:7px;vertical-align:middle}.pst-markers-table tbody tr:last-child td{border-bottom:none}.pst-markers-table td.pst-c{vertical-align:middle}.pst-c{text-align:center!important}.pst-marker-no{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--color-error);color:#fff;font-size:12px;font-weight:800}.pst-markers-empty{padding:14px;border-radius:8px;background:var(--color-gray-50);color:var(--color-gray-400);font-size:13.5px;text-align:center}.pst-actions{display:flex;flex-direction:column;gap:10px}.pst-recent-list{display:flex;flex-wrap:wrap;gap:8px}.pst-recent-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border-medium);border-radius:10px;background:var(--bg-card);cursor:pointer;font-size:13.5px;transition:background .12s ease,border-color .12s ease}.pst-recent-chip:hover:not(:disabled){border-color:var(--color-primary-500);background:var(--color-primary-50)}.pst-recent-chip:disabled{opacity:.5;cursor:default}.pst-recent-no{font-family:Consolas,Courier New,monospace;font-size:14.5px;font-weight:800;color:var(--color-gray-900)}.pst-recent-stage{padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:700}.pst-recent-time{font-size:12px;color:var(--color-gray-400)}.pst-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#11182780}.pst-modal{display:flex;flex-direction:column;width:540px;max-width:100%;max-height:80vh;border-radius:14px;background:var(--bg-card);box-shadow:0 20px 50px #0000004d}.pst-modal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border-light)}.pst-modal-head h3{margin:0;font-size:16px;font-weight:800;color:var(--color-gray-900)}.pst-modal-close{padding:4px;border:none;border-radius:6px;background:none;color:var(--color-gray-500);cursor:pointer}.pst-modal-close:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.pst-modal-body{padding:14px 18px;overflow-y:auto}.pst-modal-desc{margin:0 0 12px;font-size:13px;color:var(--color-gray-500)}.pst-hist-list{display:flex;flex-direction:column;gap:8px}.pst-hist-item{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border-light);border-radius:10px}.pst-hist-info{display:flex;flex-direction:column;gap:2px;min-width:0}.pst-hist-title{font-size:14.5px;font-weight:700;color:var(--color-gray-900)}.pst-hist-meta{font-size:12px;color:var(--color-gray-400)}.pst-hist-empty{padding:24px;text-align:center;color:var(--color-gray-400);font-size:14px}.pst-cam-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 18px;border:2px solid rgba(255,255,255,.55);border-radius:10px;background:#ffffff24;color:#fff;font-size:16px;font-weight:800;cursor:pointer;transition:background .12s ease,border-color .12s ease}.pst-cam-btn:hover{background:#ffffff42;border-color:#fff}.pst-search-bar{display:flex;gap:8px}.pst-search-input{flex:1;min-width:0;min-height:48px;padding:10px 14px;border:1.5px solid var(--border-medium);border-radius:10px;outline:none;background:var(--bg-card);color:var(--color-gray-900);font-size:16px}.pst-search-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #c06a432e}.pst-search-btn{flex:none;min-height:48px;padding:10px 20px;font-size:15px}.pst-search-empty{margin-top:10px;padding:18px 14px;border-radius:8px;background:var(--color-gray-50);color:var(--color-gray-400);font-size:13.5px;text-align:center}.pst-search-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}.pst-search-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:1px solid var(--border-light);border-radius:10px;background:var(--bg-card);cursor:pointer;text-align:left;transition:background .12s ease,border-color .12s ease}.pst-search-row:hover:not(:disabled){border-color:var(--color-primary-500);background:var(--color-primary-50)}.pst-search-row:disabled{opacity:.6;cursor:default}.pst-search-main{flex:1;min-width:0;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.pst-search-no{font-family:Consolas,Courier New,monospace;font-size:17px;font-weight:800;color:var(--color-gray-900)}.pst-search-cust{font-size:14.5px;font-weight:700;color:var(--color-gray-700)}.pst-search-sub{font-size:12.5px;color:var(--color-gray-400)}.pst-search-meta{flex:none;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.pst-search-stage{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:800}.pst-search-qty{font-size:13.5px;font-weight:800;color:var(--color-gray-700)}.pst-search-due{font-size:12.5px;color:var(--color-gray-400)}.pst-search-go{flex:none;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;background:var(--color-primary-600);color:#fff;font-size:13.5px;font-weight:800}@media (max-width: 1100px){.pst-main{grid-template-columns:1fr}}@media (max-width: 640px){.pst-info-grid{grid-template-columns:repeat(2,1fr)}.pst-scanbar{flex-wrap:wrap}.pst-scan-input{font-size:17px}.pst-scan-input::placeholder{font-size:13px}.pst-cam-btn{width:100%}.pst-mgmt{font-size:24px}.pst-step-label{display:none}.pst-search-row{flex-wrap:wrap}.pst-search-go{margin-left:auto}}.wd-page{padding:16px 20px 40px;max-width:1180px;margin:0 auto;color:var(--color-gray-900)}.wd-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:260px;color:var(--color-gray-500)}.wd-error{color:var(--color-error);font-weight:600}.wd-spin{color:var(--color-primary-500);animation:wd-rotate 1s linear infinite}@keyframes wd-rotate{to{transform:rotate(360deg)}}.wd-topbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:12px;margin-bottom:16px;border-bottom:1px solid var(--border-light)}.wd-top-spacer{flex:1}.wd-mgmt{font-family:Consolas,Menlo,monospace;font-size:18px;font-weight:800;letter-spacing:.5px;color:var(--color-gray-800)}.wd-back{display:inline-flex;align-items:center;gap:5px;background:var(--color-gray-100);border:1px solid var(--border-light);border-radius:7px;padding:6px 11px;font-size:13px;color:var(--color-gray-700);cursor:pointer}.wd-back:hover{background:var(--border-light)}.wd-btn{display:inline-flex;align-items:center;gap:6px;background:var(--bg-card);border:1px solid var(--border-medium);border-radius:7px;padding:7px 13px;font-size:13px;color:var(--color-gray-700);cursor:pointer}.wd-btn:hover{background:var(--color-gray-50)}.wd-btn-primary{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.wd-btn-primary:hover{background:var(--color-primary-700)}.wd-btn-primary:disabled{opacity:.6;cursor:default}.wd-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12.5px;font-weight:700;background:var(--color-gray-100);color:var(--color-gray-600)}.wd-badge-status{background:var(--color-primary-50);color:var(--color-primary-text)}.wd-dday{background:var(--color-gray-100);color:var(--color-gray-700)}.wd-dday.urgent{background:var(--color-error-bg);color:var(--color-error-text)}.wd-badge-done{background:var(--color-success-bg);color:var(--color-success-text)}.wd-badge-todo{background:var(--color-gray-100);color:var(--color-gray-500)}.wd-badge-stock{background:var(--color-info-bg);color:var(--color-info-text)}.wd-badge-stlmt{background:var(--color-primary-50);color:var(--color-primary-text)}.wd-axes{display:grid;grid-template-columns:2fr 1.3fr 1fr;gap:14px;margin-bottom:18px}@media (max-width: 900px){.wd-axes{grid-template-columns:1fr}}.wd-axis-card,.wd-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:10px;padding:14px 16px;box-shadow:0 1px 2px #0000000a}.wd-axis-hd,.wd-card-hd{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--color-gray-700);margin-bottom:12px}.wd-count{font-weight:600;color:var(--color-gray-400);font-size:12px}.wd-stepper{display:flex;align-items:flex-start;gap:2px;flex-wrap:wrap}.wd-stepper-3{justify-content:flex-start}.wd-step{display:flex;flex-direction:column;align-items:center;gap:5px;flex:1;min-width:42px;position:relative}.wd-step:not(:last-child):after{content:"";position:absolute;top:12px;left:50%;width:100%;height:2px;background:var(--border-light);z-index:0}.wd-step.done:not(:last-child):after{background:var(--color-success-light)}.wd-step-dot{width:25px;height:25px;border-radius:50%;z-index:1;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--color-gray-400);background:var(--bg-card);border:2px solid var(--border-light)}.wd-step.done .wd-step-dot{background:var(--color-success);border-color:var(--color-success);color:#fff}.wd-step.active .wd-step-dot{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff}.wd-step.active .wd-step-dot-purchase{background:var(--color-warning);border-color:var(--color-warning)}.wd-step-label{font-size:11px;color:var(--color-gray-500);text-align:center;line-height:1.2}.wd-step.active .wd-step-label{color:var(--color-gray-900);font-weight:700}.wd-axis-single{display:flex;align-items:center;min-height:42px}.wd-two-col{display:grid;grid-template-columns:1.6fr 1fr;gap:14px;margin-bottom:18px}@media (max-width: 900px){.wd-two-col{grid-template-columns:1fr}}.wd-card{margin-bottom:18px}.wd-two-col .wd-card{margin-bottom:0}.wd-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.wd-info{display:flex;flex-direction:column;gap:3px}.wd-info-wide{grid-column:1 / -1}.wd-info label{font-size:11.5px;color:var(--color-gray-400);font-weight:600}.wd-info span{font-size:13.5px;color:var(--color-gray-800);word-break:break-word}.wd-strong{font-weight:800}.wd-mono{font-family:Consolas,Menlo,monospace}.wd-pre{white-space:pre-line}.wd-card-mockup .wd-mockup{display:flex;align-items:center;justify-content:center;min-height:160px;background:var(--color-gray-50);border:1px solid var(--color-gray-100);border-radius:8px}.wd-mockup img{max-width:100%;max-height:260px;border-radius:6px;cursor:zoom-in}.wd-mockup-empty{color:var(--color-gray-400);font-size:13px;padding:40px 0}.wd-mkgallery{display:flex;flex-direction:column;gap:14px}.wd-mkgroup{border:1px solid var(--border-light);border-radius:8px;padding:10px 12px;background:var(--color-gray-50)}.wd-mkgroup-hd{display:flex;align-items:center;gap:8px;margin-bottom:8px}.wd-mkgroup-target{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700;background:var(--color-primary-600);color:var(--on-accent, #fff)}.wd-mkgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.wd-mkcell{margin:0;display:flex;flex-direction:column;gap:4px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:6px;padding:6px;min-width:0}.wd-mkcell img{width:100%;height:110px;object-fit:contain;border-radius:4px;cursor:zoom-in;background:var(--color-gray-50)}.wd-mkcell-noimg{height:110px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--color-gray-400);background:var(--color-gray-50);border-radius:4px}.wd-mkcell figcaption{display:flex;flex-direction:column;gap:1px;min-width:0}.wd-mkcell-part{font-size:12px;font-weight:700;color:var(--color-gray-700)}.wd-mkcell-notes{font-size:11px;color:var(--color-gray-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wd-mockup-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:10px}.wd-mockup-meta-left{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wd-mockup-target{font-weight:700;font-size:13px;color:var(--color-gray-800)}.wd-mockup-badge{padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700}.wd-mockup-no{font-size:12px;color:var(--color-gray-400)}.wd-table-wrap{overflow-x:auto}.wd-table{width:100%;border-collapse:collapse;font-size:13px}.wd-table th,.wd-table td{border-bottom:1px solid var(--border-light);padding:8px 10px;text-align:left;white-space:nowrap}.wd-table thead th{background:var(--color-gray-50);color:var(--color-gray-500);font-weight:700;font-size:12px;border-bottom:1px solid var(--border-light)}.wd-table td.c,.wd-table th.c{text-align:center}.wd-table td.r,.wd-table th.r{text-align:right}.wd-table tbody tr:hover{background:var(--color-gray-50)}.wd-empty{text-align:center;color:var(--color-gray-400);padding:22px 0}.wd-tag{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11.5px;font-weight:700}.wd-tag-stock{background:var(--color-info-bg);color:var(--color-info-text)}.wd-tag-purchase{background:var(--color-warning-bg);color:var(--color-warning-text)}.wd-tag-add{background:var(--color-info-bg);color:var(--color-info-text)}.wd-tag-deduct{background:var(--color-warning-bg);color:var(--color-warning-text)}.wd-sub{color:var(--color-gray-400);font-size:12px;margin-left:6px}.wd-po{font-family:Consolas,Menlo,monospace;font-size:12.5px;color:var(--color-gray-700)}.wd-link{display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:0;cursor:pointer;color:var(--color-primary-600);font-weight:700;font-family:Consolas,Menlo,monospace;font-size:13px}.wd-link:hover{text-decoration:underline}.wd-pm-card{margin-bottom:18px}.wd-pm-card .wd-card-hd{flex-wrap:wrap}.wd-pm-actions{margin-left:auto;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.wd-pm-hint{font-size:11px;color:var(--color-gray-400)}.wd-btn-sm{padding:5px 10px!important;font-size:12px!important}.wd-pm-rail{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.wd-pm-thumb{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;width:76px;padding:5px 4px 6px;cursor:pointer;background:var(--bg-card);border:2px solid var(--border-light);border-radius:9px;transition:border-color .12s,background .12s}.wd-pm-thumb:hover{border-color:var(--color-gray-400)}.wd-pm-thumb.active{border-color:var(--color-primary-600);background:var(--color-primary-50)}.wd-pm-thumb img{width:62px;height:62px;object-fit:cover;border-radius:6px;display:block;background:var(--color-gray-50)}.wd-pm-thumb-noimg{width:62px;height:62px;border-radius:6px;background:var(--color-gray-50);display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--color-gray-400);text-align:center;line-height:1.3}.wd-pm-thumb-label{max-width:70px;font-size:10.5px;font-weight:700;color:var(--color-gray-600);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wd-pm-thumb.active .wd-pm-thumb-label{color:var(--color-primary-text, var(--color-gray-900))}.wd-pm-dot{position:absolute;top:3px;right:3px;width:8px;height:8px;border-radius:50%;background:var(--color-success);border:1.5px solid var(--bg-card)}.wd-pm-warn{background:var(--color-warning-bg);color:var(--color-warning-text);border-radius:7px;padding:8px 12px;font-size:12.5px;margin-bottom:10px}.wd-pm-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px;align-items:start}@media (max-width: 900px){.wd-pm-grid{grid-template-columns:1fr}}.wd-pm-stage{min-width:0}.wd-pm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:280px;background:var(--color-gray-50);border:1px dashed var(--border-medium);border-radius:10px;color:var(--color-gray-400);font-size:13.5px}.wd-pm-stagebar{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}.wd-pm-editbar{margin-left:auto;display:flex;align-items:center;gap:6px}.wd-pm-stage-notes{font-size:12px;color:var(--color-gray-600);white-space:pre-wrap;word-break:break-all}.wd-pm-side{min-width:0}.wd-pm-side-hd{display:flex;align-items:center;gap:5px;font-size:12.5px;font-weight:700;color:var(--color-gray-600);margin-bottom:8px}.wd-pm-side-hd2{margin-top:16px}.wd-pm-markers{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto}.wd-pm-markers-empty{color:var(--color-gray-400);font-size:12.5px;padding:14px 10px;text-align:center;background:var(--color-gray-50);border-radius:7px}.wd-pm-marker{display:flex;gap:8px;align-items:flex-start;background:var(--color-gray-50);border-radius:7px;padding:7px 9px}.wd-pm-marker-no{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:var(--color-error);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}.wd-pm-marker-info{display:flex;flex-direction:column;gap:2px;min-width:0}.wd-pm-marker-part{font-size:13px;font-weight:700;color:var(--color-gray-800)}.wd-pm-marker-sub{font-size:11.5px;color:var(--color-gray-500);word-break:break-all}.wd-modal.wd-modal-wide{max-width:520px}.wd-pm-hist-desc{font-size:12.5px;color:var(--color-gray-500);margin:0 0 12px}.wd-pm-hist-list{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto}.wd-pm-hist-item{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--color-gray-50);border-radius:8px;padding:9px 12px}.wd-pm-hist-info{display:flex;flex-direction:column;gap:2px;min-width:0}.wd-pm-hist-title{font-size:13px;font-weight:700;color:var(--color-gray-800)}.wd-pm-hist-meta{font-size:11.5px;color:var(--color-gray-500)}.wd-col-stack{display:flex;flex-direction:column;gap:14px}.wd-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0000006b;display:flex;align-items:center;justify-content:center;padding:20px}.wd-modal{background:var(--bg-card);border-radius:12px;width:100%;max-width:380px;box-shadow:0 20px 60px #00000047;overflow:hidden}.wd-modal-hd{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-light)}.wd-modal-hd h3{margin:0;font-size:15px;font-weight:700;color:var(--color-gray-800)}.wd-modal-x{background:none;border:none;cursor:pointer;color:var(--color-gray-500);padding:4px;border-radius:6px;display:inline-flex}.wd-modal-x:hover:not(:disabled){background:var(--color-gray-100);color:var(--color-gray-800)}.wd-modal-x:disabled{opacity:.5;cursor:default}.wd-modal-bd{padding:16px}.wd-modal-cur{font-size:13px;color:var(--color-gray-600);margin-bottom:14px}.wd-modal-label{display:block;font-size:12px;font-weight:600;color:var(--color-gray-500);margin-bottom:6px}.wd-modal-select{width:100%;padding:8px 10px;font-size:14px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);color:var(--color-gray-900)}.wd-modal-ft{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border-light)}.stl-page{padding:20px 24px 60px}.stl-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.stl-title{display:flex;align-items:center;gap:10px;color:var(--color-gray-900)}.stl-title h2{font-size:18px;font-weight:800;margin:0}.stl-title p{font-size:12.5px;color:var(--color-gray-500);margin:2px 0 0}.stl-header-acts{display:flex;gap:8px}.stl-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);font-size:13px;font-weight:600;color:var(--color-gray-700);cursor:pointer;transition:all .12s}.stl-btn:hover{background:var(--color-gray-100)}.stl-btn:disabled{opacity:.6;cursor:not-allowed}.stl-btn.primary{background:var(--color-info);border-color:var(--color-info);color:#fff}.stl-btn.primary:hover{background:var(--color-info-text)}.stl-btn.ok{background:var(--color-success);border-color:var(--color-success);color:#fff}.stl-btn.ok:hover{background:var(--color-success-text)}.stl-btn.danger{background:var(--bg-card);border-color:var(--color-error-light);color:var(--color-error-text)}.stl-btn.danger:hover{background:var(--color-error-bg)}.stl-spin{animation:stl-rotate 1s linear infinite}@keyframes stl-rotate{to{transform:rotate(360deg)}}.stl-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}.stl-tabs{display:flex;gap:4px;background:var(--color-gray-100);border-radius:10px;padding:3px}.stl-tab{padding:6px 16px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:600;color:var(--color-gray-500);cursor:pointer;transition:all .12s}.stl-tab.active{background:var(--bg-card);color:var(--color-gray-900);box-shadow:0 1px 3px #0000001f}.stl-main-tabs{display:flex;gap:6px;margin-bottom:14px;border-bottom:2px solid var(--border-light)}.stl-main-tab{padding:9px 20px;border:none;background:transparent;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:14px;font-weight:700;color:var(--color-gray-400);cursor:pointer;transition:all .12s}.stl-main-tab:hover{color:var(--color-gray-600)}.stl-main-tab.active{color:var(--color-info);border-bottom-color:var(--color-info)}.stl-purchase-note{margin:0 0 12px;padding:8px 12px;font-size:12px;color:var(--color-gray-500);line-height:1.5;background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:8px}.stl-purchase-note b{color:var(--color-gray-700)}.stl-link{background:none;border:none;padding:0;font-family:inherit;font-size:13px;font-weight:600;color:var(--color-info);cursor:pointer;text-decoration:underline}.stl-link:hover{color:var(--color-info-text)}.stl-unreflected{color:var(--color-gray-400);font-size:12px;font-weight:600}.stl-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.stl-date{padding:6px 9px;border:1px solid var(--border-medium);border-radius:8px;font-size:13px;background:var(--bg-card);color:var(--color-gray-700);outline:none}.stl-date-sep{color:var(--color-gray-400);font-size:12px}.stl-presets{display:flex;gap:4px}.stl-preset{padding:6px 11px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);font-size:12px;font-weight:600;color:var(--color-gray-500);cursor:pointer;transition:all .12s;white-space:nowrap}.stl-preset:hover{background:var(--color-gray-100)}.stl-preset.active{background:var(--color-primary-50);border-color:var(--color-primary-200);color:var(--color-primary-text)}.stl-search{padding:6px 10px;border:1px solid var(--border-medium);border-radius:8px;font-size:13px;background:var(--bg-card);color:var(--color-gray-700);outline:none;width:220px}.stl-search:focus{border-color:var(--color-info-light)}.stl-count{margin-left:auto;font-size:12.5px;color:var(--color-gray-500);white-space:nowrap}.stl-count b{color:var(--color-gray-900);font-size:13px}.stl-empty{padding:60px 20px;text-align:center;color:var(--color-gray-400);font-size:14px;background:var(--bg-card);border:1px dashed var(--border-medium);border-radius:12px}.stl-table-wrap{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;overflow-x:auto}.stl-table{width:100%;border-collapse:collapse;font-size:13px;min-width:1040px}.stl-table th{background:var(--color-gray-50);padding:calc(9px * var(--density, 1)) 12px;text-align:left;font-size:11.5px;font-weight:700;color:var(--color-gray-500);border-bottom:1px solid var(--border-light);white-space:nowrap}.stl-table td{padding:calc(9px * var(--density, 1)) 12px;border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700);vertical-align:middle}.stl-table tr:last-child td{border-bottom:none}.stl-table .r{text-align:right;font-variant-numeric:tabular-nums}.stl-row{cursor:pointer}.stl-row:hover td{background:var(--color-gray-50)}.stl-no{white-space:nowrap;font-weight:600;color:var(--color-gray-900)}.stl-subject{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stl-dt{white-space:nowrap;font-size:12px;color:var(--color-gray-500)}.stl-status{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap}.stl-reflected{display:inline-flex;align-items:center;gap:3px;margin-left:6px;padding:1px 8px;border-radius:999px;background:var(--color-success-bg);border:1px solid var(--color-success-light);color:var(--color-success-text);font-size:11px;font-weight:700;white-space:nowrap;vertical-align:middle}.stl-proc{font-size:12px;white-space:nowrap}.stl-reject-reason{display:inline-block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-error-text);font-size:12px}.stl-sub{font-size:11.5px;color:var(--color-gray-400)}.stl-acts{display:flex;gap:6px}.stl-acts .stl-btn{padding:4px 10px;font-size:12px}.stl-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1100}.stl-modal{background:var(--bg-card);border-radius:14px;width:92vw;max-width:420px;box-shadow:0 20px 60px #00000040;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.stl-modal.wide{max-width:860px}.stl-modal-hd{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-light);flex-shrink:0}.stl-modal-hd h3{font-size:15px;font-weight:700;margin:0;display:flex;align-items:center;gap:6px;color:var(--color-gray-900)}.stl-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:var(--color-gray-100);border-radius:8px;cursor:pointer;color:var(--color-gray-500)}.stl-close:hover{background:var(--border-light)}.stl-modal-body{padding:16px 18px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.stl-modal-ft{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--border-light);background:var(--color-gray-50);flex-shrink:0}.stl-form-row2{display:flex;gap:10px}.stl-form-row2>.stl-field{flex:1;min-width:0}.stl-field{display:flex;flex-direction:column;gap:5px}.stl-field label{font-size:12px;font-weight:600;color:var(--color-gray-700)}.stl-req{color:var(--color-error)}.stl-hint{font-weight:400;color:var(--color-gray-400);margin-left:4px}.stl-field input,.stl-field select,.stl-field textarea{padding:8px 10px;border:1px solid var(--border-medium);border-radius:8px;font-size:13px;outline:none;background:var(--bg-card);font-family:inherit}.stl-field input:focus,.stl-field select:focus,.stl-field textarea:focus{border-color:var(--color-primary-500)}.stl-field textarea{resize:vertical}.stl-picker{border:1px solid var(--border-light);border-radius:10px;max-height:220px;overflow-y:auto;overflow-x:auto}.stl-picker-empty{padding:20px 12px;text-align:center;color:var(--color-gray-400);font-size:12.5px}.stl-picker-table{width:100%;border-collapse:collapse;font-size:12.5px}.stl-picker-table th{position:sticky;top:0;z-index:1;background:var(--color-gray-50);padding:7px 10px;text-align:left;font-size:11px;font-weight:700;color:var(--color-gray-500);border-bottom:1px solid var(--border-light);white-space:nowrap}.stl-picker-table td{padding:6px 10px;border-bottom:1px solid var(--color-gray-100);vertical-align:middle}.stl-picker-table tr:last-child td{border-bottom:none}.stl-picker-table tbody tr{cursor:pointer}.stl-picker-table tbody tr:hover td{background:var(--color-gray-50)}.stl-picker-table tbody tr.picked td{background:var(--color-info-bg)}.stl-picker-table .r{text-align:right;font-variant-numeric:tabular-nums}.stl-picker-table .chk{width:32px;text-align:center}.stl-picker-table .chk input{cursor:pointer}.stl-opt{display:inline-block;margin-left:5px;padding:0 6px;background:var(--color-gray-100);border-radius:999px;font-size:11px;color:var(--color-gray-500);white-space:nowrap}.stl-items{border:1px solid var(--border-light);border-radius:10px;overflow-x:auto}.stl-items-none{padding:18px 12px;text-align:center;color:var(--color-gray-400);font-size:12.5px;background:var(--color-gray-50);border-bottom:1px solid var(--border-light)}.stl-items-table{width:100%;min-width:560px;border-collapse:collapse;font-size:13px}.stl-items-table th{background:var(--color-gray-50);padding:7px 10px;text-align:left;font-size:11.5px;font-weight:700;color:var(--color-gray-500);border-bottom:1px solid var(--border-light);white-space:nowrap}.stl-items-table td{padding:6px 8px;border-bottom:1px solid var(--color-gray-100);vertical-align:middle}.stl-items-table tr:last-child td{border-bottom:none}.stl-items-table .r{text-align:right;font-variant-numeric:tabular-nums}.stl-items-table .qty{width:90px}.stl-items-table .amt{width:120px}.stl-items-table .sum{width:110px;white-space:nowrap;font-weight:600;color:var(--color-gray-900)}.stl-items-table .del{width:36px;text-align:center}.stl-items-table input{width:100%;padding:6px 8px;border:1px solid var(--border-medium);border-radius:6px;font-size:13px;outline:none;box-sizing:border-box}.stl-items-table input:focus{border-color:var(--color-primary-500)}.stl-items-table input[type=number]{text-align:right;font-variant-numeric:tabular-nums}.stl-item-del{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--color-gray-400)}.stl-item-del:hover{background:var(--color-error-bg);color:var(--color-error-text)}.stl-items-ft{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--color-gray-50);border-top:1px solid var(--border-light)}.stl-items-cnt{font-size:12px;color:var(--color-gray-500)}.stl-items-total{font-size:13px;color:var(--color-gray-700)}.stl-items-total b{font-size:14px;color:var(--color-gray-900);margin-left:4px;font-variant-numeric:tabular-nums}.stl-submit-note{margin:0;padding:8px 10px;font-size:12px;color:var(--color-gray-500);line-height:1.5;background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:8px}.stl-detail-info{background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;font-size:13px}.stl-detail-info>div{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.stl-detail-info span{color:var(--color-gray-500);flex-shrink:0}.stl-detail-info b{text-align:right;word-break:break-all}.stl-items-table.view td{padding:8px 10px;color:var(--color-gray-700)}.stl-items-table.view{border:1px solid var(--border-light);border-radius:10px;overflow:hidden}.stl-items-table.view tfoot td{background:var(--color-gray-50);border-top:1px solid var(--border-light);font-weight:700;color:var(--color-gray-900)}.stl-items-empty{text-align:center;color:var(--color-gray-400);font-size:12.5px}.stl-history{background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:5px;font-size:13px}.stl-history>div{display:flex;justify-content:space-between;gap:16px}.stl-history span{color:var(--color-gray-500);flex-shrink:0}.stl-history b{text-align:right;word-break:break-all}.stl-history .reject b{color:var(--color-error-text)}@media (max-width: 768px){.stl-page{padding:12px 14px 60px}.stl-header{flex-direction:column;align-items:flex-start;gap:10px}.stl-form-row2{flex-direction:column}}.tir-page{padding:20px 24px 60px}.tir-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.tir-title{display:flex;align-items:center;gap:10px;color:var(--color-gray-900)}.tir-title h2{font-size:18px;font-weight:800;margin:0}.tir-title p{font-size:12.5px;color:var(--color-gray-500);margin:2px 0 0}.tir-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);font-size:13px;font-weight:600;color:var(--color-gray-700);cursor:pointer;transition:all .12s}.tir-btn:hover{background:var(--color-gray-100)}.tir-btn:disabled{opacity:.6;cursor:not-allowed}.tir-btn.ok{background:var(--color-success);border-color:var(--color-success);color:#fff}.tir-btn.ok:hover{background:var(--color-success)}.tir-btn.danger{background:var(--bg-card);border-color:var(--color-error-light);color:var(--color-error)}.tir-btn.danger:hover{background:var(--color-error-bg)}.tir-spin{animation:tir-rotate 1s linear infinite}@keyframes tir-rotate{to{transform:rotate(360deg)}}.tir-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}.tir-tabs{display:flex;gap:4px;background:var(--color-gray-100);border-radius:10px;padding:3px}.tir-tab{padding:6px 16px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:600;color:var(--color-gray-500);cursor:pointer;transition:all .12s}.tir-tab.active{background:var(--bg-card);color:var(--color-gray-900);box-shadow:0 1px 3px #0000001f}.tir-company{padding:7px 10px;border:1px solid var(--border-medium);border-radius:8px;font-size:13px;background:var(--bg-card);outline:none}.tir-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.tir-date{padding:6px 9px;border:1px solid var(--border-medium);border-radius:8px;font-size:13px;background:var(--bg-card);color:var(--color-gray-700);outline:none}.tir-date-sep{color:var(--color-gray-400);font-size:12px}.tir-presets{display:flex;gap:4px}.tir-preset{padding:6px 11px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);font-size:12px;font-weight:600;color:var(--color-gray-500);cursor:pointer;transition:all .12s;white-space:nowrap}.tir-preset:hover{background:var(--color-gray-100)}.tir-preset.active{background:var(--color-primary-50);border-color:var(--color-primary-200);color:var(--color-primary-700)}.tir-search{padding:6px 10px;border:1px solid var(--border-medium);border-radius:8px;font-size:13px;background:var(--bg-card);color:var(--color-gray-700);outline:none;width:240px}.tir-search:focus{border-color:var(--color-info-light)}.tir-count{margin-left:auto;font-size:12.5px;color:var(--color-gray-500);white-space:nowrap}.tir-count b{color:var(--color-gray-900);font-size:13px}.tir-empty{padding:60px 20px;text-align:center;color:var(--color-gray-400);font-size:14px;background:var(--bg-card);border:1px dashed var(--border-medium);border-radius:12px}.tir-table-wrap{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;overflow-x:auto}.tir-table{width:100%;border-collapse:collapse;font-size:13px;min-width:1000px}.tir-table th{background:var(--color-gray-50);padding:calc(9px * var(--density, 1)) 12px;text-align:left;font-size:11.5px;font-weight:700;color:var(--color-gray-500);border-bottom:1px solid var(--border-light);white-space:nowrap}.tir-table td{padding:calc(9px * var(--density, 1)) 12px;border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700);vertical-align:middle}.tir-table tr:last-child td{border-bottom:none}.tir-table .r{text-align:right;font-variant-numeric:tabular-nums}.tir-dt{white-space:nowrap;font-size:12px;color:var(--color-gray-500)}.tir-status{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap}.tir-link{border:none;background:none;padding:0;cursor:pointer;color:var(--color-info);font-weight:600;font-size:13px;text-decoration:underline}.tir-link:hover{color:var(--color-info)}.tir-acts{display:flex;gap:6px}.tir-acts .tir-btn{padding:4px 10px;font-size:12px}.tir-sub{font-size:11.5px;color:var(--color-gray-400);margin-top:2px}.tir-issue{font-size:12px}.tir-reject-reason{display:inline-block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-error);font-size:12px}.tir-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1100}.tir-modal{background:var(--bg-card);border-radius:14px;width:92vw;max-width:420px;box-shadow:0 20px 60px #00000040;overflow:hidden}.tir-modal-hd{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-light)}.tir-modal-hd h3{font-size:15px;font-weight:700;margin:0;display:flex;align-items:center;gap:6px;color:var(--color-gray-900)}.tir-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:var(--color-gray-100);border-radius:8px;cursor:pointer;color:var(--color-gray-500)}.tir-close:hover{background:var(--border-light)}.tir-modal-body{padding:16px 18px;display:flex;flex-direction:column;gap:12px}.tir-modal-info{background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;font-size:13px}.tir-modal-info>div{display:flex;justify-content:space-between}.tir-modal-info span{color:var(--color-gray-500)}.tir-field{display:flex;flex-direction:column;gap:5px}.tir-field label{font-size:12px;font-weight:600;color:var(--color-gray-700)}.tir-field input{padding:8px 10px;border:1px solid var(--border-medium);border-radius:8px;font-size:13px;outline:none}.tir-field input:focus{border-color:var(--color-primary-500)}.tir-modal-note{font-size:12px;color:var(--color-gray-500);margin:0}.tir-modal-ft{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--border-light);background:var(--color-gray-50)}@media (max-width: 768px){.tir-page{padding:12px 14px 60px}.tir-header{flex-direction:column;align-items:flex-start;gap:10px}}.expap-page{padding:20px 24px 60px}.expap-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.expap-title{display:flex;align-items:center;gap:10px;color:var(--color-gray-900)}.expap-title h2{font-size:18px;font-weight:800;margin:0}.expap-title p{font-size:12.5px;color:var(--color-gray-500);margin:2px 0 0}.expap-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);font-size:13px;font-weight:600;color:var(--color-gray-700);cursor:pointer;transition:all .12s}.expap-btn:hover{background:var(--color-gray-100)}.expap-btn:disabled{opacity:.6;cursor:not-allowed}.expap-btn.ok{background:var(--color-success);border-color:var(--color-success);color:#fff}.expap-btn.ok:hover{background:var(--color-success)}.expap-btn.danger{background:var(--bg-card);border-color:var(--color-error-light);color:var(--color-error)}.expap-btn.danger:hover{background:var(--color-error-bg)}.expap-spin{animation:expap-rotate 1s linear infinite}@keyframes expap-rotate{to{transform:rotate(360deg)}}.expap-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}.expap-tabs{display:flex;gap:4px;background:var(--color-gray-100);border-radius:10px;padding:3px}.expap-tab{padding:6px 16px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:600;color:var(--color-gray-500);cursor:pointer;transition:all .12s}.expap-tab.active{background:var(--bg-card);color:var(--color-gray-900);box-shadow:0 1px 3px #0000001f}.expap-company{padding:7px 10px;border:1px solid var(--border-medium);border-radius:8px;font-size:13px;background:var(--bg-card);outline:none}.expap-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.expap-date{padding:6px 9px;border:1px solid var(--border-medium);border-radius:8px;font-size:13px;background:var(--bg-card);color:var(--color-gray-700);outline:none}.expap-date-sep{color:var(--color-gray-400);font-size:12px}.expap-presets{display:flex;gap:4px}.expap-preset{padding:6px 11px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);font-size:12px;font-weight:600;color:var(--color-gray-500);cursor:pointer;transition:all .12s;white-space:nowrap}.expap-preset:hover{background:var(--color-gray-100)}.expap-preset.active{background:var(--color-primary-50);border-color:var(--color-primary-200);color:var(--color-primary-700)}.expap-search{padding:6px 10px;border:1px solid var(--border-medium);border-radius:8px;font-size:13px;background:var(--bg-card);color:var(--color-gray-700);outline:none;width:210px}.expap-search:focus{border-color:var(--color-info-light)}.expap-count{margin-left:auto;font-size:12.5px;color:var(--color-gray-500);white-space:nowrap}.expap-count b{color:var(--color-gray-900);font-size:13px}.expap-empty{padding:60px 20px;text-align:center;color:var(--color-gray-400);font-size:14px;background:var(--bg-card);border:1px dashed var(--border-medium);border-radius:12px}.expap-table-wrap{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;overflow-x:auto}.expap-table{width:100%;border-collapse:collapse;font-size:13px;min-width:1000px}.expap-table th{background:var(--color-gray-50);padding:calc(9px * var(--density, 1)) 12px;text-align:left;font-size:11.5px;font-weight:700;color:var(--color-gray-500);border-bottom:1px solid var(--border-light);white-space:nowrap}.expap-table td{padding:calc(9px * var(--density, 1)) 12px;border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700);vertical-align:middle}.expap-table tr:last-child td{border-bottom:none}.expap-table .r{text-align:right;font-variant-numeric:tabular-nums}.expap-no,.expap-dt{white-space:nowrap;font-size:12px;color:var(--color-gray-500)}.expap-status{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap}.expap-link{border:none;background:none;padding:0;cursor:pointer;color:var(--color-info);font-weight:600;font-size:13px;text-decoration:underline;text-align:left}.expap-link:hover{color:var(--color-info)}.expap-acts{display:flex;gap:6px}.expap-acts .expap-btn{padding:4px 10px;font-size:12px}.expap-proc{font-size:12px;white-space:nowrap}.expap-ledger-badge{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;background:var(--color-success-bg);color:var(--color-success-text);font-size:11px;font-weight:700;white-space:nowrap}.expap-reject-reason{display:inline-block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-error);font-size:12px}.expap-approver{white-space:nowrap}.expap-line{display:inline-flex;align-items:center;flex-wrap:wrap;gap:2px;font-size:12px}.expap-line-item{display:inline-flex;align-items:center;gap:2px}.expap-line-sep{color:var(--border-medium);margin:0 3px;font-size:11px}.expap-line-step{white-space:nowrap}.expap-line-step.wait{color:var(--color-gray-400)}.expap-line-step.cur{color:var(--color-gray-900);font-weight:700}.expap-line-step.ok{color:var(--color-success)}.expap-line-step.rej{color:var(--color-error)}.expap-mine-badge{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:999px;background:var(--color-warning-bg);color:var(--color-warning-text);border:1px solid var(--color-warning-bg);font-size:11px;font-weight:700;white-space:nowrap;vertical-align:middle}.expap-wait{display:inline-flex;align-items:center;align-self:center;color:var(--color-gray-500);font-size:12px;white-space:nowrap}.expap-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1100}.expap-modal{background:var(--bg-card);border-radius:14px;width:92vw;max-width:520px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040;overflow:hidden}.expap-modal-hd{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-light);flex-shrink:0}.expap-modal-hd h3{font-size:15px;font-weight:700;margin:0;display:flex;align-items:center;gap:6px;color:var(--color-gray-900)}.expap-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:var(--color-gray-100);border-radius:8px;cursor:pointer;color:var(--color-gray-500)}.expap-close:hover{background:var(--border-light)}.expap-modal-body{padding:16px 18px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.expap-modal-info{background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:10px;padding:10px 12px;display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;font-size:13px}.expap-modal-info>div{display:flex;justify-content:space-between;gap:8px}.expap-modal-info span{color:var(--color-gray-500);flex-shrink:0}.expap-modal-info b{text-align:right;word-break:break-all}.expap-appline{display:flex;flex-direction:column;gap:4px}.expap-appline>label{font-size:12px;font-weight:600;color:var(--color-gray-700)}.expap-appline-steps{display:flex;flex-direction:column;gap:6px}.expap-appline-step{display:flex;align-items:center;gap:10px;padding:8px 11px;border:1px solid var(--border-light);border-radius:10px;background:var(--color-gray-50);font-size:13px}.expap-appline-step.cur{background:var(--color-warning-bg);border-color:var(--color-warning-light)}.expap-appline-seq{flex-shrink:0;font-size:12px;font-weight:700;color:var(--color-gray-500);min-width:26px}.expap-appline-step.cur .expap-appline-seq{color:var(--color-warning-text)}.expap-appline-who{flex:1;font-weight:600;color:var(--color-gray-900);min-width:0}.expap-appline-who small{font-weight:500;color:var(--color-gray-500)}.expap-appline-turn{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;background:var(--color-warning-bg);color:var(--color-warning-text);border:1px solid var(--color-warning-bg);font-size:10.5px;font-weight:700;white-space:nowrap;vertical-align:middle}.expap-appline-st{flex-shrink:0;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.expap-appline-st.ok{background:var(--color-success-bg);color:var(--color-success-text)}.expap-appline-st.wait{background:var(--color-gray-100);color:var(--color-gray-500)}.expap-appline-st.rej{background:var(--color-error-bg);color:var(--color-error-text)}.expap-appline-at{flex-shrink:0;font-size:11.5px;color:var(--color-gray-400);white-space:nowrap}.expap-items-wrap{border:1px solid var(--border-light);border-radius:10px;overflow:hidden}.expap-items-table{width:100%;border-collapse:collapse;font-size:13px}.expap-items-table th{background:var(--color-gray-50);padding:7px 10px;text-align:left;font-size:11.5px;font-weight:700;color:var(--color-gray-500);border-bottom:1px solid var(--border-light);white-space:nowrap}.expap-items-table td{padding:7px 10px;border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700)}.expap-items-table .r{text-align:right;font-variant-numeric:tabular-nums}.expap-items-table tfoot td{background:var(--color-gray-50);border-top:1px solid var(--border-light);border-bottom:none;font-weight:700;color:var(--color-gray-900)}.expap-items-empty{text-align:center;color:var(--color-gray-400);font-size:12.5px}.expap-note{display:flex;flex-direction:column;gap:4px}.expap-note label{font-size:12px;font-weight:600;color:var(--color-gray-700)}.expap-note p{margin:0;padding:8px 10px;background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:8px;font-size:13px;color:var(--color-gray-700);white-space:pre-wrap}.expap-reject-box{background:var(--color-error-bg);border:1px solid var(--color-error-light);border-radius:10px;padding:10px 12px;font-size:13px;color:var(--color-error-text)}.expap-reject-box b{display:block;font-size:12px;margin-bottom:3px}.expap-reject-box p{margin:0;white-space:pre-wrap}.expap-modal-ft{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--border-light);background:var(--color-gray-50);flex-shrink:0}@media (max-width: 768px){.expap-page{padding:12px 14px 60px}.expap-header{flex-direction:column;align-items:flex-start;gap:10px}.expap-modal-info{grid-template-columns:1fr}}.ldg-page{padding:20px 24px 60px}.ldg-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.ldg-title{display:flex;align-items:center;gap:10px;color:var(--color-gray-900)}.ldg-title h2{font-size:18px;font-weight:800;margin:0}.ldg-title p{font-size:12.5px;color:var(--color-gray-500);margin:2px 0 0}.ldg-header-acts{display:flex;gap:6px;flex-wrap:wrap}.ldg-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);font-size:13px;font-weight:600;color:var(--color-gray-700);cursor:pointer;transition:all .12s;white-space:nowrap}.ldg-btn:hover{background:var(--color-gray-100)}.ldg-btn:disabled{opacity:.6;cursor:not-allowed}.ldg-btn.primary{background:var(--color-info);border-color:var(--color-info);color:#fff}.ldg-btn.primary:hover{background:var(--color-info)}.ldg-btn.danger{background:var(--bg-card);border-color:var(--color-error-light);color:var(--color-error)}.ldg-btn.danger:hover{background:var(--color-error-bg)}.ldg-btn.sm{padding:4px 9px;font-size:12px}.ldg-spin{animation:ldg-rotate 1s linear infinite}@keyframes ldg-rotate{to{transform:rotate(360deg)}}.ldg-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap}.ldg-tabs{display:flex;gap:4px;background:var(--color-gray-100);border-radius:10px;padding:3px}.ldg-tab{padding:6px 16px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:600;color:var(--color-gray-500);cursor:pointer;transition:all .12s}.ldg-tab.active{background:var(--bg-card);color:var(--color-gray-900);box-shadow:0 1px 3px #0000001f}.ldg-select{padding:7px 10px;border:1px solid var(--border-medium);border-radius:8px;font-size:13px;background:var(--bg-card);outline:none;max-width:200px}.ldg-range{display:flex;align-items:center;gap:5px;color:var(--color-gray-400);font-size:13px}.ldg-range input{padding:6px 8px;border:1px solid var(--border-medium);border-radius:8px;font-size:13px;background:var(--bg-card);outline:none}.ldg-search{padding:7px 12px;border:1px solid var(--border-medium);border-radius:8px;font-size:13px;outline:none;width:210px}.ldg-search:focus,.ldg-range input:focus,.ldg-select:focus{border-color:var(--color-primary-500)}.ldg-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.ldg-card{background:var(--bg-card);border:1px solid var(--border-light);border-top:3px solid var(--border-medium);border-radius:12px;padding:12px 16px}.ldg-card-hd{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--color-gray-500)}.ldg-card-val{font-size:21px;font-weight:800;color:var(--color-gray-900);margin-top:4px;font-variant-numeric:tabular-nums;white-space:nowrap}.ldg-card-unit{font-size:12px;font-weight:600;color:var(--color-gray-400);margin-left:3px}.ldg-card-sub{font-size:11.5px;color:var(--color-gray-400);margin-top:3px;font-variant-numeric:tabular-nums}.ldg-chart{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;padding:14px 16px 8px;margin-bottom:14px}.ldg-chart-hd{font-size:13px;font-weight:700;color:var(--color-gray-700);margin-bottom:8px}.ldg-count{font-size:12.5px;color:var(--color-gray-500);margin-bottom:6px}.ldg-empty{padding:60px 20px;text-align:center;color:var(--color-gray-400);font-size:14px;background:var(--bg-card);border:1px dashed var(--border-medium);border-radius:12px}.ldg-empty.slim{padding:30px 16px}.ldg-table-wrap{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;overflow-x:auto}.ldg-table{width:100%;border-collapse:collapse;font-size:13px;min-width:1050px}.ldg-table th{background:var(--color-gray-50);padding:calc(9px * var(--density, 1)) 12px;text-align:left;font-size:11.5px;font-weight:700;color:var(--color-gray-500);border-bottom:1px solid var(--border-light);white-space:nowrap}.ldg-table td{padding:calc(9px * var(--density, 1)) 12px;border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700);vertical-align:middle}.ldg-table tr:last-child td{border-bottom:none}.ldg-table .r{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.ldg-table .c{text-align:center;width:36px}.ldg-dt{white-space:nowrap;font-size:12px;color:var(--color-gray-500)}.ldg-desc{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ldg-proj{font-size:12px;color:var(--color-gray-500);white-space:nowrap}.ldg-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap}.ldg-acts{display:flex;gap:5px}.ldg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1100}.ldg-modal{background:var(--bg-card);border-radius:14px;width:92vw;max-width:560px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040;overflow:hidden}.ldg-modal.narrow{max-width:420px}.ldg-modal.wide{max-width:760px}.ldg-modal-hd{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-light);flex-shrink:0}.ldg-modal-hd h3{font-size:15px;font-weight:700;margin:0;display:flex;align-items:center;gap:6px;color:var(--color-gray-900)}.ldg-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:var(--color-gray-100);border-radius:8px;cursor:pointer;color:var(--color-gray-500)}.ldg-close:hover{background:var(--border-light)}.ldg-modal-body{padding:16px 18px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.ldg-modal-ft{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--border-light);background:var(--color-gray-50);flex-shrink:0}.ldg-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ldg-field{display:flex;flex-direction:column;gap:5px;min-width:0}.ldg-field label{font-size:12px;font-weight:600;color:var(--color-gray-700)}.ldg-field input,.ldg-field select{padding:8px 10px;border:1px solid var(--border-medium);border-radius:8px;font-size:13px;outline:none;background:var(--bg-card);width:100%}.ldg-field input:focus,.ldg-field select:focus{border-color:var(--color-primary-500)}.ldg-field input.ldg-readonly{background:var(--color-gray-50);color:var(--color-gray-500);font-weight:700}.ldg-partner-input{margin-top:5px}.ldg-amount-row{display:flex;gap:5px;align-items:center}.ldg-amount-row input{flex:1;min-width:0}.ldg-mini-btn{padding:7px 8px;border:1px solid var(--border-medium);border-radius:8px;background:var(--color-gray-50);font-size:11.5px;font-weight:600;color:var(--color-gray-600);cursor:pointer;white-space:nowrap;flex-shrink:0}.ldg-mini-btn:hover{background:var(--color-gray-100)}.ldg-notice{margin:0;padding:9px 12px;border-radius:8px;background:var(--color-warning-bg);border:1px solid var(--color-warning-bg);font-size:12.5px;color:var(--color-warning-text);line-height:1.5}.ldg-modal-info{background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;font-size:13px}.ldg-modal-info>div{display:flex;justify-content:space-between;gap:12px}.ldg-modal-info span{color:var(--color-gray-500);flex-shrink:0}.ldg-modal-info b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ldg-import-wrap{border:1px solid var(--border-light);border-radius:10px;overflow:auto;max-height:46vh}.ldg-import-wrap .ldg-table{min-width:640px}.ldg-import-row{cursor:pointer}.ldg-import-row:hover td{background:var(--color-gray-50)}.ldg-import-count{margin-right:auto;font-size:12.5px;color:var(--color-gray-500)}.ldg-viewtabs{display:flex;gap:6px;margin-bottom:12px}.ldg-viewtab{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border:1px solid var(--border-medium);border-radius:10px;background:var(--bg-card);font-size:13.5px;font-weight:700;color:var(--color-gray-500);cursor:pointer;transition:all .12s}.ldg-viewtab:hover{background:var(--color-gray-100)}.ldg-viewtab.active{background:var(--color-primary-600);border-color:var(--color-primary-600);color:var(--on-accent, #fff)}.ldg-settle-row{cursor:pointer}.ldg-settle-row:hover td{background:var(--color-gray-50)}.ldg-pay-form{display:grid;grid-template-columns:132px 1fr 104px 1fr auto;gap:8px;align-items:end;padding:10px 12px;background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:10px}.ldg-paytable{min-width:520px}.ldg-modal.xwide{max-width:1150px}.ldg-bulk-bar{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.ldg-bulk-bar .ldg-field{min-width:118px;flex:0 1 auto}.ldg-bulk-wrap{border:1px solid var(--border-light);border-radius:10px;overflow:auto;max-height:48vh}.ldg-bulk-table{width:100%;border-collapse:collapse;font-size:12.5px;min-width:1040px}.ldg-bulk-table th{position:sticky;top:0;z-index:1;background:var(--color-gray-50);padding:8px 6px;text-align:left;font-size:11.5px;font-weight:700;color:var(--color-gray-500);border-bottom:1px solid var(--border-light);white-space:nowrap}.ldg-bulk-table td{padding:3px 4px;border-bottom:1px solid var(--color-gray-100);vertical-align:middle}.ldg-bulk-table input,.ldg-bulk-table select{width:100%;padding:6px 8px;border:1px solid var(--border-medium);border-radius:6px;font-size:12.5px;background:var(--bg-card);outline:none}.ldg-bulk-table input:focus,.ldg-bulk-table select:focus{border-color:var(--color-primary-500)}.ldg-bulk-table .rownum{width:34px;text-align:center;color:var(--color-gray-400);font-size:11.5px}.ldg-bulk-table .ty{width:76px}.ldg-bulk-table .co{width:130px}.ldg-bulk-table .pj{width:110px}.ldg-bulk-table .cust{width:140px}.ldg-bulk-table .amt{width:104px}.ldg-bulk-table .st{width:72px}.ldg-bulk-table .del{width:34px;text-align:center}.ldg-item-del{border:none;background:transparent;color:var(--color-gray-400);cursor:pointer;padding:4px;border-radius:6px;display:inline-flex}.ldg-item-del:hover:not(:disabled){background:var(--color-error-bg);color:var(--color-error)}.ldg-item-del:disabled{opacity:.4;cursor:not-allowed}.ldg-bulk-ft{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.ldg-bulk-addrow{display:flex;gap:6px}.ldg-bulk-summary{font-size:12.5px;color:var(--color-gray-500)}.ldg-bulk-summary b{color:var(--color-gray-900)}@media (max-width: 1100px){.ldg-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.ldg-page{padding:12px 14px 60px}.ldg-header{flex-direction:column;align-items:flex-start}.ldg-cards{grid-template-columns:1fr}.ldg-search{width:100%}.ldg-row2{grid-template-columns:1fr}.ldg-pay-form{grid-template-columns:1fr 1fr}}.pnl-page{padding:20px 24px 60px}.pnl-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.pnl-title{display:flex;align-items:center;gap:10px;color:var(--color-gray-900)}.pnl-title h2{font-size:18px;font-weight:800;margin:0}.pnl-title p{font-size:12.5px;color:var(--color-gray-500);margin:2px 0 0}.pnl-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.pnl-company{padding:7px 10px;border:1px solid var(--border-medium);border-radius:8px;font-size:13px;background:var(--bg-card);outline:none}.pnl-presets{display:flex;gap:4px;background:var(--color-gray-100);border-radius:10px;padding:3px}.pnl-preset{padding:6px 14px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:600;color:var(--color-gray-500);cursor:pointer;transition:all .12s;white-space:nowrap}.pnl-preset.active{background:var(--bg-card);color:var(--color-gray-900);box-shadow:0 1px 3px #0000001f}.pnl-dates{display:flex;align-items:center;gap:6px}.pnl-dates input{padding:6px 9px;border:1px solid var(--border-medium);border-radius:8px;font-size:13px;background:var(--bg-card);outline:none}.pnl-dates input:focus{border-color:var(--color-primary-500)}.pnl-tilde{color:var(--color-gray-400);font-size:13px}.pnl-btn{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:7px 14px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);font-size:13px;font-weight:600;color:var(--color-gray-700);cursor:pointer;transition:all .12s}.pnl-btn:hover{background:var(--color-gray-100)}.pnl-btn:disabled{opacity:.6;cursor:not-allowed}.pnl-spin{animation:pnl-rotate 1s linear infinite}@keyframes pnl-rotate{to{transform:rotate(360deg)}}.pnl-empty{padding:60px 20px;text-align:center;color:var(--color-gray-400);font-size:14px;background:var(--bg-card);border:1px dashed var(--border-medium);border-radius:12px}.pnl-pos{color:var(--color-success)}.pnl-neg{color:var(--color-error)}.pnl-zero{color:var(--color-gray-500)}.pnl-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:16px}.pnl-card{background:var(--bg-card);border:1px solid var(--border-light);border-top:3px solid var(--border-medium);border-radius:12px;padding:16px 18px 14px}.pnl-card.blue{border-top-color:var(--color-info)}.pnl-card.orange{border-top-color:var(--color-warning)}.pnl-card.profit.pnl-pos{border-top-color:var(--color-success)}.pnl-card.profit.pnl-neg{border-top-color:var(--color-error)}.pnl-card.profit.pnl-zero{border-top-color:var(--color-gray-500)}.pnl-card.gray{border-top-color:var(--color-gray-400);background:var(--color-gray-50)}.pnl-card-label{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--color-gray-500);margin-bottom:8px}.pnl-card.blue .pnl-card-label{color:var(--color-info)}.pnl-card.orange .pnl-card-label{color:var(--color-warning-text)}.pnl-card-value{font-size:26px;font-weight:800;color:var(--color-gray-900);line-height:1.15;font-variant-numeric:tabular-nums;word-break:keep-all}.pnl-card-value.pnl-pos{color:var(--color-success)}.pnl-card-value.pnl-neg{color:var(--color-error)}.pnl-card-value.pnl-zero{color:var(--color-gray-500)}.pnl-card-profit{font-weight:900}.pnl-card-sub{font-size:12px;color:var(--color-gray-400);margin-top:6px}.pnl-panel{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;padding:16px 18px;margin-bottom:16px}.pnl-panel-hd{font-size:14px;font-weight:700;color:var(--color-gray-900);margin-bottom:10px}.pnl-tooltip{background:var(--bg-card);border:1px solid var(--border-light);border-radius:10px;box-shadow:0 6px 20px #0000001f;padding:10px 12px;font-size:12.5px;color:var(--color-gray-700)}.pnl-tooltip-title{font-weight:700;color:var(--color-gray-900);margin-bottom:6px}.pnl-tooltip-row{display:flex;align-items:center;gap:6px;margin-top:3px;font-variant-numeric:tabular-nums}.pnl-tooltip-row b{margin-left:auto;padding-left:14px}.pnl-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto;display:inline-block}.pnl-group{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;margin-bottom:12px;overflow:hidden}.pnl-group-hd{display:flex;align-items:center;gap:10px;width:100%;padding:13px 16px;border:none;background:var(--bg-card);text-align:left;cursor:pointer;transition:background .12s;flex-wrap:wrap}.pnl-group-hd:hover{background:var(--color-gray-50)}.pnl-group-hd.static{cursor:default}.pnl-group-hd.static:hover{background:var(--bg-card)}.pnl-chev{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:var(--color-gray-100);color:var(--color-gray-500);flex:0 0 auto}.pnl-group-name{font-size:15px;font-weight:700;color:var(--color-gray-900)}.pnl-group-count{font-size:12px;color:var(--color-gray-400)}.pnl-group-stats{display:flex;align-items:center;gap:18px;margin-left:auto;flex-wrap:wrap}.pnl-stat{display:inline-flex;align-items:baseline;gap:6px;font-size:13.5px;font-weight:600;color:var(--color-gray-700);font-variant-numeric:tabular-nums}.pnl-stat em{font-style:normal;font-size:11.5px;font-weight:600;color:var(--color-gray-400)}.pnl-stat-profit{font-size:17px;font-weight:800}.pnl-stat-profit.pnl-pos{color:var(--color-success)}.pnl-stat-profit.pnl-neg{color:var(--color-error)}.pnl-stat-profit.pnl-zero{color:var(--color-gray-500)}.pnl-noproj{padding:18px 16px;font-size:13px;color:var(--color-gray-400);border-top:1px solid var(--color-gray-100)}.pnl-table-wrap{border-top:1px solid var(--border-light);overflow-x:auto}.pnl-table{width:100%;border-collapse:collapse;font-size:13px;min-width:640px}.pnl-table th{background:var(--color-gray-50);padding:8px 14px;text-align:left;font-size:11.5px;font-weight:700;color:var(--color-gray-500);border-bottom:1px solid var(--border-light);white-space:nowrap}.pnl-table td{padding:9px 14px;border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700);vertical-align:middle}.pnl-table tbody tr:last-child td{border-bottom:none}.pnl-table .r{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.pnl-table .pnl-strong{font-weight:700}.pnl-pname{font-weight:600;color:var(--color-gray-900)}.pnl-table tfoot td{background:var(--color-gray-50);border-top:1px solid var(--border-light);border-bottom:none;font-weight:700;color:var(--color-gray-900)}.pnl-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap}.pnl-unclassified,.pnl-unclassified .pnl-group-hd,.pnl-unclassified .pnl-group-hd:hover{background:var(--color-gray-50)}.pnl-note{margin:0;padding:0 16px 13px;font-size:12px;color:var(--color-gray-400)}@media (max-width: 768px){.pnl-page{padding:12px 14px 60px}.pnl-header{flex-direction:column;align-items:flex-start;gap:10px}.pnl-btn{margin-left:0}.pnl-card-value{font-size:22px}.pnl-group-stats{margin-left:32px;width:100%}}.exp-page{padding:20px 24px 90px}.exp-table .exp-ck{width:34px;text-align:center}.exp-table .exp-ck input[type=checkbox]{cursor:pointer;accent-color:var(--color-primary-600)}.exp-bulk-doclist{margin-bottom:14px;border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--color-gray-50)}.exp-bulk-doclist-hd{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 12px;font-size:12.5px;font-weight:600;color:var(--color-gray-800);border-bottom:1px solid var(--border-light)}.exp-bulk-doclist-note{font-weight:400;color:var(--color-gray-500)}.exp-bulk-doclist ul{list-style:none;margin:0;padding:4px 0;max-height:180px;overflow-y:auto}.exp-bulk-doclist li{display:flex;align-items:center;gap:10px;padding:4px 12px;font-size:12.5px;color:var(--color-gray-700)}.exp-bulk-doclist li .exp-bulk-doclist-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exp-bulk-doclist li b{font-variant-numeric:tabular-nums}.exp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.exp-title{display:flex;align-items:center;gap:10px;color:var(--color-gray-900)}.exp-title h2{font-size:18px;font-weight:800;margin:0}.exp-title p{font-size:12.5px;color:var(--color-gray-500);margin:2px 0 0}.exp-header-acts{display:flex;gap:8px;flex-wrap:wrap}.exp-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);font-size:13px;font-weight:600;color:var(--color-gray-700);cursor:pointer;transition:all .12s}.exp-btn:hover{background:var(--color-gray-100)}.exp-btn:disabled{opacity:.6;cursor:not-allowed}.exp-btn.primary{background:var(--color-info);border-color:var(--color-info);color:#fff}.exp-btn.primary:hover{background:var(--color-info)}.exp-btn.ok{background:var(--color-success);border-color:var(--color-success);color:#fff}.exp-btn.ok:hover{background:var(--color-success)}.exp-btn.danger{background:var(--bg-card);border-color:var(--color-error-light);color:var(--color-error)}.exp-btn.danger:hover{background:var(--color-error-bg)}.exp-btn.sm{padding:5px 10px;font-size:12px}.exp-spin{animation:exp-rotate 1s linear infinite}@keyframes exp-rotate{to{transform:rotate(360deg)}}.exp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}.exp-tabs{display:flex;gap:4px;background:var(--color-gray-100);border-radius:10px;padding:3px}.exp-tab{padding:6px 16px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:600;color:var(--color-gray-500);cursor:pointer;transition:all .12s}.exp-tab.active{background:var(--bg-card);color:var(--color-gray-900);box-shadow:0 1px 3px #0000001f}.exp-viewmode .exp-tab.active{background:var(--color-primary-600);color:var(--on-accent, #fff);box-shadow:none}.exp-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.exp-date{padding:6px 9px;border:1px solid var(--border-medium);border-radius:8px;font-size:13px;background:var(--bg-card);color:var(--color-gray-700);outline:none}.exp-date-sep{color:var(--color-gray-400);font-size:12px}.exp-presets{display:flex;gap:4px}.exp-preset{padding:6px 11px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);font-size:12px;font-weight:600;color:var(--color-gray-500);cursor:pointer;transition:all .12s;white-space:nowrap}.exp-preset:hover{background:var(--color-gray-100)}.exp-preset.active{background:var(--color-primary-50);border-color:var(--color-primary-200);color:var(--color-primary-700)}.exp-search{padding:6px 10px;border:1px solid var(--border-medium);border-radius:8px;font-size:13px;background:var(--bg-card);color:var(--color-gray-700);outline:none;width:210px}.exp-search:focus{border-color:var(--color-info-light)}.exp-count{margin-left:auto;font-size:12.5px;color:var(--color-gray-500);white-space:nowrap}.exp-count b{color:var(--color-gray-900);font-size:13px}.exp-empty{padding:60px 20px;text-align:center;color:var(--color-gray-400);font-size:14px;background:var(--bg-card);border:1px dashed var(--border-medium);border-radius:12px}.exp-table-wrap{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;overflow-x:auto}.exp-table{width:100%;border-collapse:collapse;font-size:13px;min-width:1000px}.exp-table th{background:var(--color-gray-50);padding:calc(9px * var(--density, 1)) 12px;text-align:left;font-size:11.5px;font-weight:700;color:var(--color-gray-500);border-bottom:1px solid var(--border-light);white-space:nowrap}.exp-table td{padding:calc(9px * var(--density, 1)) 12px;border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700);vertical-align:middle}.exp-table tr:last-child td{border-bottom:none}.exp-table .r{text-align:right;font-variant-numeric:tabular-nums}.exp-row{cursor:pointer}.exp-row:hover td{background:var(--color-gray-50)}.exp-no{white-space:nowrap;font-weight:600;color:var(--color-gray-900)}.exp-subject{max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exp-dt{white-space:nowrap;font-size:12px;color:var(--color-gray-500)}.exp-status{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap}.exp-reflected{display:inline-flex;align-items:center;gap:3px;margin-left:6px;padding:1px 8px;border-radius:999px;background:var(--color-success-bg);border:1px solid var(--color-success-bg);color:var(--color-success);font-size:11px;font-weight:700;white-space:nowrap;vertical-align:middle}.exp-proc{font-size:12px;white-space:nowrap}.exp-reject-reason{display:inline-block;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-error);font-size:12px}.exp-sub{font-size:11.5px;color:var(--color-gray-400)}.exp-approver{display:block;margin-top:2px;font-size:11.5px;color:var(--color-gray-500)}.exp-acts{display:flex;gap:6px}.exp-acts .exp-btn{padding:4px 10px;font-size:12px}.exp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1100}.exp-modal{background:var(--bg-card);border-radius:14px;width:92vw;max-width:420px;box-shadow:0 20px 60px #00000040;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.exp-modal.wide{max-width:640px}.exp-modal.xwide{max-width:1040px}.exp-modal-hd{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-light);flex-shrink:0}.exp-modal-hd h3{font-size:15px;font-weight:700;margin:0;display:flex;align-items:center;gap:6px;color:var(--color-gray-900)}.exp-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:var(--color-gray-100);border-radius:8px;cursor:pointer;color:var(--color-gray-500)}.exp-close:hover{background:var(--border-light)}.exp-modal-body{padding:16px 18px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.exp-modal-ft{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--border-light);background:var(--color-gray-50);flex-shrink:0}.exp-form-row2{display:flex;gap:10px}.exp-form-row2>.exp-field{flex:1;min-width:0}.exp-form-row2>.exp-field.grow{flex:2}.exp-field{display:flex;flex-direction:column;gap:5px}.exp-field label{font-size:12px;font-weight:600;color:var(--color-gray-700)}.exp-req{color:var(--color-error)}.exp-field input,.exp-field select,.exp-field textarea{padding:8px 10px;border:1px solid var(--border-medium);border-radius:8px;font-size:13px;outline:none;background:var(--bg-card);font-family:inherit}.exp-field input:focus,.exp-field select:focus,.exp-field textarea:focus{border-color:var(--color-primary-500)}.exp-field textarea{resize:vertical}.exp-items{border:1px solid var(--border-light);border-radius:10px;overflow-x:auto;overflow-y:visible}.exp-items-table{width:100%;border-collapse:collapse;font-size:13px;min-width:560px}.exp-items-table th{background:var(--color-gray-50);padding:7px 10px;text-align:left;font-size:11.5px;font-weight:700;color:var(--color-gray-500);border-bottom:1px solid var(--border-light);white-space:nowrap}.exp-items-table td{padding:6px 8px;border-bottom:1px solid var(--color-gray-100);vertical-align:middle}.exp-items-table tr:last-child td{border-bottom:none}.exp-items-table .amt{width:130px}.exp-items-table .cust{width:160px}.exp-items-table .del{width:36px;text-align:center}.exp-items-table input{width:100%;padding:6px 8px;border:1px solid var(--border-medium);border-radius:6px;font-size:13px;outline:none;box-sizing:border-box}.exp-items-table input:focus{border-color:var(--color-primary-500)}.exp-items-table input[type=number]{text-align:right;font-variant-numeric:tabular-nums}.exp-item-del{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--color-gray-400)}.exp-item-del:hover{background:var(--color-error-bg);color:var(--color-error)}.exp-item-del:disabled{opacity:.35;cursor:not-allowed}.exp-items-ft{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--color-gray-50);border-top:1px solid var(--border-light)}.exp-items-total{font-size:13px;color:var(--color-gray-700)}.exp-items-total b{font-size:14px;color:var(--color-gray-900);margin-left:4px;font-variant-numeric:tabular-nums}.exp-bulk-note{margin:0;padding:8px 10px;font-size:12px;color:var(--color-gray-500);line-height:1.5;background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:8px}.exp-bulk-note b{color:var(--color-gray-700)}.exp-bulk-bar{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;padding:10px 12px;background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:10px}.exp-bulk-bar .exp-field{gap:4px}.exp-bulk-bar .exp-field input,.exp-bulk-bar .exp-field select{min-width:150px}.exp-bulk-bar>.exp-btn{margin-bottom:1px}.exp-bulk-wrap{border:1px solid var(--border-light);border-radius:10px;overflow-x:auto}.exp-bulk-table{width:100%;border-collapse:collapse;font-size:13px;min-width:900px}.exp-bulk-table th{background:var(--color-gray-50);padding:7px 8px;text-align:left;font-size:11.5px;font-weight:700;color:var(--color-gray-500);border-bottom:1px solid var(--border-light);white-space:nowrap;position:sticky;top:0;z-index:1}.exp-bulk-table td{padding:5px 6px;border-bottom:1px solid var(--color-gray-100);vertical-align:middle}.exp-bulk-table tr:last-child td{border-bottom:none}.exp-bulk-table .rownum{width:30px;text-align:center;color:var(--color-gray-400);font-size:12px}.exp-bulk-table .co,.exp-bulk-table .pj{width:150px}.exp-bulk-table .cust{width:160px}.exp-bulk-table .amt{width:120px}.exp-bulk-table .nt{width:150px}.exp-bulk-table .del{width:36px;text-align:center}.exp-bulk-table input,.exp-bulk-table select{width:100%;padding:6px 8px;border:1px solid var(--border-medium);border-radius:6px;font-size:13px;outline:none;box-sizing:border-box;background:var(--bg-card);font-family:inherit;color:var(--color-gray-800)}.exp-bulk-table input:focus,.exp-bulk-table select:focus{border-color:var(--color-primary-500)}.exp-bulk-table input[type=number]{text-align:right;font-variant-numeric:tabular-nums}.exp-bulk-ft{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:2px}.exp-bulk-addrow{display:flex;gap:6px}.exp-bulk-summary{font-size:13px;color:var(--color-gray-600)}.exp-bulk-summary b{color:var(--color-gray-900);font-size:14px;margin:0 2px;font-variant-numeric:tabular-nums}.exp-submit-note{margin:0;padding:8px 10px;font-size:12px;color:var(--color-gray-500);line-height:1.5;background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:8px}.exp-line-add{display:flex;gap:8px}.exp-line-add select{flex:1;min-width:0}.exp-line-add .exp-btn{flex-shrink:0}.exp-line-empty{padding:14px 10px;text-align:center;color:var(--color-gray-400);font-size:12.5px;background:var(--color-gray-50);border:1px dashed var(--border-medium);border-radius:8px}.exp-line-list{display:flex;flex-direction:column;gap:4px}.exp-line-row{display:flex;align-items:center;gap:8px;padding:5px 8px;background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:8px;font-size:13px}.exp-line-row .exp-line-name{font-weight:600;color:var(--color-gray-900)}.exp-line-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-gray-700)}.exp-line-seq{flex-shrink:0;font-weight:700;font-size:11px;color:var(--color-gray-500);background:var(--color-gray-100);border:1px solid var(--border-light);border-radius:999px;padding:1px 8px;white-space:nowrap}.exp-line-ctl{display:flex;gap:2px;flex-shrink:0}.exp-line-ctl button{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-medium);background:var(--bg-card);border-radius:6px;cursor:pointer;color:var(--color-gray-500);font-size:10px;padding:0}.exp-line-ctl button:hover{background:var(--color-gray-100)}.exp-line-ctl button:disabled{opacity:.35;cursor:not-allowed}.exp-line-ctl button.del{border-color:var(--color-error-light);color:var(--color-error)}.exp-line-ctl button.del:hover:not(:disabled){background:var(--color-error-bg)}.exp-line-progress{display:block;font-size:12px;font-weight:600;color:var(--color-info)}.exp-line-steps{display:flex;flex-direction:column;gap:4px}.exp-history>.exp-line-steps{flex-direction:column;justify-content:flex-start;gap:4px}.exp-line-step{display:flex;align-items:center;gap:8px;padding:5px 8px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;font-size:12.5px}.exp-line-status{flex-shrink:0;font-weight:700;white-space:nowrap;font-size:12px}.exp-line-step.wait .exp-line-status{color:var(--color-gray-400)}.exp-line-step.ok{border-color:var(--color-success-bg);background:var(--color-success-bg)}.exp-line-step.ok .exp-line-status{color:var(--color-success)}.exp-line-step.rej{border-color:var(--color-error-light);background:var(--color-error-bg)}.exp-line-step.rej .exp-line-status{color:var(--color-error)}.exp-detail-info{background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;font-size:13px}.exp-detail-info>div{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.exp-detail-info span{color:var(--color-gray-500);flex-shrink:0}.exp-detail-info b{text-align:right;word-break:break-all}.exp-items-table.view td{padding:8px 10px;color:var(--color-gray-700)}.exp-items-table.view{border:1px solid var(--border-light);border-radius:10px;overflow:hidden}.exp-items-table.view tfoot td{background:var(--color-gray-50);border-top:1px solid var(--border-light);font-weight:700;color:var(--color-gray-900)}.exp-items-empty{text-align:center;color:var(--color-gray-400);font-size:12.5px}.exp-history{background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:5px;font-size:13px}.exp-history>div{display:flex;justify-content:space-between;gap:16px}.exp-history span{color:var(--color-gray-500);flex-shrink:0}.exp-history .reject b{color:var(--color-error);text-align:right;word-break:break-all}@media (max-width: 768px){.exp-page{padding:12px 14px 90px}.exp-header{flex-direction:column;align-items:flex-start;gap:10px}.exp-form-row2{flex-direction:column}}.pjm-page{padding:20px 24px 60px}.pjm-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.pjm-title{display:flex;align-items:center;gap:10px;color:var(--color-gray-900)}.pjm-title h2{font-size:18px;font-weight:800;margin:0}.pjm-title p{font-size:12.5px;color:var(--color-gray-500);margin:2px 0 0}.pjm-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);font-size:13px;font-weight:600;color:var(--color-gray-700);cursor:pointer;transition:all .12s}.pjm-btn:hover{background:var(--color-gray-100)}.pjm-btn:disabled{opacity:.6;cursor:not-allowed}.pjm-btn.primary{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.pjm-btn.primary:hover{background:var(--color-primary-700)}.pjm-btn.sm{padding:5px 10px;font-size:12px}.pjm-spin{animation:pjm-rotate 1s linear infinite}@keyframes pjm-rotate{to{transform:rotate(360deg)}}.pjm-layout{display:flex;gap:16px;align-items:flex-start}.pjm-groups{width:280px;flex-shrink:0;background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;overflow:hidden}.pjm-panel-hd{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:11px 14px;border-bottom:1px solid var(--border-light);background:var(--color-gray-50)}.pjm-panel-label{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--color-gray-700)}.pjm-total{color:var(--color-primary-600);font-weight:700}.pjm-group-list{padding:8px;display:flex;flex-direction:column;gap:2px}.pjm-group-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:transparent;border-radius:8px;font-size:13px;color:var(--color-gray-700);cursor:pointer;text-align:left;transition:background .12s}.pjm-group-item:hover{background:var(--color-gray-100)}.pjm-group-item.active{background:var(--color-primary-50);color:var(--color-primary-700)}.pjm-group-item.active .pjm-group-name{font-weight:700}.pjm-group-item.fixed .pjm-group-name{font-weight:600}.pjm-group-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.pjm-group-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pjm-group-main .pjm-group-name{flex:none}.pjm-group-sub{font-size:11px;color:var(--color-gray-400);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pjm-group-item.active .pjm-group-sub{color:var(--color-primary-400)}.pjm-count{flex-shrink:0;min-width:22px;text-align:center;padding:1px 7px;border-radius:999px;background:var(--color-gray-100);color:var(--color-gray-500);font-size:11px;font-weight:700}.pjm-group-item.active .pjm-count{background:var(--color-primary-50);color:var(--color-primary-700)}.pjm-group-acts{display:none;align-items:center;gap:2px;flex-shrink:0}.pjm-group-item:hover .pjm-group-acts,.pjm-group-item.active .pjm-group-acts{display:inline-flex}.pjm-group-divider{height:1px;background:var(--border-light);margin:6px 4px}.pjm-group-empty{padding:14px 10px;font-size:12px;color:var(--color-gray-400);text-align:center}.pjm-icon{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:6px;color:var(--color-gray-500);cursor:pointer;transition:all .12s}.pjm-icon:hover{background:var(--border-light);color:var(--color-gray-900)}.pjm-icon.danger:hover{background:var(--color-error-bg);color:var(--color-error)}.pjm-projects{flex:1;min-width:0;background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;overflow:hidden}.pjm-projects .pjm-empty{border:none;border-radius:0}.pjm-empty{padding:60px 20px;text-align:center;color:var(--color-gray-400);font-size:14px;background:var(--bg-card);border:1px dashed var(--border-medium);border-radius:12px}.pjm-table-wrap{overflow-x:auto}.pjm-table{width:100%;border-collapse:collapse;font-size:13px;min-width:640px}.pjm-table th{background:var(--color-gray-50);padding:9px 12px;text-align:left;font-size:11.5px;font-weight:700;color:var(--color-gray-500);border-bottom:1px solid var(--border-light);white-space:nowrap}.pjm-table td{padding:9px 12px;border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700);vertical-align:middle}.pjm-table tr:last-child td{border-bottom:none}.pjm-table tbody tr:hover td{background:var(--color-gray-50)}.pjm-table .c{text-align:center}.pjm-name{font-weight:600;color:var(--color-gray-900)}.pjm-dim{color:var(--color-gray-400)}.pjm-note{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-gray-500);font-size:12.5px}.pjm-status{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap}.pjm-acts{display:inline-flex;gap:2px}.pjm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1100}.pjm-modal{background:var(--bg-card);border-radius:14px;width:92vw;max-width:420px;box-shadow:0 20px 60px #00000040;overflow:hidden}.pjm-modal-hd{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-light)}.pjm-modal-hd h3{font-size:15px;font-weight:700;margin:0;display:flex;align-items:center;gap:6px;color:var(--color-gray-900)}.pjm-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:var(--color-gray-100);border-radius:8px;cursor:pointer;color:var(--color-gray-500)}.pjm-close:hover{background:var(--border-light)}.pjm-modal-body{padding:16px 18px;display:flex;flex-direction:column;gap:12px;max-height:70vh;overflow-y:auto}.pjm-field{display:flex;flex-direction:column;gap:5px}.pjm-field label{font-size:12px;font-weight:600;color:var(--color-gray-700)}.pjm-field label em{color:var(--color-error);font-style:normal}.pjm-field input,.pjm-field select,.pjm-field textarea{padding:8px 10px;border:1px solid var(--border-medium);border-radius:8px;font-size:13px;outline:none;background:var(--bg-card);font-family:inherit}.pjm-field input:focus,.pjm-field select:focus,.pjm-field textarea:focus{border-color:var(--color-primary-500)}.pjm-field textarea{resize:vertical;min-height:60px}.pjm-modal-ft{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--border-light);background:var(--color-gray-50)}@media (max-width: 900px){.pjm-layout{flex-direction:column}.pjm-groups{width:100%}}@media (max-width: 768px){.pjm-page{padding:12px 14px 60px}.pjm-header{flex-direction:column;align-items:flex-start;gap:10px}}.plog-thumb{width:84px;height:56px;object-fit:cover;border-radius:6px;border:1px solid var(--border-light);display:block}.plog-thumb-empty{display:inline-flex;align-items:center;justify-content:center;width:84px;height:56px;border-radius:6px;background:var(--color-gray-100);color:var(--border-medium);border:1px dashed var(--border-light)}.plog-worktype{font-size:12px;font-weight:700;color:var(--color-warning-text);background:var(--color-warning-bg);padding:2px 8px;border-radius:999px;white-space:nowrap}.plog-badge{font-size:11px;font-weight:800;padding:2px 9px;border-radius:999px;white-space:nowrap}.plog-badge.done{background:var(--color-success-bg);color:var(--color-success-text)}.plog-badge.pending{background:var(--color-gray-100);color:var(--color-gray-500)}.plog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 14px;align-items:start}.plog-grid .mx-form-row{margin:0}.plog-grid .span2{grid-column:span 2}.plog-grid .span3{grid-column:span 3}.plog-grid .span4{grid-column:1 / -1}.plog-sec{grid-column:1 / -1;display:flex;align-items:center;gap:10px;margin-top:10px;font-size:11px;font-weight:800;letter-spacing:.04em;color:var(--color-gray-500)}.plog-sec:after{content:"";flex:1;height:1px;background:var(--border-light)}.plog-sec:first-child{margin-top:0}.plog-field-hint{font-size:11px;color:var(--color-gray-400);margin-top:3px}@media (max-width: 900px){.plog-grid{grid-template-columns:repeat(2,1fr)}.plog-grid .span3{grid-column:span 2}}@media (max-width: 560px){.plog-grid{grid-template-columns:1fr}.plog-grid .span2,.plog-grid .span3{grid-column:span 1}}.plog-paste-zone{min-height:150px;border:2px dashed var(--color-primary-200);border-radius:12px;background:var(--color-primary-50);display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;padding:10px}.plog-paste-zone:focus{border-color:var(--color-primary-500);background:var(--color-primary-50)}.plog-paste-hint{display:inline-flex;align-items:center;gap:8px;color:var(--color-gray-500);font-size:13px;font-weight:600}.plog-paste-preview{max-height:220px;max-width:100%;border-radius:8px;border:1px solid var(--border-light)}.plog-paste-actions{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.plog-paste-tip{font-size:12px;color:var(--color-gray-500)}.plog-badge.order-link{cursor:pointer;border:1px solid transparent;background:var(--color-info-bg);color:var(--color-info-text);font:inherit;font-size:inherit}.plog-badge.order-link:hover{text-decoration:underline}.plog-badge.none{background:transparent;color:var(--color-gray-400)}.pi-tabs{display:flex;gap:4px;width:fit-content;background:var(--color-gray-100);border-radius:10px;padding:3px;margin-bottom:14px}.pi-tab{padding:7px 18px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:600;color:var(--color-gray-500);cursor:pointer;transition:all .12s}.pi-tab:hover{color:var(--color-gray-700)}.pi-tab.active{background:var(--bg-card);color:var(--color-gray-900);box-shadow:0 1px 3px #0000001f}.pi-tab .pi-tab-count{margin-left:5px;font-size:12px;color:var(--color-gray-500)}.pi-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap}.pi-badge.order{background:var(--color-info-bg);color:var(--color-info-text)}.pi-badge.plog{background:var(--color-success-bg);color:var(--color-success-text)}.pi-badge.so{background:var(--color-warning-bg);color:var(--color-warning-text)}.pi-thumb{width:38px;height:38px;object-fit:cover;border-radius:6px;border:1px solid var(--border-light)}.pi-thumb-empty{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:6px;border:1px dashed var(--border-medium);color:var(--color-gray-400)}.pi-open-btn{display:inline-flex;align-items:center;gap:3px;border:1px solid var(--border-medium);background:var(--bg-card);color:var(--color-gray-600);border-radius:6px;padding:3px 8px;font-size:11.5px;cursor:pointer;white-space:nowrap}.pi-open-btn:hover{background:var(--color-gray-100);color:var(--color-gray-800)}.pi-qty-input{width:96px;padding:4px 8px;border:1px solid var(--border-medium);border-radius:6px;font-size:12.5px;text-align:right;background:var(--bg-card);color:var(--color-gray-800)}.pi-qty-input:disabled{background:var(--color-gray-100);color:var(--color-gray-400);cursor:not-allowed}.pi-file{display:inline-block;max-width:200px;font-family:Consolas,D2Coding,monospace;font-size:11.5px;color:var(--color-gray-600);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:rtl;text-align:left;cursor:copy;vertical-align:middle}.pi-file:hover{color:var(--color-gray-800);text-decoration:underline}.pi-reflected{font-size:12px;font-weight:600;color:var(--color-success-text);white-space:nowrap}.pi-reflect-btn{border-color:var(--color-primary-600);color:var(--color-primary-600);font-weight:600}.pi-file-cell{display:inline-flex;align-items:center;gap:4px;max-width:100%}.pi-copy-btn{display:inline-flex;align-items:center;border:1px solid var(--border-medium);background:var(--bg-card);color:var(--color-gray-500);border-radius:5px;padding:2px 5px;cursor:pointer;flex:0 0 auto}.pi-copy-btn:hover{background:var(--color-gray-100);color:var(--color-gray-800)}.pi-notes{display:inline-block;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.opl-page{display:flex;flex-direction:column;gap:14px;padding:4px 2px;min-width:0}.opl-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.opl-toolbar-title h2{display:flex;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:700;color:var(--color-gray-900, var(--color-gray-900))}.opl-toolbar-title h2 svg{color:var(--color-primary-600, var(--color-primary-600))}.opl-toolbar-title p{margin:4px 0 0;font-size:13px;color:var(--color-gray-500, var(--color-gray-500))}.opl-toolbar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.opl-search{display:flex;align-items:center;gap:6px;background:var(--bg-card);border:1.5px solid var(--border-medium, var(--border-medium));border-radius:var(--radius-md, 8px);padding:6px 10px;color:var(--color-gray-400, var(--color-gray-400))}.opl-search input{border:none;outline:none;font-size:13px;width:210px;background:transparent;color:var(--color-gray-900, var(--color-gray-900))}.opl-search:focus-within{border-color:var(--color-primary-500, var(--color-primary-500));box-shadow:0 0 0 3px #c06a431a}.opl-check{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--color-gray-700, var(--color-gray-700));cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.opl-check input{accent-color:var(--color-primary-600, var(--color-primary-600));cursor:pointer}.opl-refresh{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border:1.5px solid var(--border-medium, var(--border-medium));border-radius:var(--radius-md, 8px);background:var(--bg-card);color:var(--color-gray-700, var(--color-gray-700));font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.opl-refresh:hover:not(:disabled){background:var(--color-gray-50, var(--color-gray-50));border-color:var(--color-gray-400, var(--color-gray-400))}.opl-refresh:disabled{opacity:.6;cursor:not-allowed}.opl-spin{animation:opl-spin .9s linear infinite}@keyframes opl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.opl-kpis{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:12px}@media (max-width: 900px){.opl-kpis{grid-template-columns:repeat(2,minmax(150px,1fr))}}.opl-kpi{display:flex;align-items:center;gap:12px;background:var(--bg-card);border:1px solid var(--border-light, var(--border-light));border-radius:var(--radius-lg, 12px);padding:14px 16px;min-width:0}.opl-kpi-danger{border-color:var(--color-error-light);background:var(--color-error-bg)}.opl-kpi-warn{border-color:var(--color-warning-bg);background:var(--color-warning-bg)}.opl-kpi-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;flex-shrink:0}.opl-kpi-icon-total{background:var(--color-primary-50);color:var(--color-primary-700)}.opl-kpi-icon-delayed{background:var(--color-error-bg);color:var(--color-error)}.opl-kpi-icon-imminent{background:var(--color-warning-bg);color:var(--color-warning-text)}.opl-kpi-icon-done{background:var(--color-success-bg);color:var(--color-success)}.opl-kpi-text{min-width:0}.opl-kpi-num{font-size:24px;font-weight:800;line-height:1.1;color:var(--color-gray-900, var(--color-gray-900));font-variant-numeric:tabular-nums}.opl-kpi-danger .opl-kpi-num{color:var(--color-error)}.opl-kpi-warn .opl-kpi-num{color:var(--color-warning-text)}.opl-kpi-label{font-size:12px;font-weight:600;color:var(--color-gray-500, var(--color-gray-500));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opl-flow-wrap{background:var(--bg-card);border:1px solid var(--border-light, var(--border-light));border-radius:var(--radius-lg, 12px);padding:12px 14px}.opl-flow-head{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--color-gray-600, var(--color-gray-600));margin-bottom:10px}.opl-flow-hint{font-weight:400;font-size:11.5px;color:var(--color-gray-400, var(--color-gray-400))}.opl-flow-clear{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:3px 10px;border:1px solid var(--color-primary-200);border-radius:12px;background:var(--color-primary-50);color:var(--color-primary-700, var(--color-primary-700));font-size:11.5px;font-weight:700;cursor:pointer;transition:background .15s;white-space:nowrap}.opl-flow-clear:hover{background:var(--color-primary-50)}.opl-flow{display:flex;align-items:center;gap:6px;overflow-x:auto;padding:4px 2px 8px}.opl-node{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:8px 12px;border:1.5px solid var(--border-medium, var(--border-medium));border-radius:10px;background:var(--bg-card);color:var(--color-gray-800, var(--color-gray-800));font-size:13px;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap}.opl-node:hover{border-color:var(--color-primary-400, var(--color-primary-300));box-shadow:0 2px 8px #0000000f}.opl-node-name{line-height:1}.opl-node-count{font-size:11px;font-weight:800;min-width:20px;text-align:center;padding:2px 7px;border-radius:10px;background:var(--color-gray-100, var(--color-gray-100));color:var(--color-gray-600, var(--color-gray-600));font-variant-numeric:tabular-nums}.opl-node-delay{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:800;padding:2px 7px;border-radius:10px;background:var(--color-error-bg);color:var(--color-error)}.opl-node-start{border-color:var(--color-primary-200);background:var(--color-primary-50)}.opl-node-start .opl-node-count{background:var(--color-primary-50);color:var(--color-primary-text)}.opl-node-end{border-color:var(--color-success-bg);background:var(--color-success-bg)}.opl-node-end .opl-node-count{background:var(--color-success-bg);color:var(--color-success)}.opl-node-empty{opacity:.45}.opl-node-empty:hover{opacity:.8}.opl-node-selected,.opl-node-selected:hover{border-color:var(--color-primary-600, var(--color-primary-600));background:var(--color-primary-600, var(--color-primary-600));color:#fff;opacity:1;box-shadow:0 3px 10px #c06a434d}.opl-node-selected .opl-node-count{background:#ffffff38;color:#fff}.opl-flow-arrow{flex:0 0 auto;position:relative;width:20px;height:2px;background:var(--color-gray-300, var(--border-medium))}.opl-flow-arrow:after{content:"";position:absolute;right:0;top:50%;width:7px;height:7px;border-top:2px solid var(--color-gray-300, var(--border-medium));border-right:2px solid var(--color-gray-300, var(--border-medium));transform:translateY(-58%) rotate(45deg)}.opl-board{display:flex;align-items:flex-start;gap:12px;overflow-x:auto;padding-bottom:10px;min-width:0}.opl-col{flex:0 0 250px;width:250px;background:var(--color-gray-50, var(--color-gray-50));border:1px solid var(--border-light, var(--border-light));border-radius:var(--radius-lg, 12px);display:flex;flex-direction:column;min-height:120px}.opl-col-selected{border-color:var(--color-primary-400, var(--color-primary-300));box-shadow:0 0 0 3px #c06a431f}.opl-col-header{display:flex;align-items:center;gap:8px;padding:10px 12px 8px;border-bottom:1px solid var(--border-light, var(--border-light))}.opl-col-bar{width:4px;height:16px;border-radius:2px;flex-shrink:0;background:var(--color-primary-500, var(--color-primary-500))}.opl-col-bar-start{background:var(--color-primary-500)}.opl-col-bar-done{background:var(--color-success)}.opl-col-name{font-size:13px;font-weight:700;color:var(--color-gray-800, var(--color-gray-800));flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opl-col-count{font-size:11px;font-weight:700;padding:2px 8px;border-radius:10px;background:var(--color-gray-200, var(--border-light));color:var(--color-gray-700, var(--color-gray-700));flex-shrink:0;font-variant-numeric:tabular-nums}.opl-col-fold{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:6px;background:transparent;color:var(--color-gray-400, var(--color-gray-400));cursor:pointer;flex-shrink:0;transition:all .15s}.opl-col-fold:hover{background:var(--color-gray-200, var(--border-light));color:var(--color-gray-700, var(--color-gray-700))}.opl-col-body{display:flex;flex-direction:column;gap:8px;padding:10px;overflow-y:auto;max-height:calc(100vh - 380px);min-height:60px}.opl-col-empty{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 0;font-size:12px;color:var(--color-gray-400, var(--color-gray-400))}.opl-col-collapsed{flex:0 0 40px;width:40px;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding:12px 0;background:var(--color-gray-50, var(--color-gray-50));border:1px dashed var(--border-medium, var(--border-medium));border-radius:var(--radius-lg, 12px);cursor:pointer;opacity:.7;transition:all .15s}.opl-col-collapsed:hover{opacity:1;border-color:var(--color-primary-400, var(--color-primary-300));background:var(--bg-card)}.opl-col-collapsed-name{writing-mode:vertical-rl;font-size:12px;font-weight:700;color:var(--color-gray-500, var(--color-gray-500));letter-spacing:2px;white-space:nowrap}.opl-col-collapsed-count{font-size:10.5px;font-weight:700;padding:1px 6px;border-radius:8px;background:var(--color-gray-200, var(--border-light));color:var(--color-gray-600, var(--color-gray-600))}.opl-card{background:var(--bg-card);border:1px solid var(--border-light, var(--border-light));border-radius:var(--radius-md, 8px);padding:10px;display:flex;flex-direction:column;gap:7px;cursor:pointer;transition:box-shadow .15s,border-color .15s,opacity .15s}.opl-card:hover{border-color:var(--color-primary-300, var(--color-primary-200));box-shadow:0 3px 10px #00000014}.opl-card-busy{opacity:.55;pointer-events:none}.opl-card-delayed{border-color:var(--color-error)}.opl-card-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.opl-order-no{font-family:JetBrains Mono,D2Coding,Consolas,monospace;font-size:12px;font-weight:700;color:var(--color-gray-800, var(--color-gray-800));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opl-dday{font-size:11px;font-weight:700;padding:2px 7px;border-radius:10px;background:var(--color-primary-50);color:var(--color-primary-text);white-space:nowrap;flex-shrink:0}.opl-dday-urgent{background:var(--color-error-bg);color:var(--color-error)}.opl-thumb{width:100%;height:90px;object-fit:cover;border-radius:6px;border:1px solid var(--border-light, var(--border-light));background:var(--color-gray-100, var(--color-gray-100));cursor:zoom-in}.opl-card-body{display:flex;flex-direction:column;gap:2px;min-width:0}.opl-customer{font-size:13px;font-weight:600;color:var(--color-gray-900, var(--color-gray-900));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opl-design{font-size:12px;color:var(--color-gray-600, var(--color-gray-600));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opl-design-sub{color:var(--color-gray-400, var(--color-gray-400))}.opl-qty{font-size:12px;color:var(--color-gray-500, var(--color-gray-500));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opl-qty-prod{color:var(--color-gray-400, var(--color-gray-400))}.opl-progress{display:flex;align-items:center;gap:7px}.opl-progress-track{flex:1;height:6px;border-radius:3px;background:var(--color-gray-200, var(--border-light));overflow:hidden;min-width:0}.opl-progress-fill{height:100%;border-radius:3px;background:var(--color-primary-500, var(--color-primary-500));transition:width .25s ease}.opl-progress-done{background:var(--color-success)}.opl-progress-label{font-size:11px;font-weight:700;color:var(--color-gray-500, var(--color-gray-500));white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums}.opl-proc-status{font-size:10px;font-weight:700;padding:1px 6px;border-radius:8px;background:var(--color-gray-100, var(--color-gray-100));color:var(--color-gray-500, var(--color-gray-500));white-space:nowrap;flex-shrink:0}.opl-proc-status-active{background:var(--color-info-bg);color:var(--color-info)}.opl-card-flags{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.opl-flag{font-size:10px;font-weight:700;padding:2px 7px;border-radius:9px;background:var(--color-gray-100, var(--color-gray-100));color:var(--color-gray-500, var(--color-gray-500));white-space:nowrap}.opl-flag-cancel{background:var(--color-error-bg);color:var(--color-error-text)}.opl-complete-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;border:1px solid var(--color-success-bg);border-radius:6px;background:var(--color-success-bg);color:var(--color-success);font-size:11.5px;font-weight:700;cursor:pointer;transition:background .15s}.opl-complete-btn:hover:not(:disabled){background:var(--color-success-bg)}.opl-complete-btn:disabled{opacity:.5;cursor:not-allowed}.opl-loading{padding:24px;text-align:center;font-size:13px;color:var(--color-gray-500, var(--color-gray-500))}.ost-page{display:flex;flex-direction:column;gap:14px;padding:16px}.ost-header{display:flex;justify-content:space-between;align-items:center}.ost-title{display:flex;align-items:center;gap:10px;color:var(--color-primary-700)}.ost-title h2{margin:0;font-size:20px;font-weight:800;color:var(--color-gray-900)}.ost-title p{margin:2px 0 0;font-size:13px;color:var(--color-gray-500)}.ost-scanbar{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:14px;background:linear-gradient(135deg,var(--color-primary-700),var(--color-primary-600));box-shadow:0 4px 14px #a8542f40}.ost-scanbar-icon{flex:none;color:var(--color-primary-200)}.ost-scan-input{flex:1;min-width:0;padding:13px 18px;border:2px solid transparent;border-radius:10px;outline:none;background:var(--bg-card);color:var(--color-gray-900);font-family:Consolas,Courier New,monospace;font-size:21px;font-weight:700;letter-spacing:.5px}.ost-scan-input:focus{border-color:var(--color-primary-300);box-shadow:0 0 0 4px #d99a7859}.ost-scan-input::placeholder{color:var(--color-gray-400);font-family:inherit;font-size:16px;font-weight:400;letter-spacing:0}.ost-scan-busy{flex:none;color:var(--color-primary-50);font-size:15px;font-weight:700}.ost-scanbar--flash{animation:ostFlash .75s ease-out}@keyframes ostFlash{0%{background:linear-gradient(135deg,var(--color-success),var(--color-success));box-shadow:0 0 0 4px #5f7d4f8c}55%{background:linear-gradient(135deg,var(--color-success),var(--color-success));box-shadow:0 0 0 14px #5f7d4f00}to{background:linear-gradient(135deg,var(--color-primary-700),var(--color-primary-600));box-shadow:0 4px 14px #a8542f40}}.ost-error-banner{display:flex;align-items:center;gap:10px;padding:16px 20px;border-radius:12px;background:var(--color-error);color:#fff;font-size:19px;font-weight:800;box-shadow:0 4px 12px #9c3b304d;animation:ostShake .3s ease}@keyframes ostShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.ost-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:90px 20px;border:2px dashed var(--color-primary-200);border-radius:16px;background:#f9efe980;color:var(--color-primary-500);text-align:center}.ost-empty-title{font-size:24px;font-weight:800;color:var(--color-primary-800)}.ost-empty-sub{font-size:15px;color:var(--color-gray-500)}.ost-main{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,1fr);gap:14px;align-items:start}.ost-left{min-width:0}.ost-right{display:flex;flex-direction:column;gap:12px;min-width:0}.ost-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;padding:14px;box-shadow:0 1px 3px #0000000d}.ost-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.ost-card-title{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--color-gray-700)}.ost-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;cursor:pointer;font-weight:700;text-decoration:none;transition:background .12s ease,border-color .12s ease,transform .05s ease}.ost-btn:disabled{opacity:.5;cursor:not-allowed}.ost-btn:active:not(:disabled){transform:scale(.98)}.ost-btn-sm{padding:8px 14px;font-size:14px}.ost-btn-xl{width:100%;min-height:58px;padding:16px 18px;font-size:18px}.ost-btn-primary{background:var(--color-primary-600);color:#fff}.ost-btn-primary:hover:not(:disabled){background:var(--color-primary-700)}.ost-btn-go{background:var(--color-success);color:#fff}.ost-btn-go:hover:not(:disabled){background:var(--color-success)}.ost-btn-outline{background:var(--bg-card);border-color:var(--border-medium);color:var(--color-gray-700)}.ost-btn-outline:hover:not(:disabled){background:var(--color-gray-50);border-color:var(--color-gray-400)}.ost-btn-ghost{background:transparent;color:var(--color-gray-500)}.ost-btn-ghost:hover:not(:disabled){background:var(--color-gray-100)}.ost-image-wrap{display:flex;align-items:center;justify-content:center;min-height:280px;border:1px solid var(--color-gray-100);border-radius:10px;background:var(--color-gray-50);overflow:hidden;cursor:zoom-in}.ost-image-wrap img{display:block;max-width:100%;max-height:70vh;object-fit:contain}.ost-no-image{padding:70px 20px;border:1.5px dashed var(--border-medium);border-radius:10px;background:var(--color-gray-50);color:var(--color-gray-400);font-size:15px;text-align:center}.ost-design-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 12px;margin-top:12px}.ost-order-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.ost-orderno{font-family:Consolas,Courier New,monospace;font-size:30px;font-weight:800;letter-spacing:1px;color:var(--color-gray-900)}.ost-status-badge{padding:5px 12px;border-radius:999px;font-size:14px;font-weight:800}.ost-dday{padding:5px 10px;border-radius:8px;background:var(--color-gray-100);color:var(--color-gray-700);font-size:14px;font-weight:800}.ost-dday--urgent{background:var(--color-error-bg);color:var(--color-error)}.ost-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 12px;margin-bottom:12px}.ost-info label{display:block;margin-bottom:2px;font-size:11.5px;font-weight:700;color:var(--color-gray-400)}.ost-info span{font-size:15px;font-weight:600;color:var(--color-gray-900);word-break:break-all}.ost-qty-row{display:flex;align-items:baseline;gap:12px;margin-bottom:10px;padding:10px 14px;border-radius:10px;background:var(--color-primary-50)}.ost-qty-row label{font-size:13px;font-weight:800;color:var(--color-primary-700)}.ost-qty{font-size:44px;font-weight:900;line-height:1;color:var(--color-primary-800)}.ost-qty-unit{font-size:16px;font-weight:800;color:var(--color-primary-500)}.ost-progress{margin-bottom:10px}.ost-progress-label{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;font-size:12px;font-weight:700;color:var(--color-gray-500)}.ost-progress-nums{font-size:13px;font-weight:800;color:var(--color-gray-700)}.ost-progress-track{height:12px;border-radius:6px;background:var(--border-light);overflow:hidden}.ost-progress-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,var(--color-primary-600),var(--color-primary-500));transition:width .3s ease}.ost-notes{padding:8px 12px;border:1px solid var(--color-warning-bg);border-radius:8px;background:var(--color-warning-bg);color:var(--color-warning-text);font-size:14px}.ost-notes label{margin-right:8px;font-size:12px;font-weight:800;color:var(--color-warning-text)}.ost-done-banner{margin-bottom:10px;padding:12px 14px;border:1px solid var(--color-success-light);border-radius:10px;background:var(--color-success-bg);color:var(--color-success);font-size:17px;font-weight:800;text-align:center}.ost-proc-list{display:flex;flex-direction:column;gap:6px}.ost-proc{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border-light);border-radius:10px;background:var(--bg-card)}.ost-proc--done{background:var(--color-gray-50)}.ost-proc--current{border-color:var(--color-primary-500);background:var(--color-primary-50);box-shadow:0 0 0 2px #c06a432e}.ost-proc-no{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--border-light);color:var(--color-gray-700);font-size:13px;font-weight:800}.ost-proc--current .ost-proc-no{background:var(--color-primary-600);color:#fff}.ost-proc--done .ost-proc-no{background:var(--color-success-bg);color:var(--color-success-text)}.ost-proc-name{flex:1;min-width:0;font-size:16px;font-weight:700;color:var(--color-gray-900);word-break:break-all}.ost-proc--current .ost-proc-name{color:var(--color-primary-800);font-weight:800}.ost-proc-badge{flex:none;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:800}.ost-proc-actions{flex:none;display:flex;gap:6px}.ost-proc-empty{padding:24px 14px;border-radius:8px;background:var(--color-gray-50);color:var(--color-gray-400);font-size:13.5px;text-align:center}.ost-actions{display:flex;flex-direction:column;gap:10px}.ost-recent-list{display:flex;flex-wrap:wrap;gap:8px}.ost-recent-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border-medium);border-radius:10px;background:var(--bg-card);cursor:pointer;font-size:13.5px;transition:background .12s ease,border-color .12s ease}.ost-recent-chip:hover:not(:disabled){border-color:var(--color-primary-500);background:var(--color-primary-50)}.ost-recent-chip:disabled{opacity:.5;cursor:default}.ost-recent-no{font-family:Consolas,Courier New,monospace;font-size:14.5px;font-weight:800;color:var(--color-gray-900)}.ost-recent-proc{padding:2px 8px;border-radius:999px;background:var(--color-primary-50);color:var(--color-primary-700);font-size:11.5px;font-weight:700}.ost-recent-time{font-size:12px;color:var(--color-gray-400)}.ost-cam-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:12px 18px;border:2px solid rgba(255,255,255,.55);border-radius:10px;background:#ffffff24;color:#fff;font-size:16px;font-weight:800;cursor:pointer;transition:background .12s ease,border-color .12s ease}.ost-cam-btn:hover{background:#ffffff42;border-color:#fff}.ost-search-done{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--color-gray-500);cursor:pointer;-webkit-user-select:none;user-select:none}.ost-search-done input{width:16px;height:16px;accent-color:var(--color-primary-600)}.ost-search-bar{display:flex;gap:8px}.ost-search-input{flex:1;min-width:0;min-height:48px;padding:10px 14px;border:1.5px solid var(--border-medium);border-radius:10px;outline:none;background:var(--bg-card);color:var(--color-gray-900);font-size:16px}.ost-search-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #c06a432e}.ost-search-btn{flex:none;min-height:48px;padding:10px 20px;font-size:15px}.ost-search-empty{margin-top:10px;padding:18px 14px;border-radius:8px;background:var(--color-gray-50);color:var(--color-gray-400);font-size:13.5px;text-align:center}.ost-search-list{display:flex;flex-direction:column;gap:6px;margin-top:10px}.ost-search-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:1px solid var(--border-light);border-radius:10px;background:var(--bg-card);cursor:pointer;text-align:left;transition:background .12s ease,border-color .12s ease}.ost-search-row:hover{border-color:var(--color-primary-500);background:var(--color-primary-50)}.ost-search-thumb{flex:none;width:46px;height:46px;border-radius:8px;border:1px solid var(--border-light);object-fit:cover;background:var(--color-gray-50)}.ost-search-thumb--empty{display:inline-block}.ost-search-main{flex:1;min-width:0;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.ost-search-no{font-family:Consolas,Courier New,monospace;font-size:17px;font-weight:800;color:var(--color-gray-900)}.ost-search-cust{font-size:14.5px;font-weight:700;color:var(--color-gray-700)}.ost-search-sub{font-size:12.5px;color:var(--color-gray-400)}.ost-search-meta{flex:none;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.ost-search-status{font-size:12px;padding:3px 10px}.ost-search-qty{font-size:13.5px;font-weight:800;color:var(--color-gray-700)}.ost-search-due{font-size:12.5px;color:var(--color-gray-400)}.ost-search-go{flex:none;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;background:var(--color-primary-600);color:#fff;font-size:13.5px;font-weight:800}.ost-pi-refresh{border:1px solid var(--border-light);border-radius:8px;background:var(--bg-card);color:var(--color-gray-500);width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.ost-pi-refresh:hover{background:var(--color-gray-100)}.ost-spin{animation:ost-rot 1s linear infinite}@keyframes ost-rot{to{transform:rotate(360deg)}}.ost-pi-list{display:flex;flex-direction:column;gap:8px}.ost-pi-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border-light);border-radius:10px;background:var(--bg-card);font-size:14px}.ost-pi-row--click{cursor:pointer}.ost-pi-row--click:hover{background:var(--color-gray-100)}.ost-pi-badge{flex:none;padding:3px 11px;border-radius:999px;font-size:13px;font-weight:800;background:var(--color-gray-100);color:var(--color-gray-600)}.ost-pi-badge[data-st=진행]{background:var(--color-info-bg);color:var(--color-info-text)}.ost-pi-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.ost-pi-no{font-weight:800;font-size:15px;color:var(--color-gray-800)}.ost-pi-sub{font-size:13px;color:var(--color-gray-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ost-pi-notes{font-size:12.5px;color:var(--color-warning-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ost-pi-qty{flex:none;font-size:13.5px;font-weight:700;color:var(--color-gray-700);white-space:nowrap}.ost-pi-doing{flex:none;display:inline-flex;align-items:center;gap:8px}.ost-pi-qty-input{width:110px;padding:8px 10px;border:1px solid var(--border-medium);border-radius:8px;font-size:15px;text-align:right;background:var(--bg-card);color:var(--color-gray-900)}.ost-pi-qty-input:focus{outline:none;border-color:var(--color-primary-500)}@media (max-width: 640px){.ost-pi-row{flex-wrap:wrap}.ost-pi-qty{margin-left:auto}}@media (max-width: 1100px){.ost-main{grid-template-columns:1fr}}@media (max-width: 640px){.ost-info-grid{grid-template-columns:repeat(2,1fr)}.ost-scanbar{flex-wrap:wrap}.ost-scan-input{font-size:17px}.ost-scan-input::placeholder{font-size:13px}.ost-cam-btn{width:100%}.ost-orderno{font-size:24px}.ost-proc{flex-wrap:wrap}.ost-proc-actions{width:100%;justify-content:flex-end}.ost-search-row{flex-wrap:wrap}.ost-search-go{margin-left:auto}}.qrr-page{display:flex;flex-direction:column;gap:14px;padding:16px;max-width:860px;margin:0 auto;width:100%}.qrr-header{display:flex;justify-content:space-between;align-items:center}.qrr-title{display:flex;align-items:center;gap:10px;color:var(--color-primary-700)}.qrr-title h2{margin:0;font-size:20px;font-weight:800;color:var(--color-gray-900)}.qrr-title p{margin:2px 0 0;font-size:13px;color:var(--color-gray-500)}.qrr-scanbar{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:14px;background:linear-gradient(135deg,var(--color-primary-700),var(--color-primary-600));box-shadow:0 4px 14px #4338ca40}.qrr-scanbar-icon{flex:none;color:var(--color-primary-200)}.qrr-scan-input{flex:1;min-width:0;padding:13px 18px;border:2px solid transparent;border-radius:10px;outline:none;background:var(--bg-card);color:var(--color-gray-900);font-family:Consolas,Courier New,monospace;font-size:21px;font-weight:700;letter-spacing:.5px}.qrr-scan-input:focus{border-color:var(--color-primary-300);box-shadow:0 0 0 4px #a5b4fc59}.qrr-scan-input::placeholder{color:var(--color-gray-400);font-family:inherit;font-size:16px;font-weight:400;letter-spacing:0}.qrr-scan-busy{flex:none;color:var(--color-primary-50);font-size:15px;font-weight:700}.qrr-scanbar--flash{animation:qrrFlash .75s ease-out}@keyframes qrrFlash{0%{background:linear-gradient(135deg,var(--color-success),var(--color-success));box-shadow:0 0 0 4px #22c55e8c}55%{background:linear-gradient(135deg,var(--color-success),var(--color-success));box-shadow:0 0 0 14px #22c55e00}to{background:linear-gradient(135deg,var(--color-primary-700),var(--color-primary-600));box-shadow:0 4px 14px #4338ca40}}.qrr-error-banner{display:flex;align-items:center;gap:10px;padding:16px 20px;border-radius:12px;background:var(--color-error);color:#fff;font-size:19px;font-weight:800;box-shadow:0 4px 12px #dc26264d;animation:qrrShake .3s ease;word-break:break-all}@keyframes qrrShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.qrr-typeselect{padding:14px 16px;border:1.5px solid var(--color-warning-light);border-radius:12px;background:var(--color-warning-bg)}.qrr-typeselect-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;font-size:15px;font-weight:600;color:var(--color-warning-text)}.qrr-typeselect-code{font-family:Consolas,Courier New,monospace;font-size:17px;font-weight:800;color:var(--color-warning-text);word-break:break-all}.qrr-typeselect-close{flex:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:8px;background:transparent;color:var(--color-warning-text);cursor:pointer}.qrr-typeselect-close:hover{background:var(--color-warning-bg)}.qrr-typeselect-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.qrr-type-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 12px;border:1px solid var(--border-medium);border-radius:10px;background:var(--bg-card);color:var(--color-gray-700);cursor:pointer;font-size:14.5px;font-weight:700;transition:background .12s ease,border-color .12s ease,transform .05s ease}.qrr-type-btn:hover:not(:disabled){border-color:var(--color-primary-500);background:var(--color-primary-50);color:var(--color-primary-800)}.qrr-type-btn:active:not(:disabled){transform:scale(.98)}.qrr-type-btn:disabled{opacity:.5;cursor:not-allowed}.qrr-type-btn-code{padding:2px 7px;border-radius:6px;background:var(--color-primary-50);color:var(--color-primary-700);font-family:Consolas,Courier New,monospace;font-size:12px;font-weight:800}.qrr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:70px 20px;border:2px dashed var(--color-primary-200);border-radius:16px;background:#eef2ff80;color:var(--color-primary-500);text-align:center}.qrr-empty-title{font-size:24px;font-weight:800;color:var(--color-primary-800)}.qrr-empty-sub{font-size:15px;color:var(--color-gray-500)}.qrr-empty-types{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:6px}.qrr-empty-type-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--color-primary-200);border-radius:999px;background:var(--bg-card);color:var(--color-gray-700);font-size:13px;font-weight:600}.qrr-empty-type-chip b{color:var(--color-primary-700);font-family:Consolas,Courier New,monospace;font-size:12px;font-weight:800}.qrr-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;padding:14px;box-shadow:0 1px 3px #0000000d}.qrr-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.qrr-card-title{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:var(--color-gray-700)}.qrr-result{padding:18px}.qrr-result-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.qrr-type-chip{padding:5px 12px;border-radius:999px;background:var(--color-primary-50);color:var(--color-primary-700);font-size:13.5px;font-weight:800}.qrr-code{font-family:Consolas,Courier New,monospace;font-size:20px;font-weight:800;letter-spacing:.5px;color:var(--color-gray-500);word-break:break-all}.qrr-status-badge{padding:5px 14px;border-radius:999px;font-size:15px;font-weight:800}.qrr-result-title{margin-bottom:14px;font-size:28px;font-weight:800;line-height:1.25;color:var(--color-gray-900);word-break:break-all}.qrr-result-body{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:16px;align-items:start}.qrr-result-body--noimage{grid-template-columns:1fr}.qrr-image-wrap{display:flex;align-items:center;justify-content:center;min-height:180px;border:1px solid var(--color-gray-100);border-radius:10px;background:var(--color-gray-50);overflow:hidden;cursor:zoom-in}.qrr-image-wrap img{display:block;max-width:100%;max-height:48vh;object-fit:contain}.qrr-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.qrr-field label{display:block;margin-bottom:2px;font-size:11.5px;font-weight:700;color:var(--color-gray-400)}.qrr-field span{font-size:15.5px;font-weight:600;color:var(--color-gray-900);word-break:break-all;white-space:pre-line}.qrr-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}.qrr-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;cursor:pointer;font-weight:700;text-decoration:none;transition:background .12s ease,border-color .12s ease,transform .05s ease}.qrr-btn:disabled{opacity:.5;cursor:not-allowed}.qrr-btn:active:not(:disabled){transform:scale(.98)}.qrr-btn-xl{width:100%;min-height:58px;padding:16px 18px;font-size:18px}.qrr-btn-primary{background:var(--color-primary-600);color:#fff}.qrr-btn-primary:hover:not(:disabled){background:var(--color-primary-700)}.qrr-recent-list{display:flex;flex-wrap:wrap;gap:8px}.qrr-recent-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border-medium);border-radius:10px;background:var(--bg-card);cursor:pointer;font-size:13.5px;transition:background .12s ease,border-color .12s ease}.qrr-recent-chip:hover:not(:disabled){border-color:var(--color-primary-500);background:var(--color-primary-50)}.qrr-recent-chip:disabled{opacity:.5;cursor:default}.qrr-recent-type{padding:2px 8px;border-radius:999px;background:var(--color-primary-50);color:var(--color-primary-700);font-size:11.5px;font-weight:700}.qrr-recent-code{font-family:Consolas,Courier New,monospace;font-size:14.5px;font-weight:800;color:var(--color-gray-900)}.qrr-recent-time{font-size:12px;color:var(--color-gray-400)}@media (max-width: 640px){.qrr-page{padding:12px;gap:12px}.qrr-scanbar{padding:12px 14px;gap:10px}.qrr-scan-input{font-size:17px}.qrr-scan-input::placeholder{font-size:13px}.qrr-error-banner{font-size:16px}.qrr-result-title{font-size:22px}.qrr-result-body{grid-template-columns:1fr}.qrr-typeselect-btns{grid-template-columns:repeat(2,1fr)}.qrr-empty{padding:46px 16px}.qrr-empty-title{font-size:19px}}.admin-dashboard{padding:40px;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);min-height:100vh}.admin-header{text-align:center;color:#fff;margin-bottom:60px}.admin-header .back-button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;margin-bottom:30px}.admin-header .back-button:hover{background:#ffffff4d}.admin-header h1{margin:0 0 12px;font-size:48px;font-weight:700;text-shadow:0 4px 12px rgba(0,0,0,.2)}.admin-header p{margin:0;font-size:18px;opacity:.9}.admin-modules{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1200px;margin:0 auto}.module-card{background:#fff;border-radius:16px;padding:40px;cursor:pointer;transition:all .3s;box-shadow:0 4px 20px #0000001a;position:relative;overflow:hidden}.module-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--module-color)}.module-card:hover{box-shadow:0 12px 40px #00000026}.module-icon{width:80px;height:80px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;color:var(--module-color);background:linear-gradient(135deg,color-mix(in srgb,var(--module-color) 10%,white),color-mix(in srgb,var(--module-color) 5%,white))}.module-card h2{margin:0 0 12px;font-size:24px;font-weight:700;color:var(--color-gray-800)}.module-card p{margin:0 0 24px;font-size:15px;color:var(--color-gray-500);line-height:1.6}.module-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--module-color);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.module-button:hover{transform:translate(4px);box-shadow:0 4px 12px #00000026}@media (max-width: 768px){.admin-dashboard{padding:24px}.admin-header h1{font-size:36px}.admin-modules{grid-template-columns:1fr}}.user-management-page{padding:24px;background:var(--color-gray-50);min-height:calc(100vh - 64px)}.user-management-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px 24px;border-radius:12px;box-shadow:0 1px 3px #0000001a}.user-management-page .page-header .header-left{display:flex;align-items:center;gap:16px}.user-management-page .page-header h2{font-size:24px;font-weight:600;color:var(--color-gray-800);margin:0}.user-management-page .back-button{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff;border:1px solid var(--border-light);border-radius:8px;color:var(--color-gray-500);font-size:14px;cursor:pointer;transition:all .2s}.user-management-page .back-button:hover{background:var(--color-gray-50);border-color:var(--border-medium);color:var(--color-gray-700)}.user-management-page .add-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--color-primary-600);color:var(--on-accent);border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:var(--shadow-xs)}.user-management-page .add-button:hover{filter:brightness(.96);box-shadow:var(--shadow-xs)}.user-management-page .user-grid{width:100%;background:#fff;border:1px solid var(--border-light);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;padding:16px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:90%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-light)}.modal-header h3{font-size:20px;font-weight:600;color:var(--color-gray-800);margin:0}.modal-close{background:none;border:none;color:var(--color-gray-500);cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .2s}.modal-close:hover{color:var(--color-gray-700)}.user-modal{max-width:500px}.perm-modal{max-width:680px;width:100%}.modal-form-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.modal-form-cols.cols-3{grid-template-columns:1fr 1fr 1fr}.cols-full{grid-column:1 / -1}@media (max-width: 640px){.modal-form-cols{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.modal-form-cols,.modal-form-cols.cols-3{grid-template-columns:1fr}}.form-group-inline{justify-content:center}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;font-weight:600;color:var(--color-gray-700)}.extra-info-section{border:1.5px solid var(--border-light);border-radius:10px;padding:14px 16px;background:var(--color-gray-50)}.extra-info-title{font-size:13px;font-weight:700;color:var(--color-gray-700);margin-bottom:12px;display:flex;align-items:center;gap:8px}.optional-tag{font-size:11px;font-weight:600;color:var(--color-gray-400);background:var(--color-gray-100);padding:2px 7px;border-radius:10px;letter-spacing:.03em}.perm-section{border:1.5px solid var(--color-primary-50);border-radius:10px;padding:16px;background:var(--color-gray-50)}.perm-section-title{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:var(--color-primary-600);margin-bottom:12px}.perm-custom-toggle{margin-left:auto;display:flex;align-items:center;gap:8px;cursor:pointer}.perm-custom-label{font-size:12px;font-weight:600;color:var(--color-gray-500)}.perm-toggle-sw{position:relative;width:36px;height:20px;border-radius:10px;background:var(--border-medium);cursor:pointer;transition:background .2s;flex-shrink:0}.perm-toggle-sw.on{background:var(--color-primary-600)}.perm-toggle-knob{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .2s;box-shadow:0 1px 3px #0003}.perm-toggle-sw.on .perm-toggle-knob{transform:translate(16px)}.perm-presets{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.perm-preset-label{font-size:12px;color:var(--color-gray-500);white-space:nowrap}.perm-preset-btn{padding:5px 12px;border:1.5px solid;border-radius:20px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.perm-preset-staff{border-color:var(--color-info);color:var(--color-info);background:var(--color-info-bg)}.perm-preset-staff:hover{background:var(--color-info);color:#fff}.perm-preset-customer{border-color:var(--color-success);color:var(--color-success);background:var(--color-success-bg)}.perm-preset-customer:hover{background:var(--color-success);color:#fff}.perm-preset-viewer{border-color:var(--color-primary-500);color:var(--color-primary-500);background:var(--color-primary-50)}.perm-preset-viewer:hover{background:var(--color-primary-500);color:#fff}.perm-checkboxes{display:flex;flex-direction:column;gap:10px;transition:opacity .2s}.perm-checkboxes.perm-disabled{opacity:.4;pointer-events:none}.perm-group-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-gray-400);margin-bottom:6px}.perm-items{display:flex;flex-wrap:wrap;gap:6px}.perm-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;border:1.5px solid var(--border-medium);background:var(--color-gray-50);color:var(--color-gray-500);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.perm-chip:hover:not(:disabled){border-color:var(--color-primary-300);background:var(--color-primary-50);color:var(--color-primary-700)}.perm-chip-on{border-color:var(--color-primary-600);background:var(--color-primary-50);color:var(--color-primary-600)}.perm-chip-dot{width:7px;height:7px;border-radius:50%;background:var(--border-medium);flex-shrink:0;transition:background .15s}.perm-chip-dot.on{background:var(--color-primary-600)}.perm-hint{margin-top:10px;font-size:12px;color:var(--color-gray-500);background:var(--color-gray-100);padding:8px 12px;border-radius:6px;line-height:1.6}.modal-form{padding:24px;display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:13px;font-weight:600;color:var(--color-gray-700)}.form-group input,.form-group select{padding:10px 12px;border:1px solid var(--border-medium);border-radius:6px;font-size:14px;color:var(--color-gray-800);background:#fff;transition:all .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #c06a431a}.form-group input:disabled{background:var(--color-gray-100);cursor:not-allowed;color:var(--color-gray-400)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-light)}.cancel-button,.submit-button{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.cancel-button{background:#fff;border:1px solid var(--border-medium);color:var(--color-gray-500)}.cancel-button:hover{background:var(--color-gray-100);border-color:var(--color-gray-400);color:var(--color-gray-700)}.submit-button{background:var(--color-primary-600);border:none;color:var(--on-accent)}.submit-button:hover{filter:brightness(.96);box-shadow:var(--shadow-xs)}@media (max-width: 768px){.user-management-page{padding:16px}.user-management-page .page-header{flex-direction:column;align-items:flex-start;gap:16px}.user-management-page .page-header .header-left{flex-direction:column;align-items:flex-start;gap:12px}.modal-content{max-width:95%}.user-modal{max-width:100%}}.acct-type-badge{padding:3px 10px;border-radius:12px;font-weight:600;font-size:13px;white-space:nowrap}.acct-type-badge.acct-admin{background:var(--color-error-bg);color:var(--color-error)}.acct-type-badge.acct-staff{background:var(--color-info-bg);color:var(--color-info)}.acct-type-badge.acct-customer{background:var(--color-warning-bg);color:var(--color-warning)}.acct-status-badge{padding:3px 10px;border-radius:12px;font-weight:600;font-size:13px;white-space:nowrap}.acct-status-badge.on{background:var(--color-success-bg);color:var(--color-success)}.acct-status-badge.off{background:var(--color-error-bg);color:var(--color-error)}.acct-ext-tag{font-size:10px;font-weight:700;padding:1px 6px;border-radius:8px;background:var(--color-warning-bg);color:var(--color-warning);white-space:nowrap}.label-hint{font-size:11px;font-weight:400;color:var(--color-gray-400);margin-left:4px}.company-drop{position:absolute;top:100%;left:0;right:0;z-index:100;background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .1));max-height:260px;overflow-y:auto;margin-top:2px}.company-drop-head{position:sticky;top:0;padding:6px 12px 4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-gray-400);background:var(--bg-card);border-bottom:1px solid var(--border-light)}.company-drop-item{display:flex;align-items:center;padding:8px 12px;cursor:pointer;border-bottom:1px solid var(--color-gray-100);font-size:13px;color:var(--color-gray-800)}.company-drop-item:hover{background:var(--color-primary-50)}.company-drop-empty{padding:14px 12px;font-size:12px;color:var(--color-gray-400);text-align:center}.company-default-tag{margin-left:6px;font-size:10px;font-weight:700;padding:1px 6px;border-radius:8px;background:var(--color-primary-50);color:var(--color-primary-600)}.company-selected-note{margin-top:5px;font-size:12px;color:var(--color-gray-500)}.company-selected-note strong{color:var(--color-primary-600)}.perm-admin-row{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1.5px solid var(--border-light);border-radius:8px;background:var(--bg-card);margin-bottom:12px;cursor:pointer}.perm-admin-row.on{border-color:var(--color-error);background:var(--color-error-bg)}.perm-admin-row.locked{cursor:not-allowed;opacity:.85}.perm-admin-row .perm-toggle-sw{margin-top:2px}.perm-admin-row.on .perm-toggle-sw.on{background:var(--color-error)}.perm-admin-text{display:flex;flex-direction:column;gap:2px}.perm-admin-label{display:inline-flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--color-gray-800)}.perm-admin-row.on .perm-admin-label{color:var(--color-error)}.perm-admin-desc{font-size:11.5px;color:var(--color-gray-500);line-height:1.5}.perm-scope-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.perm-scope-opt{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border:1.5px solid var(--border-light);border-radius:8px;background:var(--bg-card);cursor:pointer;transition:all .15s}.perm-scope-opt:hover{border-color:var(--color-primary-300)}.perm-scope-opt.on{border-color:var(--color-primary-600);background:var(--color-primary-50)}.perm-scope-opt input[type=radio]{margin-top:3px;accent-color:var(--color-primary-600)}.perm-scope-label{font-size:13px;font-weight:700;color:var(--color-gray-800)}.perm-scope-desc{font-size:11.5px;color:var(--color-gray-500);line-height:1.5;margin-top:2px}.perm-preset-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border:1.5px solid var(--color-info);border-radius:20px;background:var(--color-info-bg);color:var(--color-info);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.perm-preset-chip:hover{filter:brightness(.95)}.perm-preset-chip.system{border-color:var(--border-medium);background:var(--color-gray-50);color:var(--color-gray-700)}.perm-preset-chip.system:hover{border-color:var(--color-primary-300);color:var(--color-primary-700);background:var(--color-primary-50)}.perm-preset-del{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;color:var(--color-gray-400)}.perm-preset-del:hover{background:var(--color-error-bg);color:var(--color-error)}.perm-preset-add{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border:1.5px dashed var(--border-medium);border-radius:20px;background:transparent;color:var(--color-gray-500);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.perm-preset-add:hover{border-color:var(--color-primary-500);color:var(--color-primary-600);background:var(--color-primary-50)}.preset-save-row{display:flex;gap:6px;margin-bottom:12px}.preset-save-row input{flex:1;padding:8px 12px;border:1px solid var(--color-primary-300);border-radius:6px;font-size:13px;background:var(--bg-card);color:var(--color-gray-800)}.preset-save-row input:focus{outline:none;border-color:var(--color-primary-500)}.preset-save-row button{padding:8px 14px;border:none;border-radius:6px;background:var(--color-primary-600);color:var(--on-accent);font-size:12px;font-weight:600;cursor:pointer}.preset-save-row button.ghost{background:transparent;border:1px solid var(--border-medium);color:var(--color-gray-500)}.perm-group-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.perm-group-head .perm-group-title{margin-bottom:0}.perm-group-all{padding:1px 8px;border:1px solid var(--border-light);border-radius:10px;background:transparent;color:var(--color-gray-400);font-size:10px;font-weight:600;cursor:pointer}.perm-group-all:hover{border-color:var(--color-primary-300);color:var(--color-primary-600)}.perm-count-note{margin-top:10px;font-size:12px;color:var(--color-gray-500)}.perm-count-note strong{color:var(--color-primary-600)}@media (max-width: 560px){.perm-scope-row{grid-template-columns:1fr}}.log-preset-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.log-preset-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;border:1px solid var(--border-light);border-radius:20px;background:var(--color-gray-50);color:var(--color-gray-700);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.log-preset-btn:hover{background:var(--color-gray-100);border-color:var(--border-medium)}.log-preset-btn.active{background:var(--color-primary-50);border-color:var(--color-primary-500);color:var(--color-primary-700)}.log-preset-btn.security{border-color:var(--color-error-light);color:var(--color-error);background:var(--color-error-bg)}.log-preset-btn.security.active{background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}.admin-content{max-width:1400px;margin:0 auto}.log-filters{display:flex;gap:12px;margin-bottom:20px;padding:16px;background:var(--color-gray-50);border-radius:8px;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:6px;flex:1}.filter-group label{font-size:12px;font-weight:600;color:var(--color-gray-500)}.filter-group input{padding:8px 12px;border:1px solid var(--border-medium);border-radius:6px;font-size:14px}.search-button{padding:8px 16px;background:var(--color-info);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:6px;transition:all .2s}.search-button:hover{filter:brightness(.96);box-shadow:var(--shadow-xs)}.report-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.report-type-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:#fff;border:2px solid var(--border-light);border-radius:12px;cursor:pointer;transition:all .2s;color:var(--color-gray-500)}.report-type-btn:hover{border-color:var(--type-color);box-shadow:0 4px 12px #0000001a}.report-type-btn.active{border-color:var(--type-color);background:color-mix(in srgb,var(--type-color) 10%,white);color:var(--type-color)}.date-range-selector{display:flex;gap:12px;margin-bottom:24px;padding:16px;background:var(--color-gray-50);border-radius:8px;align-items:flex-end}.generate-button{padding:10px 20px;background:var(--color-success);color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .2s}.generate-button:hover{filter:brightness(.96);box-shadow:var(--shadow-xs)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px}.stat-card{padding:24px;background:linear-gradient(135deg,var(--bg-card) 0%,var(--color-gray-50) 100%);border-radius:12px;border:1px solid var(--border-light)}.stat-label{font-size:13px;color:var(--color-gray-500);font-weight:600;margin-bottom:8px}.stat-value{font-size:32px;font-weight:700;color:var(--color-gray-800);margin-bottom:8px}.stat-value.warning{color:var(--color-warning)}.stat-change{font-size:13px;color:var(--color-gray-500)}.stat-change.positive{color:var(--color-success)}.stat-change.negative{color:var(--color-error)}.export-actions{display:flex;gap:12px;justify-content:flex-end}.export-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--color-primary-600);color:var(--on-accent);border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.export-btn.print{background:var(--color-info)}.export-btn:hover{filter:brightness(.96);box-shadow:var(--shadow-xs)}.generate-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.chart-section{background:#fff;border:1px solid var(--border-light);border-radius:12px;padding:20px 24px;margin-bottom:20px}.chart-section h3{font-size:15px;font-weight:600;color:var(--color-gray-700);margin:0 0 16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@media (max-width: 768px){.log-filters,.date-range-selector{flex-direction:column;align-items:stretch}.report-types,.stats-grid{grid-template-columns:1fr}.export-actions{flex-direction:column}}.notice-mgmt{padding:24px 24px 80px;max-width:1100px;margin:0 auto}.list-page-header{display:flex;align-items:center;gap:14px;margin-bottom:24px}.list-page-header h1{font-size:1.4rem;font-weight:700;color:var(--color-gray-800);margin:0}.back-btn{display:flex;align-items:center;gap:6px;background:none;border:1px solid var(--border-medium);border-radius:8px;padding:6px 12px;font-size:.85rem;color:var(--color-gray-700);cursor:pointer;transition:background .15s}.notice-list-wrap{background:var(--bg-card);border-radius:12px;box-shadow:0 1px 4px #00000014;overflow:hidden}.notice-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.notice-table{width:100%;border-collapse:collapse;font-size:.88rem}.notice-table thead tr{background:var(--color-gray-50)}.notice-table th,.notice-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--color-gray-50)}.notice-table th{font-weight:600;color:var(--color-gray-500);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.notice-row.inactive td{opacity:.5}.type-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;white-space:nowrap}.notice-title-cell{cursor:pointer;color:var(--color-gray-800);font-weight:500}.notice-title-cell:hover{color:var(--color-info);text-decoration:underline}.status-toggle{padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600;border:none;cursor:pointer}.status-toggle.active{background:var(--color-success-bg);color:var(--color-success)}.status-toggle.inactive{background:var(--color-error-bg);color:var(--color-error)}.row-actions{display:flex;gap:6px}.icon-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:none;cursor:pointer;transition:background .15s}.icon-btn.edit{background:var(--color-info-bg);color:var(--color-info)}.icon-btn.edit:hover{background:var(--color-info-bg)}.icon-btn.delete{background:var(--color-error-bg);color:var(--color-error)}.icon-btn.delete:hover{background:var(--color-error-bg)}.notice-expand-row{background:var(--color-gray-50)}.notice-expand-content{padding:12px 16px;white-space:pre-wrap;color:var(--color-gray-700);font-size:.88rem;line-height:1.6}.notice-loading,.notice-empty{padding:60px;text-align:center;color:var(--color-gray-400)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.notice-modal{background:var(--bg-card);border-radius:14px;width:100%;max-width:560px;box-shadow:0 8px 32px #0000002e;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border-light)}.modal-header h3{margin:0;font-size:1.05rem;font-weight:700;color:var(--color-gray-800)}.modal-close-btn{background:none;border:none;font-size:1.2rem;color:var(--color-gray-500);cursor:pointer;padding:4px 8px;border-radius:6px}.modal-close-btn:hover{background:var(--color-gray-50)}.notice-form{padding:20px 22px;display:flex;flex-direction:column;gap:16px}.form-row{display:flex;flex-direction:column;gap:6px}.form-row label{font-size:.85rem;font-weight:600;color:var(--color-gray-700)}.form-row input[type=text],.form-row textarea{border:1px solid var(--border-medium);border-radius:8px;padding:9px 12px;font-size:.9rem;color:var(--color-gray-800);resize:vertical;outline:none;transition:border-color .15s}.form-row input[type=text]:focus,.form-row textarea:focus{border-color:var(--color-info)}.type-select-row{display:flex;gap:10px;flex-wrap:wrap}.type-radio{flex:1 1 170px;display:flex;align-items:center;gap:5px;padding:6px 14px;border-radius:8px;border:2px solid var(--border-light);cursor:pointer;font-size:.85rem;font-weight:600;transition:border-color .15s,background .15s}.type-radio input{display:none}.type-radio.selected{border-color:currentColor;background:var(--color-gray-50)}.checkbox-row label{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--color-gray-700);cursor:pointer}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.btn-cancel{padding:8px 18px;border-radius:8px;border:1px solid var(--border-medium);background:var(--bg-card);color:var(--color-gray-700);font-size:.9rem;cursor:pointer}.btn-save{padding:8px 18px;border-radius:8px;border:none;background:var(--color-info);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer}.btn-save:disabled{opacity:.6;cursor:not-allowed}.audience-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap}.audience-desc{font-size:11px;color:var(--color-gray-500);margin-left:4px}@media (max-width: 768px){.notice-mgmt{padding:16px}.notice-table{font-size:.8rem}.notice-table th,.notice-table td{padding:8px 10px}}.trash-page{max-width:1100px;margin:0 auto;padding:24px 20px}.trash-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.trash-back-btn{display:flex;align-items:center;gap:6px;background:none;border:1px solid var(--border-light);border-radius:8px;padding:8px 14px;font-size:13px;color:var(--color-gray-500);cursor:pointer;transition:all .15s}.trash-back-btn:hover{background:var(--color-gray-100);color:var(--color-gray-900)}.trash-header-title{display:flex;align-items:center;gap:10px;flex:1}.trash-header-title h1{font-size:20px;font-weight:700;color:var(--color-gray-900);margin:0}.trash-count{background:var(--color-gray-100);color:var(--color-gray-500);font-size:12px;font-weight:600;padding:2px 8px;border-radius:12px}.trash-refresh-btn{background:none;border:1px solid var(--border-light);border-radius:8px;padding:8px;cursor:pointer;color:var(--color-gray-500);display:flex;align-items:center;transition:all .15s}.trash-refresh-btn:hover{background:var(--color-gray-100)}.trash-refresh-btn svg.spinning{animation:spin .8s linear infinite}.trash-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:12px 16px;background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:10px}.trash-filter-group{display:flex;align-items:center;gap:6px;color:var(--color-gray-400);flex-wrap:wrap}.trash-filter-btn{background:var(--bg-card);border:1px solid var(--border-light);border-radius:20px;padding:4px 12px;font-size:12px;color:var(--color-gray-500);cursor:pointer;transition:all .15s}.trash-filter-btn:hover{border-color:var(--color-primary-500);color:var(--color-primary-500)}.trash-filter-btn.active{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff;font-weight:600}.trash-bulk-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.trash-sel-count{font-size:12px;color:var(--color-gray-500);font-weight:600}.trash-btn-restore,.trash-btn-purge{display:flex;align-items:center;gap:5px;padding:6px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;border:none;transition:all .15s}.trash-btn-restore{background:var(--color-success-bg);color:var(--color-success-text)}.trash-btn-restore:hover{background:var(--color-success-bg)}.trash-btn-purge{background:var(--color-error-bg);color:var(--color-error-text)}.trash-btn-purge:hover{background:var(--color-error-light)}.trash-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:var(--color-gray-400);font-size:15px}.trash-table-wrap{overflow-x:auto;border:1px solid var(--border-light);border-radius:10px}.trash-table{width:100%;border-collapse:collapse;font-size:13px}.trash-table thead{background:var(--color-gray-50)}.trash-table th{padding:calc(10px * var(--density, 1)) 12px;text-align:left;font-weight:600;color:var(--color-gray-500);border-bottom:1px solid var(--border-light);white-space:nowrap}.trash-th-check{width:36px}.trash-table tbody tr{border-bottom:1px solid var(--color-gray-100);transition:background .1s}.trash-table tbody tr:hover{background:var(--color-gray-50)}.trash-table tbody tr.selected{background:var(--color-info-bg)}.trash-table td{padding:calc(10px * var(--density, 1)) 12px;vertical-align:middle}.trash-td-check{width:36px}.trash-type-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:700;color:#fff;white-space:nowrap}.trash-td-title{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--color-gray-900)}.trash-thumb{width:36px;height:36px;object-fit:cover;border-radius:6px;border:1px solid var(--border-light)}.trash-td-sub{color:var(--color-gray-500);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trash-td-date{color:var(--color-gray-400);white-space:nowrap;font-size:12px}.trash-td-actions{display:flex;gap:6px;white-space:nowrap}.trash-action-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;border:none;transition:all .15s}.trash-action-btn.restore{background:var(--color-success-bg);color:var(--color-success-text)}.trash-action-btn.restore:hover{background:var(--color-success-bg)}.trash-action-btn.purge{background:var(--color-error-bg);color:var(--color-error-text)}.trash-action-btn.purge:hover{background:var(--color-error-light)}.trash-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9000}.trash-modal{position:relative;background:var(--bg-card);border-radius:16px;padding:32px 28px;width:360px;max-width:90vw;text-align:center;box-shadow:0 20px 40px #0000002e}.trash-modal-close{position:absolute;top:12px;right:12px;padding:4px;line-height:0;background:transparent;border:none;cursor:pointer;color:var(--color-gray-400);transition:all .15s}.trash-modal-close:hover{color:var(--color-gray-700)}.trash-modal-icon{width:60px;height:60px;background:var(--color-error-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.trash-modal h2{font-size:18px;font-weight:700;color:var(--color-gray-900);margin:0 0 10px}.trash-modal p{font-size:14px;color:var(--color-gray-500);line-height:1.6;margin:0 0 24px}.trash-modal-actions{display:flex;gap:10px;justify-content:center}.trash-modal-cancel{flex:1;padding:10px;border:1px solid var(--border-light);border-radius:10px;background:var(--bg-card);font-size:14px;font-weight:600;cursor:pointer;color:var(--color-gray-500);transition:all .15s}.trash-modal-cancel:hover{background:var(--color-gray-100)}.trash-modal-confirm{flex:1;padding:10px;border:none;border-radius:10px;background:var(--color-error);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .15s}.trash-modal-confirm:hover{background:var(--color-error)}.bulk-upload-page{max-width:960px;margin:0 auto;padding:24px 20px 48px;font-family:inherit}.bulk-upload-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;row-gap:8px;margin-bottom:24px}.bulk-upload-header h2{font-size:20px;font-weight:700;color:var(--color-primary-900);margin:0}.bulk-header-hint{font-size:11px;background:var(--color-primary-50);color:var(--color-primary-700);border-radius:20px;padding:2px 10px;font-weight:600}.bulk-next-number{margin-left:auto;font-size:12px;color:var(--color-gray-500);background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:6px;padding:3px 10px}.bulk-next-number strong{color:var(--color-primary-600);font-weight:700}.bulk-back-btn{display:flex;align-items:center;gap:4px;background:none;border:1px solid var(--border-light);border-radius:8px;padding:6px 12px;font-size:13px;cursor:pointer;color:var(--color-gray-700);transition:background .15s}.bulk-back-btn:hover{background:var(--color-gray-50)}.bulk-drop-zone{border:2px dashed var(--color-primary-200);border-radius:16px;padding:40px 24px;text-align:center;cursor:pointer;background:var(--color-primary-50);color:var(--color-primary-600);transition:background .15s,border-color .15s;display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:20px}.bulk-drop-zone:hover{background:var(--color-primary-50);border-color:var(--color-primary-600)}.bulk-drop-zone p{margin:0;font-size:14px;font-weight:500}.bulk-drop-hint{font-size:12px;color:var(--color-gray-400);font-weight:400!important}.bulk-drop-hint code{background:var(--color-primary-50);border-radius:4px;padding:1px 6px;color:var(--color-primary-600)}.bulk-stats-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:12px;padding:12px 16px;margin-bottom:16px;font-size:13px;color:var(--color-gray-700)}.bulk-stat-pending{color:var(--color-primary-500);font-weight:600}.bulk-stat-done{color:var(--color-success);font-weight:600}.bulk-stat-error{color:var(--color-error);font-weight:600}.bulk-stat-progress{color:var(--color-primary-600);font-weight:600}.bulk-stats-actions{margin-left:auto;display:flex;gap:8px}.bulk-clear-btn{border:1px solid var(--border-light);background:var(--bg-card);border-radius:8px;padding:6px 14px;font-size:13px;cursor:pointer;color:var(--color-gray-500);transition:background .15s}.bulk-clear-btn:hover:not(:disabled){background:var(--color-gray-100)}.bulk-upload-btn{display:flex;align-items:center;gap:6px;background:var(--color-primary-600);color:var(--on-accent);border:none;border-radius:8px;padding:7px 18px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.bulk-upload-btn:disabled{opacity:.5;cursor:not-allowed}.bulk-upload-btn:hover:not(:disabled){opacity:.9}.bulk-item-list{display:flex;flex-direction:column;gap:10px}.bulk-item{display:flex;align-items:flex-start;gap:14px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;padding:12px 14px;transition:border-color .15s}.bulk-item--uploading{border-color:var(--color-primary-300);background:var(--color-primary-50)}.bulk-item--done{border-color:var(--color-success-light);background:var(--color-success-bg)}.bulk-item--error{border-color:var(--color-error-light);background:var(--color-error-bg)}.bulk-item--skip{border-color:var(--color-warning-light);background:var(--color-warning-bg)}.bulk-item-thumb{width:72px;height:72px;object-fit:cover;border-radius:8px;flex-shrink:0;border:1px solid var(--border-light);background:var(--color-gray-100)}.bulk-item-info{flex:1;min-width:0}.bulk-item-filename{font-size:12px;color:var(--color-gray-500);margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bulk-item-fields{display:flex;gap:12px;flex-wrap:wrap}.bulk-item-fields label{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--color-gray-500);font-weight:600}.bulk-item-fields input{border:1px solid var(--border-medium);border-radius:6px;padding:5px 8px;font-size:13px;outline:none;width:180px;transition:border-color .15s}.bulk-item-fields input:focus{border-color:var(--color-primary-500)}.bulk-item-fields input:disabled{background:var(--color-gray-50);color:var(--color-gray-400)}.bulk-item-progress-bar{margin-top:8px;height:4px;background:var(--border-light);border-radius:99px;overflow:hidden}.bulk-item-progress-bar>div{height:100%;background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-600));border-radius:99px;transition:width .2s}.bulk-item-message{margin-top:6px;font-size:11px;border-radius:4px}.bulk-item-message--done{color:var(--color-success)}.bulk-item-message--error{color:var(--color-error)}.bulk-item-message--skip{color:var(--color-warning)}.bulk-item-actions{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.bulk-item-remove{background:none;border:1px solid var(--border-light);border-radius:50%;width:22px;height:22px;font-size:14px;line-height:1;cursor:pointer;color:var(--color-gray-400);display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.bulk-item-remove:hover:not(:disabled){background:var(--color-error-bg);color:var(--color-error);border-color:var(--color-error-light)}.bulk-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:60px 0;color:var(--color-gray-400);font-size:14px}.spin{animation:spin .8s linear infinite}.company-info-container{padding:var(--space-xl);max-width:1400px;margin:0 auto;padding-bottom:100px}.company-info-form{display:flex;flex-direction:column;gap:var(--space-xl)}.company-tabs{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-xl)}.company-tab{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border:1.5px solid var(--border-medium);border-radius:var(--radius-full);background:#fff;color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base)}.company-tab:hover{border-color:var(--color-primary-500);color:var(--color-primary-600)}.company-tab.active{background:var(--color-primary-600);border-color:var(--color-primary-600);color:var(--on-accent);box-shadow:var(--shadow-xs)}.company-tab .default-star{color:var(--color-warning-light)}.company-tab.add-tab{border-style:dashed;color:var(--color-gray-500)}.company-tab.add-tab:hover,.company-tab.add-tab.active{border-color:var(--color-primary-500);color:var(--color-primary-600);background:var(--color-primary-50)}.new-badge{display:inline-block;margin-left:8px;padding:2px 10px;background:var(--color-primary-500);color:#fff;font-size:var(--font-size-xs);border-radius:var(--radius-full);vertical-align:middle}.default-check{margin:0;white-space:nowrap}.accounts-empty{margin:0;padding:var(--space-lg);color:var(--color-gray-500);font-size:var(--font-size-sm);background:var(--bg-disabled, var(--color-gray-50));border-radius:var(--radius-md);text-align:center}.section-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid var(--color-primary-500)}.section-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900);flex:1}.section-header svg{color:var(--color-primary-500)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.form-group.full-width{grid-column:1 / -1}.form-group label{display:block;margin-bottom:var(--space-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-700)}.form-group label .required{color:var(--color-danger);margin-left:2px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 14px;border:1px solid var(--border-medium);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all var(--transition-base);background:#fff}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #c06a431a}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{background:var(--bg-disabled);color:var(--color-gray-600);cursor:not-allowed}.btn-add-account{padding:8px 16px;background:var(--color-primary-600);color:var(--on-accent);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base)}.btn-add-account:hover{filter:brightness(.96);box-shadow:var(--shadow-xs)}.accounts-list{display:flex;flex-direction:column;gap:var(--space-lg)}.account-card{position:relative;padding:var(--space-lg);background:#fff;border:2px solid var(--border-light);border-radius:var(--radius-lg);transition:all var(--transition-base)}.account-card.primary{border-color:var(--color-primary-500);background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-primary-50) 100%);box-shadow:0 2px 8px #c06a4326}.primary-badge{position:absolute;top:-12px;left:20px;padding:4px 12px;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);letter-spacing:.05em}.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);align-items:end}.account-actions{display:flex;flex-direction:column;gap:var(--space-sm);justify-content:flex-end}.checkbox-label{display:flex;align-items:center;gap:var(--space-xs);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-gray-700);margin-bottom:var(--space-xs)}.checkbox-label input[type=checkbox]{width:auto;margin:0;cursor:pointer}.btn-remove-account{padding:6px 12px;background:var(--color-danger);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base)}.btn-remove-account:hover{background:var(--color-error)}@media (max-width: 768px){.company-info-container{padding:var(--space-md)}.form-grid,.account-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:1}}.mockup-detail{padding:20px 24px 60px;max-width:1100px;margin:0 auto}.md-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;text-align:center}.md-header{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding-bottom:14px;margin-bottom:16px;border-bottom:1px solid var(--border-light)}.md-back{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);color:var(--color-gray-600);cursor:pointer}.md-back:hover{background:var(--color-gray-100)}.md-title{display:flex;align-items:center;gap:10px}.md-title h2{margin:0;font-size:20px;font-weight:700;color:var(--color-gray-900)}.md-ver{font-size:13px;font-weight:600;color:var(--color-primary-text);background:var(--color-primary-50);padding:2px 8px;border-radius:999px}.md-title-meta{font-size:13px;color:var(--color-gray-500);margin-left:auto}.md-title-meta strong{color:var(--color-gray-800)}.md-target-edit{display:inline-flex;align-items:center;gap:4px}.md-target-edit input{width:180px;padding:3px 7px;font-size:12px;border:1px solid var(--border-medium);border-radius:5px;background:var(--bg-card);color:var(--color-gray-900)}.md-target-btn{display:inline-flex;align-items:center;justify-content:center;padding:2px;margin-left:3px;vertical-align:middle;border:1px solid transparent;border-radius:5px;cursor:pointer;color:var(--color-gray-400);background:transparent}.md-target-btn:hover:not(:disabled){color:var(--color-gray-700);background:var(--color-gray-100)}.md-target-btn:disabled{opacity:.5;cursor:default}.md-target-chips{display:flex;flex-wrap:wrap;gap:8px}.md-target-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 12px;border-radius:999px;font-size:13px;color:var(--color-gray-800);background:var(--bg-card);border:1px solid var(--border-medium)}.md-target-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;font-size:11px;font-weight:700;color:var(--color-gray-600);background:var(--color-gray-100)}.md-section{margin-bottom:22px}.md-label{display:block;font-size:13px;font-weight:600;color:var(--color-gray-700);margin-bottom:8px}.md-hint{font-size:12px;color:var(--color-gray-400);margin-top:8px}.md-empty{padding:28px;text-align:center;color:var(--color-gray-400);font-size:14px;background:var(--color-gray-50);border:1px dashed var(--border-light);border-radius:10px}.md-notes{width:100%;padding:10px 12px;border:1px solid var(--border-medium);border-radius:8px;font-size:13px;font-family:inherit;resize:vertical;margin-bottom:10px;box-sizing:border-box}.md-notes:focus{outline:none;border-color:var(--color-primary-500)}.md-actions{display:flex;flex-wrap:wrap;gap:8px}.md-history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.md-hist-card{position:relative;border:1px solid var(--border-light);border-radius:10px;overflow:hidden;background:var(--bg-card)}.md-hist-card--sel{border-color:var(--color-primary-600);box-shadow:0 0 0 2px var(--color-primary-600) inset}.md-hist-check{position:absolute;top:8px;left:8px;z-index:2;display:inline-flex;padding:4px;border-radius:6px;background:var(--bg-card);border:1px solid var(--border-medium);cursor:pointer}.md-hist-check input{cursor:pointer;margin:0}.md-hist-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.md-hist-head-actions{margin-left:auto;display:flex;gap:6px}.md-hist-img{width:100%;aspect-ratio:4 / 3;background:var(--color-gray-100);display:flex;align-items:center;justify-content:center;overflow:hidden}.md-hist-img img{width:100%;height:100%;object-fit:contain;display:block}.md-hist-noimg{display:inline-flex;align-items:center;gap:6px;color:var(--color-gray-400);font-size:13px}.md-hist-meta{display:flex;align-items:center;gap:6px;padding:8px 10px 2px}.md-hist-date{font-size:11px;color:var(--color-gray-400);margin-left:auto}.md-hist-notes{padding:4px 10px 10px;font-size:12px;color:var(--color-gray-500)}.md-past-search{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border-medium);border-radius:8px;color:var(--color-gray-500)}.md-past-search input{flex:1;border:none;outline:none;font-size:14px;background:transparent}.md-past-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:12px}.md-past-card{display:flex;flex-direction:column;border:1px solid var(--border-light);border-radius:10px;overflow:hidden;background:var(--bg-card);cursor:pointer;text-align:left;padding:0;transition:border-color .12s,box-shadow .12s}.md-past-card:hover:not(:disabled){border-color:var(--color-primary-500);box-shadow:0 2px 8px #c06a4326}.md-past-card:disabled{opacity:.6;cursor:not-allowed}.md-past-img{width:100%;aspect-ratio:1 / 1;background:var(--color-gray-100);display:flex;align-items:center;justify-content:center;overflow:hidden}.md-past-img img{width:100%;height:100%;object-fit:contain;display:block}.md-past-info{padding:8px 10px}.md-past-title{font-size:13px;font-weight:700;color:var(--color-gray-900);margin-bottom:3px}.md-past-sub{font-size:11.5px;color:var(--color-gray-500);margin-top:2px}.design-gallery-page{height:auto!important;max-height:none!important}.viewer-design-protection{-webkit-user-select:none;user-select:none}.viewer-design-protection .design-card-img,.viewer-design-protection .watermark-wrap img{-webkit-user-drag:none;user-drag:none;pointer-events:auto}.gallery-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:17px;flex-wrap:wrap;flex-shrink:0}.gallery-toolbar-left{display:flex;align-items:center;gap:8px;flex:1}.gallery-toolbar-right{display:flex;align-items:center;gap:8px}.my-company-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--color-primary-500);border-radius:8px;background:var(--color-primary-50);color:var(--color-primary-600);cursor:pointer;font-size:14px;font-weight:500;transition:all .15s;white-space:nowrap}.my-company-btn:hover,.my-company-btn.active{background:var(--color-primary-600);color:#fff;border-color:var(--color-primary-600)}.fav-filter-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);color:var(--color-gray-400);cursor:pointer;transition:all .15s;flex-shrink:0}.fav-filter-btn:hover{border-color:var(--color-warning);color:var(--color-warning)}.fav-filter-btn.active{background:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-warning)}.tag-toggle-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);cursor:pointer;font-size:14px;transition:all .15s;white-space:nowrap}.tag-toggle-btn:hover,.tag-toggle-btn.active{background:var(--color-primary-600);color:#fff;border-color:var(--color-primary-600)}.clear-filter-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border:1px solid var(--color-error-light);border-radius:8px;background:var(--color-error-bg);color:var(--color-error);cursor:pointer;font-size:13px;transition:all .15s}.clear-filter-btn:hover{background:var(--color-error-bg)}.gallery-search-form{display:flex;gap:6px}.gallery-search-input{padding:8px 12px;border:1px solid var(--border-medium);border-radius:8px;font-size:14px;width:220px;outline:none;transition:border-color .15s}.gallery-search-input:focus{border-color:var(--color-primary-600)}.gallery-search-btn{display:flex;align-items:center;justify-content:center;padding:8px 12px;background:var(--color-primary-600);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .15s}.gallery-search-btn:hover{background:var(--color-primary-700)}.tag-filter-bar{display:flex;flex-wrap:wrap;gap:8px;padding:10px 0;margin-bottom:8px;border-bottom:1px solid var(--border-light);flex-shrink:0}.tag-filter-chip{padding:5px 14px;border:1px solid var(--border-medium);border-radius:20px;background:var(--bg-card);cursor:pointer;font-size:13px;transition:all .15s}.tag-filter-chip:hover{background:var(--color-primary-50);border-color:var(--color-primary-300)}.tag-filter-chip.selected{background:var(--color-primary-600);color:#fff;border-color:var(--color-primary-600)}.active-filter-info{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-primary-600);margin-bottom:10px;flex-shrink:0}.design-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;padding-bottom:8px}.design-card{border:1px solid var(--border-light);border-radius:12px;overflow:hidden;cursor:pointer;background:var(--bg-card);transition:box-shadow .2s,transform .2s}.design-card:hover{box-shadow:0 8px 24px #0000001f}.design-card-thumb{position:relative;width:100%;padding-top:100%;background:var(--color-gray-100);overflow:hidden}.design-card-thumb>*{position:absolute;top:0;left:0;width:100%;height:100%}.design-card-img{object-fit:cover}.design-card-thumb .design-card-watermark-wrap{overflow:hidden}.design-card-thumb .design-card-watermark-wrap img.design-card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block}.design-card-placeholder{display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);font-size:13px}.design-card-info{padding:10px 12px}.design-card-number-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.design-card-number{font-weight:600;font-size:14px;color:var(--color-gray-800)}.design-card-colorway-count{font-size:11px;font-weight:600;color:var(--color-primary-600);background:var(--color-primary-50);border-radius:10px;padding:2px 8px;white-space:nowrap}.design-card-company{display:flex;align-items:center;gap:3px;font-size:11px;color:var(--color-primary-500);font-weight:500;margin-top:3px;margin-bottom:1px}.design-star-btn{position:absolute;top:7px;right:7px;z-index:10;width:28px;height:28px;border-radius:50%;border:none;background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);transition:all .18s;box-shadow:0 1px 4px #0000002e;padding:0}.design-star-btn:hover{background:var(--bg-card);color:var(--color-warning);transform:scale(1.1)}.design-star-btn.is-fav{color:var(--color-warning);background:var(--bg-card)}.design-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.design-tag-chip{padding:2px 8px;background:var(--color-primary-50);color:var(--color-primary-800);border-radius:10px;font-size:11px}.gallery-loading,.gallery-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:80px 20px;color:var(--color-gray-500)}.gallery-empty p{margin-bottom:16px;font-size:15px}.gallery-count{font-size:13px;color:var(--color-gray-500);white-space:nowrap}.gallery-load-more{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;color:var(--color-gray-500);font-size:14px}.gallery-end-message{text-align:center;padding:20px;font-size:13px;color:var(--color-gray-400)}.scroll-sentinel{height:1px;width:100%}@keyframes gallery-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:gallery-spin .8s linear infinite}.watermark-wrap{display:block}.css-watermark{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(45deg,transparent 0px,transparent 28px,rgba(100,100,100,.12) 28px,rgba(100,100,100,.12) 29px),repeating-linear-gradient(-45deg,transparent 0px,transparent 28px,rgba(100,100,100,.12) 28px,rgba(100,100,100,.12) 29px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Ctext x='50%25' y='50%25' dominant-baseline='middle' text-anchor='middle' font-size='10' font-family='Verdana,Geneva,sans-serif' fill='rgba(100,100,100,0.30)' transform='rotate(-45 45 45)'%3EUE Corporation%3C/text%3E%3C/svg%3E");background-size:58px 58px,58px 58px,90px 90px;mix-blend-mode:multiply}@media (max-width: 768px){.gallery-toolbar{gap:8px;margin-bottom:12px}.gallery-search-input{width:140px;font-size:16px}.design-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}}@media (max-width: 480px){.gallery-toolbar{flex-wrap:wrap;gap:6px}.gallery-toolbar-left,.gallery-search-form{width:100%}.gallery-search-input{flex:1;width:auto;font-size:16px}.design-grid{grid-template-columns:repeat(2,1fr);gap:10px}.design-card-info{padding:8px 10px}.design-card-number{font-size:13px}}.design-detail-page{padding:16px 24px 120px}.design-detail-page .back-button,.design-detail-page .detail-topbar{margin-bottom:12px}.print-header,.print-area{display:none}@media print{.header,.sidebar,.screen-area,.floating-action-bar{display:none!important}.print-header{display:flex!important;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:2px solid var(--color-gray-800);margin-bottom:20px;font-size:13pt}.print-header-left{font-size:15pt;font-weight:700}.print-header-right{font-size:11pt;color:var(--color-gray-700)}.print-area{display:block!important;padding:0 20px 20px}.print-design-number{font-size:18pt;font-weight:700;margin-bottom:4px}.print-meta{font-size:10pt;color:var(--color-gray-500);margin-bottom:16px}.print-main-img{max-width:100%;max-height:220mm;object-fit:contain;page-break-inside:avoid}.print-colorway{margin-top:16px;page-break-inside:avoid}.print-colorway img{max-width:50%;max-height:100mm;object-fit:contain}.print-colorway-label{font-weight:700;font-size:11pt;margin-bottom:6px}.print-notes{margin-top:12px;font-size:10pt;color:var(--color-gray-700)}}.detail-section{background:var(--bg-card);border:1px solid var(--border-light);border-radius:14px;padding:22px 24px;margin-bottom:20px}.section-label{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-gray-500);margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--color-gray-100)}.design-section .section-label{color:var(--color-primary-600)}.design-meta-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.design-number-badge{font-size:22px;font-weight:800;color:var(--color-gray-800);letter-spacing:.02em}.design-date{font-size:14px;color:var(--color-gray-500)}.tag-chip{padding:3px 12px;background:var(--color-primary-50);color:var(--color-primary-800);border-radius:12px;font-size:12px;font-weight:500}.detail-fav-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border:1.5px solid var(--border-medium);border-radius:20px;background:var(--bg-card);color:var(--color-gray-400);font-size:13px;font-weight:500;cursor:pointer;transition:all .18s;margin-left:auto}.detail-fav-btn:hover,.detail-fav-btn.is-fav{border-color:var(--color-warning);color:var(--color-warning);background:var(--color-warning-bg)}.design-notes-text{font-size:14px;color:var(--color-gray-600);margin-bottom:16px;background:var(--color-gray-50);padding:10px 14px;border-radius:8px}.image-viewer{display:flex;gap:16px}.ruler-outer{flex:1 1 0;min-width:0;aspect-ratio:1;max-height:520px;display:grid;grid-template-columns:24px 1fr;grid-template-rows:24px 1fr;border-radius:10px;overflow:hidden;border:1px solid var(--border-light)}.ruler-corner{background:var(--color-gray-50);border-right:1px solid #ddd;border-bottom:1px solid #ddd}.ruler-h-canvas,.ruler-v-canvas{display:block;width:100%;height:100%;background:var(--color-gray-50)}.main-image-wrap{position:relative;min-width:0;min-height:0;background:var(--color-gray-100);overflow:hidden;cursor:zoom-in}.main-image-tiled{width:100%;height:100%;background-color:var(--color-gray-100)}.main-image{width:100%;height:100%;object-fit:contain}.no-image{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-gray-400);font-size:14px}.zoom-hint{position:absolute;bottom:10px;right:10px;display:flex;align-items:center;gap:4px;padding:4px 10px;background:#00000080;color:#fff;border-radius:8px;font-size:12px;pointer-events:none}.thumb-list{display:flex;flex-direction:column;gap:8px;width:96px;flex-shrink:0;max-height:520px;overflow-y:auto;padding-right:2px}.thumb-list::-webkit-scrollbar{width:4px}.thumb-list::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:2px}.thumb-list::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:2px}.thumb-item{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;border:2px solid transparent;border-radius:8px;padding:3px;transition:border-color .15s,transform .1s;flex-shrink:0}.thumb-item:hover{border-color:var(--color-primary-300);transform:scale(1.03)}.thumb-item.active{border-color:var(--color-primary-600);background:var(--color-primary-50)}.thumb-img{width:80px;height:80px;object-fit:cover;border-radius:6px}.thumb-placeholder{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border-radius:6px;font-size:11px;color:var(--color-gray-400)}.thumb-label{font-size:11px;color:var(--color-gray-500);text-align:center;width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:9999;overflow:hidden}.lightbox-tile-area{position:fixed;top:24px;left:24px;right:0;bottom:0;overflow:hidden;-webkit-user-select:none;user-select:none}.lb-tile-canvas{display:block;width:100%;height:100%}.lb-tile-bg{width:100%;height:100%}.lb-ruler-corner{position:fixed;top:0;left:0;width:24px;height:24px;background:var(--color-gray-50);border-right:1px solid #ddd;border-bottom:1px solid #ddd;z-index:10001}.lb-ruler-h{position:fixed;top:0;left:24px;width:calc(100vw - 24px);height:24px;display:block;background:var(--color-gray-50);z-index:10001}.lb-ruler-v{position:fixed;left:0;top:24px;width:24px;height:calc(100vh - 24px);display:block;background:var(--color-gray-50);z-index:10001}.lightbox-close{position:fixed;top:4px;right:8px;background:#282828bf;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10002;transition:background .15s}.lightbox-close:hover{background:#dc3c3cd9;border-color:#fff6}.lightbox-content{position:relative;will-change:transform}.lightbox-img{max-width:90vw;max-height:90vh;display:block;border-radius:4px;pointer-events:none}.lightbox-hint{position:fixed;bottom:20px;left:50%;transform:translate(-50%);color:#ffffff8c;font-size:13px;pointer-events:none;white-space:nowrap}.order-section{border-top:3px solid var(--color-primary-600)}.order-section .section-label{color:var(--color-primary-600)}.order-col-headers{display:grid;grid-template-columns:1.4fr 1.2fr 90px 1fr 34px;gap:8px;padding:0 2px 6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-gray-400);border-bottom:1px solid var(--color-gray-100);margin-bottom:8px}.order-rows-wrap{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.order-row{display:grid;grid-template-columns:1.4fr 1.2fr 90px 1fr 34px;gap:8px;align-items:start}.order-fabric-wrap{display:flex;flex-direction:column;gap:5px}.order-fabric-direct-input{padding:7px 10px;border:1.5px solid var(--color-primary-500);border-radius:8px;font-size:13px;outline:none;width:100%;background:var(--color-primary-50);transition:border-color .15s,background .15s}.order-fabric-direct-input:focus{border-color:var(--color-primary-600);background:var(--bg-card);box-shadow:0 0 0 3px #c06a431a}.order-fabric-direct-input::placeholder{color:var(--color-primary-300)}.order-select,.order-qty-input,.order-note-input{padding:8px 10px;border:1px solid var(--border-light);border-radius:8px;font-size:14px;outline:none;width:100%;background:var(--color-gray-50);transition:border-color .15s,background .15s}.order-select:focus,.order-qty-input:focus,.order-note-input:focus{border-color:var(--color-primary-500);background:var(--bg-card);box-shadow:0 0 0 3px #c06a431a}.order-row-remove{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-error-light);border-radius:7px;background:var(--color-error-bg);color:var(--color-error);cursor:pointer;flex-shrink:0;transition:background .15s}.order-row-remove:hover{background:var(--color-error-bg)}.add-row-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border:1.5px dashed var(--color-primary-300);border-radius:8px;background:var(--color-primary-50);color:var(--color-primary-600);cursor:pointer;font-size:13px;margin-bottom:8px;transition:background .15s}.add-row-btn:hover{background:var(--color-primary-50)}.order-no-permission{display:flex;align-items:center;gap:10px;padding:16px;background:var(--color-gray-100);border-radius:8px;color:var(--color-gray-500);font-size:14px;border:1px solid var(--border-light)}.order-no-company{background:var(--color-warning-bg);color:var(--color-warning-text);border-color:var(--color-warning-bg)}.order-success-banner{padding:12px 16px;background:linear-gradient(135deg,var(--color-success-bg),var(--color-success-bg));color:var(--color-success-text);border-radius:10px;margin-bottom:8px;font-size:14px;font-weight:500;border:1px solid var(--color-success-light)}@media (max-width: 768px){.design-detail-page{padding:12px 12px 90px}.design-number-badge{font-size:18px}.detail-section{padding:16px;border-radius:10px}.image-viewer{flex-direction:column}.ruler-outer{flex:none;width:100%;aspect-ratio:1;max-height:75vw}.main-image-wrap{min-width:0;min-height:0}.thumb-list{flex-direction:row;width:100%;max-height:none;overflow-x:auto;overflow-y:visible;padding-right:0;padding-bottom:4px}.thumb-img,.thumb-placeholder{width:68px;height:68px}.thumb-label{width:68px}.order-col-headers{display:none}.order-row{grid-template-columns:1fr 1fr;gap:6px}.order-qty-input,.order-select,.order-note-input{font-size:16px}}@media (max-width: 480px){.design-detail-page{padding:10px 10px 80px}.order-row{grid-template-columns:1fr;gap:5px;padding-bottom:10px;border-bottom:1px solid var(--color-gray-100)}.order-row-remove{margin-left:auto}.lightbox-hint{font-size:11px;bottom:12px}.lightbox-close{top:4px;right:6px;width:28px;height:28px}}.design-detail-viewer .viewer-design-protection{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.design-detail-viewer .viewer-design-protection canvas,.design-detail-viewer .viewer-design-protection .main-image-wrap{-webkit-user-drag:none}.design-company-badge{display:inline-flex;align-items:center;gap:4px;background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:20px;padding:3px 10px;font-size:12px;color:var(--color-primary-700);font-weight:600}.design-register-page{max-width:900px;margin:0 auto;padding:0 4px 40px}.register-header{display:flex;align-items:center;gap:16px;margin-bottom:28px}.register-header h2{font-size:20px;font-weight:700;color:var(--color-gray-800);margin:0}.back-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);cursor:pointer;font-size:14px;transition:background .15s}.back-btn:hover{background:var(--color-gray-100)}.register-form{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;padding:28px 32px}.form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:20px}.form-row label{font-size:14px;font-weight:600;color:var(--color-gray-700)}.required{color:var(--color-error)}.form-input{padding:9px 12px;border:1px solid var(--border-medium);border-radius:8px;font-size:14px;outline:none;transition:border-color .15s;max-width:360px}.form-input:focus{border-color:var(--color-primary-600)}.form-input.readonly{background:var(--color-gray-100);color:var(--color-gray-500);cursor:not-allowed}.design-number-row{display:flex;align-items:center;gap:10px}.design-number-row .form-input{flex:1;min-width:0}.manual-number-toggle{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:13px;color:var(--color-primary-600);font-weight:500;cursor:pointer;padding:6px 10px;border:1px solid var(--color-primary-200);border-radius:8px;background:var(--color-primary-50);transition:background .15s;-webkit-user-select:none;user-select:none}.manual-number-toggle:hover{background:var(--color-primary-50)}.manual-number-toggle input[type=checkbox]{accent-color:var(--color-primary-600);width:14px;height:14px;cursor:pointer}.form-textarea{padding:9px 12px;border:1px solid var(--border-medium);border-radius:8px;font-size:14px;outline:none;resize:vertical;width:100%;max-width:640px;transition:border-color .15s}.form-textarea:focus{border-color:var(--color-primary-600)}.form-hint{font-size:12px;color:var(--color-gray-400)}.form-section-title{font-size:15px;font-weight:700;color:var(--color-gray-800);margin:24px 0 16px;padding-bottom:8px;border-bottom:2px solid var(--border-light)}.images-upload-grid{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.image-upload-box{display:flex;flex-direction:column;gap:6px;width:160px}.image-upload-label{font-size:12px;font-weight:600;color:var(--color-gray-700);min-height:16px}.image-upload-area{position:relative;width:160px;height:160px;border:2px dashed var(--border-medium);border-radius:10px;cursor:pointer;overflow:hidden;background:var(--color-gray-50);transition:border-color .15s}.image-upload-area:hover{border-color:var(--color-primary-500);background:var(--color-primary-50)}.image-upload-area.has-image{border-style:solid;border-color:var(--color-primary-300)}.upload-preview-img{width:100%;height:100%;object-fit:cover}.upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#4f46e58c;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:13px;opacity:0;transition:opacity .15s}.image-upload-area:hover .upload-overlay{opacity:1}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:8px;color:var(--color-gray-400);font-size:12px}.image-remove-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--color-error-light);border-radius:6px;background:var(--color-error-bg);color:var(--color-error);cursor:pointer;font-size:12px;align-self:flex-start}.image-remove-btn:hover{background:var(--color-error-bg)}.colorway-upload-item{display:flex;flex-direction:column;gap:6px}.colorway-upload-header{display:flex;align-items:center;gap:6px}.colorway-label-input{padding:5px 9px;border:1px solid var(--border-medium);border-radius:6px;font-size:13px;outline:none;width:100px}.colorway-label-input:focus{border-color:var(--color-primary-600)}.colorway-remove-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--color-error-light);border-radius:6px;background:var(--color-error-bg);color:var(--color-error);cursor:pointer}.add-colorway-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:160px;height:160px;border:2px dashed var(--color-primary-300);border-radius:10px;background:var(--color-primary-50);color:var(--color-primary-600);cursor:pointer;font-size:13px;margin-top:22px;transition:background .15s}.add-colorway-btn:hover{background:var(--color-primary-50)}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border-light)}.cancel-btn{padding:7px 16px;border:1px solid var(--border-medium);border-radius:7px;background:var(--bg-card);cursor:pointer;font-size:13px;transition:background .15s}.cancel-btn:hover{background:var(--color-gray-100)}.save-btn{padding:7px 20px;background:var(--color-primary-600);color:#fff;border:none;border-radius:7px;cursor:pointer;font-size:13px;font-weight:600;transition:background .15s}.save-btn:hover:not(:disabled){background:var(--color-primary-700)}.save-btn:disabled{opacity:.6;cursor:not-allowed}.register-loading{text-align:center;padding:80px;color:var(--color-gray-500)}.image-upload-area.is-loading{cursor:not-allowed;border-color:var(--color-primary-300);background:var(--color-primary-50)}.upload-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:10px;color:var(--color-primary-600);font-size:12px}.upload-spinner{width:28px;height:28px;border:3px solid var(--color-primary-50);border-top-color:var(--color-primary-600);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.company-search-wrap{position:relative;flex:1}.company-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-card);border:1px solid var(--border-medium);border-radius:8px;box-shadow:0 4px 12px #0000001f;list-style:none;margin:0;padding:4px 0;z-index:200;max-height:200px;overflow-y:auto}.company-dropdown li{padding:8px 14px;cursor:pointer;font-size:14px;color:var(--color-gray-700);transition:background .15s}.company-dropdown li:hover{background:var(--color-primary-50);color:var(--color-primary-600)}.company-selected-badge{display:inline-flex;align-items:center;gap:6px;background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:20px;padding:6px 12px;font-size:14px;color:var(--color-primary-700);font-weight:500}.company-clear-btn{background:none;border:none;cursor:pointer;color:var(--color-gray-500);display:flex;align-items:center;padding:0;margin-left:2px;transition:color .15s}.company-clear-btn:hover{color:var(--color-error)}.exclusive-check-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.exclusive-check-label{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:var(--color-gray-700);cursor:pointer;-webkit-user-select:none;user-select:none}.exclusive-check-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary-600)}.exclusive-company-badge{display:inline-flex;align-items:center;gap:4px;background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:20px;padding:4px 10px;font-size:13px;color:var(--color-primary-700);font-weight:500}.exclusive-no-company-warn{font-size:13px;color:var(--color-error);font-weight:500}.dk-gallery-page{display:flex;flex-direction:column;height:auto;max-height:none}.dk-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap;flex-shrink:0}.dk-toolbar-left,.dk-toolbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.dk-tool-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);cursor:pointer;font-size:14px;white-space:nowrap;transition:all .15s;color:var(--color-gray-700)}.dk-tool-btn:hover{border-color:var(--color-primary-400)}.dk-tool-btn.active{background:var(--color-primary-600);color:var(--on-accent);border-color:var(--color-primary-600)}.dk-tool-btn:disabled{opacity:.5;cursor:not-allowed}.dk-clear-btn{display:flex;align-items:center;gap:4px;padding:7px 12px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);color:var(--color-gray-500);cursor:pointer;font-size:13px}.dk-count{font-size:13px;color:var(--color-gray-500);white-space:nowrap}.dk-fav-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);color:var(--color-gray-400);cursor:pointer;flex-shrink:0;transition:all .15s}.dk-fav-btn.active{border-color:var(--color-warning);color:var(--color-warning)}.dk-search-form{display:flex;align-items:center;gap:0}.dk-search-input{padding:8px 12px;border:1px solid var(--border-medium);border-radius:8px 0 0 8px;font-size:14px;width:260px;max-width:46vw;outline:none;border-right:none;background:var(--bg-card);color:var(--color-gray-800)}.dk-search-btn{display:flex;align-items:center;justify-content:center;padding:8px 12px;background:var(--color-primary-600);color:var(--on-accent);border:none;border-radius:0 8px 8px 0;cursor:pointer}.dk-filter-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px;flex-shrink:0}.dk-filter-select{padding:7px 10px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);color:var(--color-gray-800);font-size:13px;cursor:pointer;max-width:220px}.dk-tag-bar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px;max-height:130px;overflow-y:auto}.dk-tag-filter{padding:5px 12px;border:1px solid var(--border-medium);border-radius:20px;background:var(--bg-card);color:var(--color-gray-700);cursor:pointer;font-size:13px;transition:all .15s}.dk-tag-filter.selected{background:var(--color-primary-600);color:var(--on-accent);border-color:var(--color-primary-600)}.dk-tag-cnt{opacity:.6;font-size:11px}.dk-gallery-content{flex:1 1 auto}.dk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;padding-bottom:8px}.dk-card{border:1px solid var(--border-light);border-radius:12px;overflow:hidden;cursor:pointer;background:var(--bg-card);transition:box-shadow .2s,transform .2s}.dk-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.dk-card-thumb{position:relative;width:100%;padding-top:100%;background:var(--color-gray-100);overflow:hidden}.dk-card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.dk-card-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);font-size:13px}.dk-star-btn{position:absolute;top:7px;right:7px;z-index:10;width:28px;height:28px;border-radius:50%;border:none;background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);box-shadow:0 1px 4px #0000002e;padding:0;transition:all .18s}.dk-star-btn.is-fav{color:var(--color-warning)}.dk-plate-badge{position:absolute;top:8px;left:8px;z-index:9;padding:2px 7px;border-radius:6px;font-size:11px;font-weight:600;background:var(--color-error-bg);color:var(--color-error-text)}.dk-card-info{padding:10px 11px 12px}.dk-card-company{display:flex;align-items:baseline;gap:5px;margin-bottom:4px;line-height:1.2;min-width:0}.dk-card-company svg{color:var(--color-primary-500);flex-shrink:0;align-self:center}.dk-card-company-name{font-size:16px;font-weight:700;color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.dk-card-mgr{font-size:12px;font-weight:500;color:var(--color-primary-600);white-space:nowrap;flex-shrink:0}.dk-card-mgr:before{content:"· ";color:var(--color-gray-400)}.dk-card-number-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.dk-card-number{font-weight:500;font-size:13px;color:var(--color-gray-500);display:flex;align-items:center;gap:6px}.dk-card-dosu{font-size:11px;font-weight:600;color:var(--color-primary-700);background:var(--color-primary-50);border-radius:6px;padding:1px 6px}.dk-card-count{display:flex;align-items:center;gap:2px;font-size:11px;color:var(--color-gray-500)}.dk-card-style{font-size:11px;color:var(--color-gray-500);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dk-card-tags{display:flex;flex-wrap:nowrap;gap:4px;margin-top:6px;overflow:hidden}.dk-tag-chip{padding:2px 8px;background:var(--color-primary-50);color:var(--color-primary-800);border-radius:10px;font-size:11px;white-space:nowrap;flex-shrink:0}.dk-tag-more{background:var(--color-gray-100);color:var(--color-gray-500);font-weight:700;letter-spacing:1px;padding:2px 6px}.dk-loading,.dk-load-more{display:flex;align-items:center;justify-content:center;gap:8px;padding:30px;color:var(--color-gray-500)}.dk-empty{text-align:center;padding:60px 20px;color:var(--color-gray-500)}.dk-end-message{text-align:center;padding:20px;color:var(--color-gray-400);font-size:13px}.dk-scroll-sentinel{height:1px}@media (max-width: 768px){.dk-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}}@media (max-width: 480px){.dk-grid{grid-template-columns:repeat(2,1fr)}.dk-search-input{width:180px}}.dv-ruler-outer{flex:1 1 0;min-width:0;aspect-ratio:1;max-height:520px;display:grid;grid-template-columns:24px 1fr;grid-template-rows:24px 1fr;border-radius:10px;overflow:hidden;border:1px solid var(--border-light)}.dv-ruler-corner{background:var(--color-gray-50);border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.dv-ruler-h-canvas,.dv-ruler-v-canvas{display:block;width:100%;height:100%;background:var(--color-gray-50)}.dv-image-wrap{position:relative;min-width:0;min-height:0;background:var(--color-gray-100);overflow:hidden;cursor:zoom-in}.dv-image-tiled{width:100%;height:100%;background-color:var(--color-gray-100)}.dv-image{width:100%;height:100%;object-fit:contain}.zpi-wrap{position:relative;width:100%;height:80vh;min-height:340px;overflow:hidden;background:var(--color-gray-100);border:1px solid var(--border-light);border-radius:12px;display:flex;align-items:center;justify-content:center;touch-action:none}.zpi-img{width:100%;height:100%;object-fit:contain;transform-origin:center center;will-change:transform;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.zpi-hint{position:absolute;bottom:10px;right:12px;padding:4px 10px;background:#00000080;color:#fff;border-radius:8px;font-size:12px;pointer-events:none}.fsz-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#000000ed;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none}.fsz-img{width:100vw;height:auto;max-height:none;transform-origin:center center;will-change:transform;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.fsz-close{position:fixed;top:12px;right:14px;z-index:2;width:36px;height:36px;border-radius:8px;background:#282828cc;border:1px solid rgba(255,255,255,.25);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.fsz-close:hover{background:#dc3c3ce6}.fsz-hint{position:fixed;bottom:16px;left:50%;transform:translate(-50%);padding:5px 14px;background:#0000008c;color:#ffffffd9;border-radius:8px;font-size:13px;pointer-events:none;white-space:nowrap}.dv-empty{flex:1 1 0;aspect-ratio:1;max-height:520px;display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);font-size:14px;background:var(--color-gray-100);border:1px dashed var(--border-light);border-radius:10px}.dv-zoom-hint{position:absolute;bottom:10px;right:10px;display:flex;align-items:center;gap:4px;padding:4px 10px;background:#00000080;color:#fff;border-radius:8px;font-size:12px;pointer-events:none}.dv-lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;z-index:9999;overflow:hidden}.dv-lightbox-tile-area{position:fixed;top:24px;left:24px;right:0;bottom:0;overflow:hidden;-webkit-user-select:none;user-select:none}.dv-lb-tile-bg{width:100%;height:100%}.dv-lb-ruler-corner{position:fixed;top:0;left:0;width:24px;height:24px;background:var(--color-gray-50);border-right:1px solid #ddd;border-bottom:1px solid #ddd;z-index:10001}.dv-lb-ruler-h{position:fixed;top:0;left:24px;width:calc(100vw - 24px);height:24px;display:block;background:var(--color-gray-50);z-index:10001}.dv-lb-ruler-v{position:fixed;left:0;top:24px;width:24px;height:calc(100vh - 24px);display:block;background:var(--color-gray-50);z-index:10001}.dv-lightbox-close{position:fixed;top:4px;right:8px;background:#282828bf;border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:6px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10002;transition:background .15s}.dv-lightbox-close:hover{background:#dc3c3cd9;border-color:#fff6}.dv-lightbox-hint{position:fixed;bottom:20px;left:50%;transform:translate(-50%);color:#ffffff8c;font-size:13px;pointer-events:none;white-space:nowrap}@media (max-width: 768px){.dv-ruler-outer{flex:none;width:100%;aspect-ratio:1;max-height:75vw}.dv-lightbox-hint{font-size:11px;bottom:12px}.dv-lightbox-close{top:4px;right:6px}}.dk-detail-page{max-width:1400px;margin:0 auto}.dkd-loading{padding:60px;text-align:center;color:var(--color-gray-500)}.dkd-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px;flex-wrap:wrap}.dkd-back-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);color:var(--color-gray-700);cursor:pointer;font-size:14px}.dkd-header-actions{display:flex;align-items:center;gap:8px}.dkd-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);color:var(--color-gray-600);cursor:pointer}.dkd-text-btn{display:flex;align-items:center;gap:5px;padding:8px 14px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);color:var(--color-gray-700);cursor:pointer;font-size:14px}.dkd-danger{color:var(--color-error-text);border-color:var(--color-error)}.dkd-info-bar{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;padding:16px 20px;margin-bottom:14px}.dkd-info-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.dkd-number{font-size:24px;font-weight:700;color:var(--color-gray-900);margin:0}.dkd-plate-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:8px;background:var(--color-error-bg);color:var(--color-error-text);font-size:12px;font-weight:600}.dkd-info-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 20px}.dkd-field{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--color-gray-500);min-width:0}.dkd-field-label{font-weight:600;white-space:nowrap}.dkd-field-val{color:var(--color-gray-900);word-break:break-word}.dkd-info-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;color:var(--color-gray-400)}.dkd-tag-chip{padding:3px 11px;background:var(--color-primary-50);color:var(--color-primary-800);border-radius:12px;font-size:13px}.dkd-legacy-memo{margin-top:12px;padding-top:10px;border-top:1px dashed var(--border-light);font-size:13px;color:var(--color-gray-600);line-height:1.6;white-space:pre-wrap}.dkd-legacy-memo .dkd-field-label{color:var(--color-gray-400);margin-right:4px}.dkd-preview{position:relative;width:100%;height:68vh;min-height:320px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--color-gray-100);border:1px solid var(--border-light);border-radius:12px;cursor:zoom-in}.dkd-preview-img{max-width:100%;max-height:100%;object-fit:contain;display:block}.dkd-preview-hint{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:4px;padding:5px 11px;background:#00000080;color:#fff;border-radius:8px;font-size:12px;pointer-events:none}.dkd-no-image{width:100%;height:46vh;min-height:260px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);font-size:15px;background:var(--color-gray-100);border:1px solid var(--border-light);border-radius:12px}.dkd-thumb-strip{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 20px}.dkd-thumb{position:relative;width:72px;height:72px;border-radius:8px;overflow:hidden;border:2px solid transparent;cursor:pointer;background:var(--color-gray-100)}.dkd-thumb.active{border-color:var(--color-primary-500)}.dkd-thumb img{width:100%;height:100%;object-fit:cover}.dkd-thumb-label{position:absolute;bottom:0;left:0;right:0;padding:1px 3px;background:#0000008c;color:#fff;font-size:9px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dkd-thumb-del{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:4px;border:none;background:#c83232d9;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.dkd-thumb-add{width:72px;height:72px;border:2px dashed var(--border-medium);border-radius:8px;background:var(--bg-card);color:var(--color-gray-400);cursor:pointer;display:flex;align-items:center;justify-content:center}.dkd-thumb-add:disabled{opacity:.5;cursor:wait}.dkd-remarks{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;padding:16px 20px;margin-bottom:24px}.dkd-remarks-head{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:var(--color-gray-800);margin-bottom:12px}.dkd-remarks-count{font-size:12px;font-weight:600;color:var(--color-gray-500);background:var(--color-gray-100);border-radius:10px;padding:1px 8px}.dkd-remark-form{display:flex;gap:8px;align-items:flex-start;margin-bottom:14px}.dkd-remark-input{flex:1;padding:9px 12px;border:1px solid var(--border-medium);border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;outline:none;background:var(--bg-page);color:var(--color-gray-900)}.dkd-remark-input:focus{border-color:var(--color-primary-500)}.dkd-remark-submit{display:flex;align-items:center;gap:5px;padding:9px 16px;white-space:nowrap;border:none;border-radius:8px;background:var(--color-primary-600);color:var(--on-accent);cursor:pointer;font-size:14px;font-weight:600;align-self:stretch}.dkd-remark-submit:disabled{opacity:.5;cursor:not-allowed}.dkd-remark-empty{text-align:center;padding:20px;color:var(--color-gray-400);font-size:13px}.dkd-remark-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.dkd-remark-item{border:1px solid var(--border-light);border-radius:10px;padding:10px 14px;background:var(--bg-page)}.dkd-remark-meta{display:flex;align-items:center;gap:12px;margin-bottom:6px}.dkd-remark-author{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--color-gray-700)}.dkd-remark-date{font-size:12px;color:var(--color-gray-400)}.dkd-remark-del{margin-left:auto;width:22px;height:22px;border:none;border-radius:5px;background:transparent;color:var(--color-gray-400);cursor:pointer;display:flex;align-items:center;justify-content:center}.dkd-remark-del:hover{background:var(--color-error-bg);color:var(--color-error-text)}.dkd-remark-content{font-size:14px;color:var(--color-gray-800);line-height:1.55;white-space:pre-wrap;word-break:break-word}@media (max-width: 640px){.dkd-main-view{height:56vh}.dkd-remark-form{flex-direction:column}.dkd-remark-submit{align-self:flex-end}}.dk-register-page{max-width:900px;margin:0 auto}.dkr-loading{padding:60px;text-align:center;color:var(--color-gray-500)}.dkr-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.dkr-header h2{font-size:20px;font-weight:600;color:var(--color-gray-900);margin:0}.dkr-back-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);color:var(--color-gray-700);cursor:pointer;font-size:14px}.dkr-form{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;padding:22px}.dkr-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}.dkr-row{display:flex;flex-direction:column;gap:6px}.dkr-row-full{grid-column:1 / -1}.dkr-row label{font-size:13px;font-weight:600;color:var(--color-gray-700)}.dkr-req{color:var(--color-error)}.dkr-input,.dkr-textarea{padding:9px 12px;border:1px solid var(--border-medium);border-radius:8px;font-size:14px;outline:none;background:var(--bg-page);color:var(--color-gray-900);transition:border-color .15s}.dkr-input:focus,.dkr-textarea:focus{border-color:var(--color-primary-500)}.dkr-textarea{resize:vertical;font-family:inherit}.dkr-check{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-gray-700);padding:8px 0}.dkr-hint{font-size:12px;color:var(--color-gray-500)}.dkr-warn{color:var(--color-warning-text)}.dkr-section-title{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:600;color:var(--color-gray-800);margin:24px 0 12px;padding-top:18px;border-top:1px solid var(--border-light)}.dkr-paste-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:1px solid var(--border-medium);border-radius:7px;background:var(--bg-card);color:var(--color-gray-600);cursor:pointer;font-size:12px;font-weight:500}.dkr-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.dkr-upload-box{display:flex;flex-direction:column;gap:6px}.dkr-upload-label{font-size:12px;font-weight:600;color:var(--color-gray-600)}.dkr-upload-area{position:relative;aspect-ratio:1;border:2px dashed var(--border-medium);border-radius:10px;background:var(--color-gray-50);display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;transition:border-color .15s}.dkr-upload-area:hover{border-color:var(--color-primary-400)}.dkr-upload-area.has-image{border-style:solid}.dkr-upload-area.is-loading{cursor:wait}.dkr-preview-img{width:100%;height:100%;object-fit:cover}.dkr-upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:6px;background:#0006;color:#fff;opacity:0;transition:opacity .15s;font-size:13px}.dkr-upload-area.has-image:hover .dkr-upload-overlay{opacity:1}.dkr-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--color-gray-400);font-size:12px}.dkr-upload-loading{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--color-gray-500);font-size:12px}.dkr-spinner{width:24px;height:24px;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary-500);border-radius:50%;animation:dkr-spin .8s linear infinite}@keyframes dkr-spin{to{transform:rotate(360deg)}}.dkr-remove-btn{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;padding:3px 9px;border:1px solid var(--border-medium);border-radius:6px;background:var(--bg-card);color:var(--color-error-text);cursor:pointer;font-size:12px}.dkr-add-image{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;aspect-ratio:1;border:2px dashed var(--border-medium);border-radius:10px;color:var(--color-gray-400);cursor:pointer;font-size:12px;transition:border-color .15s}.dkr-add-image:hover{border-color:var(--color-primary-400);color:var(--color-primary-500)}.dkr-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:18px;border-top:1px solid var(--border-light)}.dkr-cancel-btn{padding:10px 22px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);color:var(--color-gray-700);cursor:pointer;font-size:14px}.dkr-save-btn{padding:10px 26px;border:none;border-radius:8px;background:var(--color-primary-600);color:var(--on-accent);cursor:pointer;font-size:14px;font-weight:600}.dkr-save-btn:disabled{opacity:.6;cursor:not-allowed}.dkr-search-wrap{position:relative}.dkr-search-ic{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-gray-400);pointer-events:none}.dkr-input-ic{padding-left:32px;width:100%}.dkr-dropdown{position:absolute;top:calc(100% + 3px);left:0;right:0;z-index:30;list-style:none;margin:0;padding:4px;max-height:240px;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border-medium);border-radius:8px;box-shadow:var(--shadow-md)}.dkr-dropdown li{padding:8px 10px;border-radius:6px;cursor:pointer;font-size:14px;color:var(--color-gray-800)}.dkr-dropdown li:hover{background:var(--color-primary-50)}.dkr-opt-sub{color:var(--color-gray-400);font-size:12px}.dkr-picked{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid var(--color-primary-400);border-radius:8px;background:var(--color-primary-50);color:var(--color-primary-800);font-size:14px;font-weight:500;align-self:flex-start;max-width:100%}.dkr-picked span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dkr-picked-x{display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-primary-600);cursor:pointer;padding:0}.dkr-tag-box{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;min-height:40px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-page)}.dkr-tag-box:focus-within{border-color:var(--color-primary-500)}.dkr-tag-chip{display:inline-flex;align-items:center;gap:3px;padding:3px 6px 3px 10px;background:var(--color-primary-100, var(--color-primary-50));color:var(--color-primary-800);border-radius:12px;font-size:13px}.dkr-tag-chip button{display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--color-primary-600);cursor:pointer;padding:0}.dkr-tag-input-wrap{position:relative;flex:1;min-width:140px}.dkr-tag-input{width:100%;border:none;outline:none;background:transparent;font-size:14px;color:var(--color-gray-900);padding:4px 2px}.dkr-tag-dropdown{top:calc(100% + 6px)}@media (max-width: 640px){.dkr-form-grid{grid-template-columns:1fr}}.dkc-page{display:flex;flex-direction:column;height:auto;max-height:none;padding-bottom:76px}.dkc-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.dkc-toolbar-left,.dkc-toolbar-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.dkc-month-nav{display:flex;align-items:center;gap:4px}.dkc-month-btn{display:flex;align-items:center;justify-content:center;width:32px;height:34px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);color:var(--color-gray-600);cursor:pointer}.dkc-month-btn:hover{border-color:var(--color-primary-400)}.dkc-month-input{padding:6px 10px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);color:var(--color-gray-800);font-size:14px;font-weight:600}.dkc-summary-strip{font-size:13px;color:var(--color-gray-600)}.dkc-summary-strip b{color:var(--color-gray-900)}.dkc-summary-sub{color:var(--color-gray-500)}.dkc-month-btn:disabled,.dkc-month-input:disabled{opacity:.4;cursor:not-allowed}.dkc-period-badge{display:inline-flex;align-items:center;gap:8px;padding:4px 6px 4px 12px;border-radius:8px;font-size:13px;font-weight:600;background:var(--color-primary-50);color:var(--color-primary-800)}.dkc-period-reset{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border:1px solid var(--color-primary-300, var(--border-medium));border-radius:6px;background:var(--bg-card);color:var(--color-gray-600);font-size:12px;cursor:pointer}.dkc-period-reset:hover{border-color:var(--color-primary-400);color:var(--color-primary-700)}.dkc-date-range{flex-wrap:wrap}.dkc-range-label{font-size:12px;font-weight:600;color:var(--color-gray-500);margin-right:2px}.dkc-preset-active{border-color:var(--color-primary-600)!important;color:var(--color-primary-700)!important;font-weight:600}.dkc-trunc-warn{margin-bottom:12px;padding:9px 14px;border-radius:8px;font-size:13px;background:var(--color-warning-bg);color:var(--color-warning-text);border:1px solid var(--color-warning)}.dkc-trunc-warn b{font-weight:700}.dkc-tool-btn{display:flex;align-items:center;gap:6px;padding:8px 13px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);cursor:pointer;font-size:13px;color:var(--color-gray-700);white-space:nowrap}.dkc-tool-btn:hover{border-color:var(--color-primary-400)}.dkc-tool-btn:disabled{opacity:.5;cursor:not-allowed}.dkc-search-wrap{position:relative}.dkc-search-ic{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-gray-400)}.dkc-search-input{padding:8px 12px 8px 30px;border:1px solid var(--border-medium);border-radius:8px;font-size:13px;width:200px;max-width:42vw;outline:none;background:var(--bg-card);color:var(--color-gray-800)}.dkc-filter-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.dkc-filter-select{padding:7px 10px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);color:var(--color-gray-800);font-size:13px;cursor:pointer;max-width:240px}.dkc-status-tabs{display:flex;gap:0;border:1px solid var(--border-medium);border-radius:8px;overflow:hidden}.dkc-status-tab{padding:7px 14px;border:none;background:var(--bg-card);color:var(--color-gray-600);font-size:13px;cursor:pointer;border-right:1px solid var(--border-light)}.dkc-status-tab:last-child{border-right:none}.dkc-status-tab.active{background:var(--color-primary-600);color:var(--on-accent)}.dkc-clear-btn{display:flex;align-items:center;gap:4px;padding:6px 11px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);color:var(--color-gray-500);cursor:pointer;font-size:12px}.dkc-content{flex:1 1 auto}.dkc-group{margin-bottom:22px}.dkc-group-head{display:flex;align-items:center;gap:8px;padding:8px 10px;margin-bottom:10px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:10px}.dkc-group-check{display:flex;align-items:center}.dkc-group-check input{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary-600)}.dkc-group-ic{color:var(--color-primary-500)}.dkc-group-name{font-size:15px;font-weight:700;color:var(--color-gray-900)}.dkc-nolink-badge{padding:2px 7px;border-radius:6px;font-size:11px;font-weight:600;background:var(--color-warning-bg);color:var(--color-warning-text)}.dkc-group-stat{margin-left:auto;font-size:13px;color:var(--color-gray-600);white-space:nowrap}.dkc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.dkc-card{border:1px solid var(--border-light);border-radius:10px;overflow:hidden;background:var(--bg-card);cursor:pointer;transition:box-shadow .15s,border-color .15s}.dkc-card:hover{box-shadow:var(--shadow-md)}.dkc-card.is-checked{border-color:var(--color-primary-600);box-shadow:0 0 0 1px var(--color-primary-600)}.dkc-card.is-billed{cursor:default;opacity:.9}.dkc-card-thumb{position:relative;width:100%;padding-top:88%;background:var(--color-gray-100);overflow:hidden}.dkc-card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.dkc-card-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);font-size:12px}.dkc-card-check{position:absolute;top:7px;left:7px;z-index:10;width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary-600)}.dkc-billed-badge{position:absolute;top:7px;left:7px;z-index:9;padding:2px 7px;border-radius:6px;font-size:11px;font-weight:600;background:var(--color-success-bg);color:var(--color-success-text)}.dkc-open-btn{position:absolute;top:6px;right:6px;z-index:10;width:24px;height:24px;border-radius:6px;border:none;background:#ffffffd9;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:var(--color-gray-500);box-shadow:0 1px 4px #00000026}.dkc-card-info{padding:8px 9px 9px}.dkc-card-number{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:6px}.dkc-num{font-weight:600;font-size:13px;color:var(--color-gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dkc-dosu{font-size:11px;font-weight:700;color:var(--color-primary-700);background:var(--color-primary-50);border-radius:6px;padding:1px 7px;white-space:nowrap;flex-shrink:0}.dkc-dosu-none{color:var(--color-gray-400);background:var(--color-gray-100);font-weight:500}.dkc-cost-row{display:flex;align-items:center;gap:4px;cursor:default}.dkc-cost-input{width:100%;min-width:0;padding:5px 7px;border:1px solid var(--border-medium);border-radius:7px;font-size:13px;text-align:right;background:var(--bg-card);color:var(--color-gray-900);outline:none}.dkc-cost-input:focus{border-color:var(--color-primary-500)}.dkc-cost-input.is-dirty{border-color:var(--color-warning);background:var(--color-warning-bg)}.dkc-cost-won{font-size:12px;color:var(--color-gray-500);flex-shrink:0}.dkc-cost-billed{font-size:13px;font-weight:600;color:var(--color-gray-700);display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.dkc-inv-no{font-size:10px;font-weight:500;color:var(--color-gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dkc-action-info{font-size:12.5px;font-weight:600;color:var(--color-gray-600);white-space:nowrap;margin-right:4px}.dkc-action-info b{color:var(--color-gray-900)}.dkc-missing{color:var(--color-error-text)}.dkc-dirty-info{color:var(--color-warning-text)}.dkc-action-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dkc-bulk-group{display:flex;align-items:center;gap:0}.dkc-bulk-input{width:92px;padding:7px 9px;border:1px solid var(--border-medium);border-radius:8px 0 0 8px;border-right:none;font-size:13px;text-align:right;outline:none;background:var(--bg-card);color:var(--color-gray-900)}.dkc-bulk-btn{padding:7px 11px;border:1px solid var(--border-medium);border-radius:0 8px 8px 0;background:var(--color-gray-100);color:var(--color-gray-700);font-size:13px;cursor:pointer;white-space:nowrap}.dkc-bulk-btn:hover{background:var(--color-gray-200)}.dkc-bulk-btn:disabled{opacity:.5;cursor:not-allowed}.dkc-save-btn{padding:8px 14px;border:1px solid var(--color-primary-600);border-radius:8px;background:var(--bg-card);color:var(--color-primary-700);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.dkc-save-btn:disabled{opacity:.5;cursor:not-allowed}.dkc-bill-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:8px;background:var(--color-primary-600);color:var(--on-accent);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.dkc-bill-btn:disabled{opacity:.5;cursor:not-allowed}.dkc-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:40px;color:var(--color-gray-500)}.dkc-empty{text-align:center;padding:60px 20px;color:var(--color-gray-500)}.dkc-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#00000073;display:flex;align-items:center;justify-content:center;padding:16px}.dkc-modal{width:560px;max-width:100%;max-height:88vh;overflow-y:auto;background:var(--bg-card);border-radius:14px;padding:20px;box-shadow:var(--shadow-lg, 0 10px 40px rgba(0, 0, 0, .25))}.dkc-modal-hd{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.dkc-modal-title{margin:0 0 14px;font-size:16px;font-weight:700;color:var(--color-gray-900)}.dkc-modal-close{margin-left:auto;padding:3px;line-height:0;background:transparent;border:none;cursor:pointer;color:var(--color-gray-400);transition:color .15s}.dkc-modal-close:hover{color:var(--color-gray-700)}.dkc-modal-fields{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.dkc-field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--color-gray-600);flex:1 1 140px}.dkc-field-wide{flex:1 1 100%}.dkc-field input,.dkc-field select{padding:7px 9px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);color:var(--color-gray-900);font-size:13px;outline:none}.dkc-field input:focus,.dkc-field select:focus{border-color:var(--color-primary-500)}.dkc-modal-groups{border:1px solid var(--border-light);border-radius:10px;overflow:hidden;margin-bottom:10px}.dkc-modal-groups-head,.dkc-modal-group-row{display:grid;grid-template-columns:1fr 60px 110px;gap:8px;align-items:center;padding:8px 12px;font-size:13px}.dkc-modal-groups-head{background:var(--color-gray-50, var(--color-gray-100));color:var(--color-gray-500);font-size:12px;font-weight:600;border-bottom:1px solid var(--border-light)}.dkc-modal-group-row{border-bottom:1px solid var(--border-light);color:var(--color-gray-800)}.dkc-modal-group-row:last-child{border-bottom:none}.dkc-modal-group-name{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-weight:600;min-width:0}.dkc-modal-group-sum{text-align:right;font-weight:600}.dkc-modal-total{background:var(--color-gray-50, var(--color-gray-100));font-weight:700}.dkc-modal-note{font-size:12px;color:var(--color-gray-500);margin:0 0 14px;line-height:1.5}.dkc-modal-actions{display:flex;justify-content:flex-end;gap:8px}.dkc-modal-cancel{padding:8px 16px;border:1px solid var(--border-medium);border-radius:8px;background:var(--bg-card);color:var(--color-gray-700);font-size:13px;cursor:pointer}.dkc-modal-submit{padding:8px 18px;border:none;border-radius:8px;background:var(--color-primary-600);color:var(--on-accent);font-size:13px;font-weight:600;cursor:pointer}.dkc-modal-submit:disabled,.dkc-modal-cancel:disabled{opacity:.5;cursor:not-allowed}.dkc-picker{position:relative;display:inline-flex;align-items:center}.dkc-picker-ic{position:absolute;left:7px;color:var(--color-gray-400)}.dkc-picker-input{padding:4px 8px 4px 24px;border:1px solid var(--color-warning);border-radius:7px;font-size:12px;width:150px;outline:none;background:var(--bg-card);color:var(--color-gray-900)}.dkc-picker-dropdown{position:absolute;top:calc(100% + 3px);left:0;z-index:30;min-width:190px;max-height:190px;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border-medium);border-radius:8px;box-shadow:var(--shadow-md);list-style:none;margin:0;padding:4px}.dkc-picker-dropdown li{padding:6px 10px;font-size:13px;border-radius:6px;cursor:pointer;color:var(--color-gray-800)}.dkc-picker-dropdown li:hover{background:var(--color-gray-100)}.dkc-picked{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:7px;font-size:12px;font-weight:600;background:var(--color-primary-50);color:var(--color-primary-800)}.dkc-picked-x{border:none;background:none;cursor:pointer;color:var(--color-gray-500);padding:0;display:flex}@media (max-width: 768px){.dkc-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.dkc-action-info{flex:1 1 100%;white-space:normal}.dkc-action-controls{justify-content:flex-end;flex:1 1 100%}.dkc-page{padding-bottom:140px}}@media (max-width: 480px){.dkc-grid{grid-template-columns:repeat(2,1fr)}.dkc-search-input{width:140px}.dkc-modal-groups-head,.dkc-modal-group-row{grid-template-columns:1fr 44px 90px}}.op-page{padding:20px 28px 80px;background:var(--color-gray-100);min-height:calc(100vh - 64px)}.op-loading{display:flex;align-items:center;gap:12px;padding:60px 28px;color:var(--color-gray-500);font-size:15px}.op-page-hd{margin-bottom:20px}.op-page-hd-left{display:flex;align-items:center;gap:10px;margin-bottom:6px}.op-page-hd-left h2{font-size:20px;font-weight:700;color:var(--color-gray-800);margin:0}.op-total-badge{padding:3px 12px;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);color:#fff;border-radius:20px;font-size:12px;font-weight:700}.op-desc{font-size:13px;color:var(--color-gray-500);margin:0}.op-empty-page{display:flex;flex-direction:column;align-items:center;gap:12px;padding:80px 20px;color:var(--color-gray-400)}.op-list{display:flex;flex-direction:column;gap:14px}.op-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;transition:box-shadow .2s}.op-card:hover{box-shadow:0 4px 12px #00000014}.op-card-hd{display:flex;align-items:center;gap:14px;padding:16px 20px;cursor:pointer;transition:background .12s}.op-card-hd:hover{background:var(--color-gray-50)}.op-thumb{width:52px;height:52px;object-fit:cover;border-radius:8px;border:1px solid var(--border-light);flex-shrink:0}.op-thumb-empty{width:52px;height:52px;background:var(--color-gray-100);border-radius:8px;border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;color:var(--color-gray-400);flex-shrink:0}.op-card-main{flex-shrink:0;min-width:160px}.op-order-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.op-order-num{font-size:16px;font-weight:800;color:var(--color-gray-800);letter-spacing:.02em}.op-design-num{font-size:12px;color:var(--color-gray-500)}.op-status{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:700}.op-status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.op-hd-tiles{display:flex;gap:8px;flex:1;flex-wrap:wrap}.op-tile{display:flex;flex-direction:column;gap:2px;padding:8px 12px;background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:7px;min-width:80px}.op-tile-lbl{font-size:10px;font-weight:600;color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.4px}.op-tile-val{font-size:13px;font-weight:600;color:var(--color-gray-800)}.op-tile-val.val-blue{color:var(--color-info);font-family:Inter,monospace}.op-chevron{color:var(--color-gray-400);flex-shrink:0;margin-left:auto}.op-items-wrap{border-top:1px solid var(--color-gray-100)}.op-items-table{width:100%;border-collapse:collapse;font-size:13px}.op-items-table th{text-align:left;padding:8px 16px;background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-gray-100) 100%);border-bottom:1px solid var(--border-light);font-size:11px;color:var(--color-gray-700);font-weight:600;text-transform:uppercase;letter-spacing:.4px}.op-items-table td{padding:9px 16px;border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700)}.op-items-table tbody tr:last-child td{border-bottom:none}.op-items-table tbody tr:hover{background:var(--color-gray-50)}.td-center{text-align:center}.td-qty-blue{color:var(--color-info);font-weight:700}.op-extra-form{border-top:2px solid var(--color-gray-100);padding:18px 20px 20px;background:var(--color-gray-50)}.op-extra-hd{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:var(--color-gray-700);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border-light)}.op-extra-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px 14px;margin-bottom:14px}.op-extra-grid .span-4{grid-column:1 / -1}.op-extra-field{display:flex;flex-direction:column;gap:5px}.op-extra-field label{font-size:11px;font-weight:600;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.4px}.op-extra-field input,.op-extra-field textarea{padding:8px 12px;border:1px solid var(--border-medium);border-radius:7px;font-size:13px;outline:none;resize:vertical;transition:border-color .15s;font-family:inherit;background:var(--bg-card)}.op-extra-field input:focus,.op-extra-field textarea:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #c06a431a}.op-extra-actions{display:flex;justify-content:flex-end;gap:10px}.op-btn-save{display:flex;align-items:center;gap:6px;padding:9px 18px;background:var(--bg-card);border:1px solid var(--border-medium);border-radius:8px;font-size:13px;font-weight:600;color:var(--color-gray-700);cursor:pointer;transition:all .15s}.op-btn-save:hover:not(:disabled){background:var(--color-gray-100);border-color:var(--color-gray-400)}.op-btn-register{display:flex;align-items:center;gap:6px;padding:9px 20px;background:var(--color-primary-600);border:none;border-radius:8px;font-size:13px;font-weight:700;color:var(--on-accent);cursor:pointer;box-shadow:var(--shadow-xs);transition:all .2s}.op-btn-register:hover:not(:disabled){filter:brightness(.96);box-shadow:var(--shadow-xs)}.op-btn-delete{display:flex;align-items:center;gap:6px;padding:9px 18px;background:var(--bg-card);border:1px solid var(--color-error-light);border-radius:8px;font-size:13px;font-weight:600;color:var(--color-error);cursor:pointer;transition:all .15s}.op-btn-delete:hover:not(:disabled){background:var(--color-error-bg);border-color:var(--color-error)}.op-btn-save:disabled,.op-btn-register:disabled,.op-btn-delete:disabled{opacity:.6;cursor:not-allowed;transform:none}@keyframes op-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.op-spin{animation:op-spin .8s linear infinite}@media (max-width: 900px){.op-page{padding:12px 12px 60px}.op-hd-tiles{display:none}.op-extra-grid{grid-template-columns:repeat(2,1fr)}.op-extra-grid .span-4{grid-column:1 / -1}}@media (max-width: 600px){.op-page{padding:10px 10px 60px}.op-extra-grid{grid-template-columns:1fr}.op-card-main{min-width:auto}.op-card-hd{padding:12px 14px;gap:10px}.op-thumb,.op-thumb-empty{width:44px;height:44px}.op-order-row{gap:6px;flex-wrap:wrap}.op-order-num{font-size:14px}.op-items-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.op-items-table{min-width:500px}.op-items-table th,.op-items-table td{padding:8px 10px;font-size:12px}.op-extra-form{padding:14px 12px}.op-extra-actions{flex-wrap:wrap;gap:8px}.op-btn-save,.op-btn-register,.op-btn-delete{flex:1 1 calc(50% - 4px);justify-content:center}.op-proc-row{flex-direction:column;align-items:stretch;gap:6px;padding:10px 0}.op-proc-name,.op-proc-qty,.op-proc-up,.op-proc-total,.op-proc-notes{min-width:unset;flex:none;width:100%}.op-proc-del{align-self:flex-end}}@media (max-width: 480px){.op-page{padding:8px 8px 68px}.op-page-hd-left h2{font-size:16px}.op-card{border-radius:10px}.op-card-hd{padding:10px 12px}.op-thumb,.op-thumb-empty{width:40px;height:40px}.op-items-table{min-width:440px}.op-extra-form{padding:12px 10px}.op-btn-save,.op-btn-register{flex:1 1 100%;height:38px;font-size:13px}.op-type-pill{font-size:11px;padding:3px 10px}}@media (max-width: 400px){.op-page{padding:6px 6px 68px}.op-card-hd{padding:8px 10px;gap:8px}.op-thumb,.op-thumb-empty{width:36px;height:36px}.op-order-num{font-size:13px}.op-extra-form{padding:10px 8px}.op-extra-grid{gap:8px}.op-proc-rows{padding:0 8px}}.op-proc-section{margin-top:16px;border:1px solid var(--border-light);border-radius:8px;overflow:hidden}.op-proc-hd{display:flex;align-items:center;gap:7px;background:var(--color-primary-50);border-bottom:1px solid var(--border-light);padding:9px 14px;font-size:13px;font-weight:700;color:var(--color-gray-700)}.op-proc-grand-total{margin-left:auto;font-size:14px;font-weight:800;color:var(--color-success)}.op-proc-rows{padding:0 12px}.op-proc-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;padding:10px 0;border-bottom:1px dashed var(--color-gray-100)}.op-proc-row:last-child{border-bottom:none}.op-proc-field{display:flex;flex-direction:column;gap:4px}.op-proc-field label{font-size:11px;font-weight:600;color:var(--color-gray-500);display:flex;align-items:center;gap:4px}.op-proc-field input,.op-proc-field select{border:1px solid var(--border-medium);border-radius:6px;padding:6px 9px;font-size:13px;color:var(--color-gray-900);outline:none;background:var(--bg-card)}.op-proc-field input:focus,.op-proc-field select:focus{border-color:var(--color-primary-500)}.op-proc-name{flex:2;min-width:150px}.op-proc-qty{flex:1;min-width:90px}.op-proc-up{flex:1;min-width:110px}.op-proc-total{flex:1;min-width:120px}.op-proc-notes{flex:1.5;min-width:100px}.op-proc-qty-wrap{display:flex;align-items:center;gap:4px}.op-proc-qty-wrap input{flex:1}.op-proc-unit{font-size:12px;color:var(--color-gray-500);white-space:nowrap}.op-proc-auto-lbl{background:var(--color-info-bg);color:var(--color-info);font-size:10px;padding:1px 5px;border-radius:8px}.op-proc-total-val{display:block;padding:7px 0 6px;font-size:14px;font-weight:700;color:var(--color-success)}.op-proc-del{background:none;border:none;cursor:pointer;color:var(--color-gray-400);padding:6px;margin-bottom:2px;border-radius:4px;flex-shrink:0}.op-proc-del:hover{color:var(--color-error);background:var(--color-error-bg)}.op-proc-add-btn{display:flex;align-items:center;gap:5px;background:none;border:1px dashed var(--color-primary-500);color:var(--color-primary-500);border-radius:6px;padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;margin:10px 12px 12px}.op-proc-add-btn:hover{background:var(--color-primary-50)}.op-items-table .th-price,.op-items-table .td-right{text-align:right}.op-items-table .td-price-blue{color:var(--color-info);font-weight:600}.op-items-table .td-price-green{color:var(--color-success);font-weight:600}.op-items-table .td-price-total{color:var(--color-primary-600);font-weight:700}.op-items-total-row td{background:var(--color-primary-50);padding:8px 12px;border-top:2px solid var(--border-light)}.op-unit-price-lbl{display:inline-block;font-size:11px;color:var(--color-success);background:var(--color-success-bg);padding:1px 6px;border-radius:8px;margin-top:2px}.op-tile-type-badge{display:inline-block;padding:2px 8px;border-radius:99px;font-size:11px;font-weight:600}.op-tile-type-badge.otype-샘플{background:var(--color-primary-50);color:var(--color-primary-800)}.op-tile-type-badge.otype-본작업{background:var(--color-success-bg);color:var(--color-success-text)}.op-tile-type-badge.otype-재작업{background:var(--color-warning-bg);color:var(--color-warning-text)}.op-tile-type-badge.otype-디자인발주{background:var(--color-info-bg);color:var(--color-info-text)}.op-extra-field-full{grid-column:1 / -1}.op-search-wrap{position:relative}.op-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-gray-400);pointer-events:none}.op-search-input{width:100%;padding:8px 12px 8px 30px!important;border:1px solid var(--border-medium);border-radius:7px;font-size:13px;outline:none;background:var(--bg-card);box-sizing:border-box;font-family:inherit;transition:border-color .15s}.op-search-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #c06a431a}.op-search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;box-shadow:0 4px 16px #0000001a;z-index:200;margin:0;padding:4px 0;list-style:none;max-height:220px;overflow-y:auto}.op-search-dropdown li{padding:8px 12px;cursor:pointer;display:flex;flex-direction:column;gap:2px;transition:background .1s}.op-search-dropdown li:hover{background:var(--color-primary-50)}.op-dd-company{font-size:13px;font-weight:600;color:var(--color-gray-800)}.op-dd-contact{font-size:11px;color:var(--color-gray-500)}.op-type-select-wrap{display:flex;gap:6px;flex-wrap:wrap;padding:4px 0}.op-type-pill{padding:4px 12px;border-radius:99px;border:1.5px solid var(--border-medium);background:var(--color-gray-50);color:var(--color-gray-500);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.op-type-pill:hover{border-color:var(--color-gray-400);background:var(--color-gray-100)}.op-type-pill.active.type-all{border-color:var(--color-gray-400);background:var(--color-gray-100);color:var(--color-gray-700)}.op-type-pill.active.type-sample{border-color:var(--color-primary-500);background:var(--color-primary-50);color:var(--color-primary-800)}.op-type-pill.active.type-main{border-color:var(--color-success);background:var(--color-success-bg);color:var(--color-success-text)}.op-type-pill.active.type-redo{border-color:var(--color-warning);background:var(--color-warning-bg);color:var(--color-warning-text)}.op-type-pill.active.type-design{border-color:var(--color-info);background:var(--color-info-bg);color:var(--color-info-text)}.op-work-type-select{height:34px;padding:0 10px;border:1.5px solid var(--border-medium);border-radius:8px;font-size:13px;background:var(--bg-card);color:var(--color-gray-700);cursor:pointer;outline:none;width:100%;transition:border-color .15s}.op-work-type-select:focus{border-color:var(--color-primary-500)}.op-item-edit-wrap{overflow-x:auto}.op-item-edit-table{width:100%;border-collapse:collapse;font-size:13px}.op-item-edit-table thead tr{background:var(--color-success-bg)}.op-item-edit-table th{padding:7px 10px;text-align:left;font-weight:600;color:var(--color-gray-700);border-bottom:1.5px solid var(--color-success-bg);font-size:12px}.op-item-edit-table td{padding:5px 6px;border-bottom:1px solid var(--color-gray-100);vertical-align:middle}.op-item-edit-table tbody tr:hover{background:var(--color-success-bg)}.op-item-select{width:100%;min-width:160px;height:32px;padding:0 8px;border:1.5px solid var(--border-medium);border-radius:6px;font-size:12px;background:var(--bg-card);cursor:pointer}.op-item-select:focus{border-color:var(--color-success);outline:none}.op-item-input{width:100%;height:32px;padding:0 8px;border:1.5px solid var(--border-medium);border-radius:6px;font-size:12px;background:var(--bg-card)}.op-item-input:focus{border-color:var(--color-success);outline:none}.op-item-input.op-item-qty{max-width:90px;text-align:right}.op-item-add-btn{margin-top:8px;background:var(--color-success-bg);color:var(--color-success);border:1.5px dashed var(--color-success-light);border-radius:7px;padding:6px 14px;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:5px}.op-item-add-btn:hover{background:var(--color-success-bg);border-color:var(--color-success-light)}.op-attach-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:9999px;background:var(--color-primary-50);color:var(--color-primary-600);font-size:11px;font-weight:600;margin-right:6px}.op-attach-loading{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-gray-400);padding:10px 0}.op-attach-section{padding:14px 18px;background:var(--color-primary-50);border-radius:10px;border:1px solid var(--color-primary-200);margin-bottom:12px}.op-attach-hd{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--color-primary-600);margin-bottom:12px}.op-attach-grid{display:flex;flex-wrap:wrap;gap:10px}.op-attach-card{display:flex;flex-direction:column;align-items:center;width:110px;border:1px solid var(--color-primary-200);border-radius:10px;overflow:hidden;background:var(--bg-card);text-decoration:none;color:inherit;transition:box-shadow .15s,transform .1s;cursor:pointer}.op-attach-card:hover{box-shadow:0 4px 16px #c06a4326;border-color:var(--color-primary-300)}.op-attach-thumb{width:110px;height:80px;object-fit:cover;display:block}.op-attach-icon-wrap{width:110px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:0}.op-attach-icon-wrap.pdf{background:var(--color-error-bg)}.op-attach-icon-wrap.img{background:var(--color-primary-50)}.op-attach-icon-wrap.default{background:var(--color-gray-50)}.op-attach-meta{padding:7px 8px;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:2px}.op-attach-name{font-size:11px;color:var(--color-gray-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:94px}.op-attach-size{font-size:10px;color:var(--color-gray-400)}.op-attach-dl{display:flex;align-items:center;gap:3px;font-size:10px;color:var(--color-primary-600);font-weight:600;margin-top:2px}.sr-page{padding:24px;min-height:100%;background:var(--color-gray-50);display:flex;justify-content:center}.sr-form-card{background:var(--bg-card);border-radius:20px;border:1px solid var(--border-light);box-shadow:0 4px 24px #00000014;padding:0;width:100%;max-width:820px;overflow:hidden}.sr-header{display:flex;align-items:center;gap:14px;padding:22px 28px;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 50%,var(--color-primary-600) 100%);color:#fff}.sr-header-icon{width:44px;height:44px;border-radius:12px;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sr-header-text{flex:1}.sr-header-text h2{font-size:18px;font-weight:700;margin:0 0 2px;color:#fff}.sr-header-text p{font-size:12px;color:#fffc;margin:0}.sr-badge-sample{padding:4px 12px;background:#fff3;border:1px solid rgba(255,255,255,.35);border-radius:20px;font-size:12px;font-weight:600;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-shrink:0}.sr-section{padding:22px 28px;border-bottom:1px solid var(--color-gray-50);position:relative}.sr-section:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:0 2px 2px 0}.sr-section-blue:before{background:var(--color-info)}.sr-section-green:before{background:var(--color-success)}.sr-section-purple:before{background:var(--color-primary-500)}.sr-section-amber:before{background:var(--color-warning)}.sr-section-head{display:flex;align-items:center;gap:9px;margin-bottom:16px}.sr-section-head h3{font-size:14px;font-weight:700;color:var(--color-gray-800);margin:0}.sr-section-sub{font-size:11px;color:var(--color-gray-400);margin-left:auto}.sr-section-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sr-icon-blue{background:var(--color-info-bg);color:var(--color-info)}.sr-icon-green{background:var(--color-success-bg);color:var(--color-success)}.sr-icon-purple{background:var(--color-primary-50);color:var(--color-primary-500)}.sr-icon-amber{background:var(--color-warning-bg);color:var(--color-warning)}.sr-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sr-field{display:flex;flex-direction:column;gap:6px}.sr-field-wide{grid-column:1 / -1}.sr-field label{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--color-gray-600)}.sr-field label svg{opacity:.7}.sr-field input,.sr-field select{height:38px;padding:0 12px;border:1.5px solid var(--border-light);border-radius:10px;font-size:13px;outline:none;background:var(--color-gray-50);color:var(--color-gray-800);transition:border-color .15s,background .15s,box-shadow .15s}.sr-field input:focus,.sr-field select:focus{border-color:var(--color-primary-500);background:var(--bg-card);box-shadow:0 0 0 3px #c06a431f}.sr-field input.error,.sr-field select.error{border-color:var(--color-error);background:var(--color-error-bg)}.sr-required{color:var(--color-error);margin-left:2px}.sr-optional{font-size:11px;color:var(--color-gray-400);font-weight:400}.sr-err-msg{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--color-error)}.sr-fabric-preview{display:flex;align-items:center;gap:8px;padding:10px 14px;background:linear-gradient(135deg,var(--color-success-bg),var(--color-success-bg));border:1.5px solid var(--color-success-bg);border-radius:10px;font-size:13px;color:var(--color-success-text)}.sr-fabric-code{background:var(--color-success);color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:5px;letter-spacing:.3px}.sr-fabric-name{font-weight:600;flex:1}.sr-fabric-unit{font-size:11px;color:var(--color-gray-500);padding:2px 6px;background:var(--color-success-bg);border:1px solid var(--color-success-bg);border-radius:4px}.sr-dropzone{border:2px dashed var(--border-medium);border-radius:14px;padding:32px 20px;text-align:center;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--color-gray-50)}.sr-dropzone:hover,.sr-dropzone.drag-over{border-color:var(--color-primary-500);background:var(--color-primary-50)}.sr-drop-icon-wrap{width:54px;height:54px;border-radius:14px;background:var(--color-primary-50);color:var(--color-primary-500);display:flex;align-items:center;justify-content:center;transition:transform .2s}.sr-dropzone:hover .sr-drop-icon-wrap,.sr-dropzone.drag-over .sr-drop-icon-wrap{transform:translateY(-3px);background:var(--color-primary-50)}.sr-drop-title{margin:0;font-size:14px;font-weight:600;color:var(--color-gray-700)}.sr-drop-types{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.sr-type-tag{padding:2px 8px;border-radius:5px;font-size:10px;font-weight:700;letter-spacing:.3px}.sr-type-ai{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning-bg)}.sr-type-psd{background:var(--color-primary-50);color:var(--color-primary-600);border:1px solid var(--color-primary-200)}.sr-type-pdf{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-light)}.sr-type-img{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-bg)}.sr-type-zip{background:var(--color-gray-50);color:var(--color-gray-600);border:1px solid var(--border-light)}.sr-drop-hint{margin:0;font-size:11px;color:var(--color-gray-400)}.sr-file-count{margin-left:auto;font-size:11px;color:var(--color-primary-500);font-weight:600;background:var(--color-primary-50);padding:2px 8px;border-radius:10px;border:1px solid var(--color-primary-200)}.sr-file-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.sr-file-item{display:flex;align-items:center;gap:10px;padding:9px 14px;background:var(--color-gray-50);border:1.5px solid var(--border-light);border-radius:10px;font-size:13px;transition:border-color .15s,background .15s}.sr-file-item:hover{background:var(--color-gray-50);border-color:var(--border-medium)}.sr-file-type-badge{display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:10px;font-weight:700;flex-shrink:0}.sr-file-name{flex:1;color:var(--color-gray-700);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.sr-file-size{color:var(--color-gray-400);font-size:11px;flex-shrink:0;font-variant-numeric:tabular-nums}.sr-file-del{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;color:var(--color-gray-400);border-radius:6px;transition:all .1s;flex-shrink:0}.sr-file-del:hover{background:var(--color-error-bg);color:var(--color-error)}.sr-textarea{width:100%;border:1.5px solid var(--border-light);border-radius:10px;padding:10px 14px;font-size:13px;resize:vertical;outline:none;box-sizing:border-box;background:var(--color-gray-50);color:var(--color-gray-800);transition:border-color .15s,background .15s;font-family:inherit}.sr-textarea:focus{border-color:var(--color-warning);background:var(--bg-card);box-shadow:0 0 0 3px #c0912f1a}.sr-upload-progress{margin:0 28px 4px;padding:14px 16px;background:var(--color-primary-50);border:1.5px solid var(--color-primary-200);border-radius:12px}.sr-progress-info{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-primary-800);font-weight:600;margin-bottom:8px}.sr-progress-filename{color:var(--color-primary-600);font-weight:400;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sr-progress-pct{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--color-primary-700);font-weight:700}.sr-progress-bar-wrap,.sr-progress-file-wrap{height:6px;background:var(--color-primary-50);border-radius:3px;overflow:hidden;margin-bottom:4px}.sr-progress-file-wrap{height:3px;margin-bottom:6px}.sr-progress-bar{height:100%;background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-500));border-radius:3px;transition:width .15s ease}.sr-progress-file-bar{height:100%;background:var(--color-primary-300);border-radius:2px;transition:width .1s ease}.sr-progress-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--color-primary-300)}.sr-actions{display:flex;justify-content:flex-end;gap:10px;padding:20px 28px}.sr-btn-primary{display:flex;align-items:center;gap:7px;padding:0 24px;height:42px;background:var(--color-primary-600);color:var(--on-accent);border:none;border-radius:11px;font-size:14px;font-weight:600;cursor:pointer;transition:all .18s;box-shadow:var(--shadow-xs)}.sr-btn-primary:hover:not(:disabled){filter:brightness(.96);box-shadow:var(--shadow-xs)}.sr-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.sr-btn-ghost{display:flex;align-items:center;gap:6px;padding:0 20px;height:42px;background:var(--color-gray-50);color:var(--color-gray-600);border:1.5px solid var(--border-light);border-radius:11px;font-size:14px;cursor:pointer;transition:all .1s}.sr-btn-ghost:hover:not(:disabled){background:var(--border-light)}.sr-btn-ghost:disabled{opacity:.5;cursor:not-allowed}.sr-btn-outline{display:flex;align-items:center;gap:7px;padding:0 20px;height:42px;background:transparent;color:var(--color-primary-500);border:1.5px solid var(--color-primary-300);border-radius:11px;font-size:14px;cursor:pointer;font-weight:500;transition:all .15s}.sr-btn-outline:hover{background:var(--color-primary-50)}.sr-done-card{background:var(--bg-card);border-radius:20px;border:1px solid var(--border-light);box-shadow:0 4px 24px #00000014;padding:56px 40px;text-align:center;max-width:480px;width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.sr-done-icon-wrap{width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,var(--color-success-bg),var(--color-success-bg));display:flex;align-items:center;justify-content:center;color:var(--color-success)}.sr-done-card h3{font-size:20px;font-weight:700;color:var(--color-gray-900);margin:0}.sr-done-card p{color:var(--color-gray-500);margin:0;font-size:14px}.sr-done-btns{display:flex;gap:10px;margin-top:8px}.sr-section-notice:before{background:var(--color-gray-500)}.sr-icon-notice{background:var(--color-gray-50);color:var(--color-gray-500)}.sr-notice-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.sr-notice-list li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--color-gray-600);line-height:1.6;padding:10px 14px;background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:8px;transition:background .15s}.sr-notice-list li:hover{background:var(--color-gray-50)}.sr-notice-list li strong{color:var(--color-gray-700);font-weight:600}.sr-notice-num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;min-width:20px;border-radius:50%;background:var(--color-gray-500);color:#fff;font-size:10px;font-weight:700;margin-top:1px}.sr-notice-footer{display:flex;align-items:center;gap:6px;margin-top:12px;padding:8px 14px;background:var(--color-warning-bg);border:1px solid var(--color-warning-light);border-radius:8px;font-size:12px;color:var(--color-warning-text);font-weight:500}.sr-notice-footer svg{color:var(--color-warning);flex-shrink:0}.sr-spin{animation:sr-rotate 1s linear infinite}@keyframes sr-rotate{to{transform:rotate(360deg)}}@media (max-width: 640px){.sr-page{padding:12px}.sr-grid{grid-template-columns:1fr}.sr-form-card{border-radius:16px}.sr-header,.sr-section{padding:18px 20px}.sr-actions{padding:16px 20px}.sr-upload-progress{margin:0 20px 4px}.sr-done-card{padding:40px 24px}.sr-done-btns{flex-direction:column;width:100%}}.my-page-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:14px;margin-bottom:16px;box-shadow:0 1px 6px #0000000d}.my-page-title{display:flex;align-items:center;gap:14px}.my-page-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.my-page-title h2{font-size:16px;font-weight:700;color:var(--color-gray-800);margin:0 0 2px}.my-page-title p{font-size:12px;color:var(--color-gray-500);margin:0}.my-page-secure{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--color-gray-500);background:var(--color-gray-50);border:1px solid var(--border-light);padding:4px 10px;border-radius:20px;font-weight:500}@media (max-width: 640px){.my-page-header{flex-direction:column;align-items:flex-start;gap:10px}}.manual-page{max-width:1080px;margin:0 auto;padding-bottom:var(--space-2xl)}.manual-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-lg) var(--space-xl)}.manual-hero-title{display:flex;align-items:center;gap:10px;margin:0;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);letter-spacing:-.02em}.manual-back{display:inline-flex;align-items:center;gap:4px;margin-bottom:10px;color:var(--color-gray-500);font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition-fast)}.manual-back:hover{color:var(--color-primary-600)}.manual-hero-sub{margin:8px 0 0;color:var(--color-gray-500);font-size:var(--font-size-base);line-height:1.6}.manual-btn{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:8px 14px;border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--bg-card);color:var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.manual-btn:hover{border-color:var(--color-primary-600);color:var(--color-gray-900);background:var(--color-gray-50)}.manual-index-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-md);margin-top:var(--space-lg)}.manual-index-card{display:flex;align-items:flex-start;gap:14px;padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);text-decoration:none;transition:box-shadow var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.manual-index-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-600);transform:translateY(-1px)}.manual-index-icon{flex:0 0 auto;width:44px;height:44px;border-radius:var(--radius-lg);background:var(--color-gray-100);color:var(--color-gray-700);display:grid;place-items:center}.manual-index-card:hover .manual-index-icon{background:var(--color-primary-600);color:var(--on-accent)}.manual-index-body{min-width:0}.manual-index-title{display:flex;align-items:center;gap:4px;margin:2px 0 6px;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-900);letter-spacing:-.01em}.manual-index-arrow{color:var(--color-gray-400);transition:transform var(--transition-fast)}.manual-index-card:hover .manual-index-arrow{transform:translate(2px);color:var(--color-primary-600)}.manual-index-desc{margin:0 0 8px;color:var(--color-gray-500);font-size:var(--font-size-sm);line-height:1.55}.manual-index-count{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-600);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.manual-nav{position:sticky;top:0;z-index:5;margin:var(--space-md) 0 var(--space-lg);padding:10px 0;background:var(--bg-page);border-bottom:1px solid var(--border-light)}.manual-nav-inner{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.manual-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border-medium);border-radius:var(--radius-full);background:var(--bg-card);color:var(--color-gray-600);font-size:var(--font-size-sm);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast)}.manual-chip:hover{border-color:var(--border-strong);color:var(--color-gray-900)}.manual-chip.active{background:var(--color-primary-600);border-color:var(--color-primary-600);color:var(--on-accent)}.manual-chip-n{font-family:var(--font-numeric);font-weight:var(--font-weight-bold);opacity:.7}.manual-section-title{display:flex;align-items:center;gap:8px;margin:var(--space-xl) 0 var(--space-md);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-800);letter-spacing:-.01em}.manual-section-title small{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-gray-500)}.manual-step{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);padding:var(--space-lg) var(--space-xl);margin-bottom:var(--space-md);scroll-margin-top:70px;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.manual-step:hover{box-shadow:var(--shadow-sm);border-color:var(--border-medium)}.manual-step-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.manual-step-n{flex:0 0 auto;width:30px;height:30px;border-radius:var(--radius-full);background:var(--color-primary-600);color:var(--on-accent);display:grid;place-items:center;font-family:var(--font-numeric);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.manual-step-n.plain{background:var(--color-gray-200);color:var(--color-gray-700)}.manual-step-title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);letter-spacing:-.01em}.manual-menu-link{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--border-medium);border-radius:var(--radius-md);background:var(--color-gray-50);color:var(--color-gray-700);font-size:var(--font-size-sm);text-decoration:none;transition:all var(--transition-fast)}.manual-menu-link:hover{border-color:var(--color-primary-600);color:var(--color-gray-900)}.manual-goal{margin:12px 0 14px;color:var(--color-gray-500);font-size:var(--font-size-base);line-height:1.6}.manual-how{margin:0;padding:0;list-style:none;counter-reset:manual-how}.manual-how li{position:relative;counter-increment:manual-how;padding-left:28px;margin-bottom:9px;color:var(--color-gray-800);font-size:var(--font-size-base);line-height:1.65}.manual-how li:last-child{margin-bottom:0}.manual-how li:before{content:counter(manual-how);position:absolute;left:0;top:3px;width:19px;height:19px;border-radius:var(--radius-full);background:var(--color-gray-100);border:1px solid var(--border-light);color:var(--color-gray-600);font-family:var(--font-numeric);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);display:grid;place-items:center}.manual-tip{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 12px;border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:1.6}.manual-tip svg{flex:0 0 auto;margin-top:1px}.manual-tip.warn{background:var(--color-warning-bg);border:1px solid color-mix(in srgb,var(--color-warning) 35%,transparent);color:var(--color-warning-text)}.manual-tip.info{background:var(--color-info-bg);border:1px solid color-mix(in srgb,var(--color-info) 30%,transparent);color:var(--color-info-text)}.manual-done{display:flex;align-items:center;gap:6px;margin-top:14px;padding-top:11px;border-top:1px dashed var(--border-medium);color:var(--color-success-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.manual-extra-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-md)}.manual-extra-grid .manual-step{margin-bottom:0}.manual-faq{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);overflow:hidden}.manual-faq details{border-bottom:1px solid var(--border-light)}.manual-faq details:last-child{border-bottom:none}.manual-faq summary{display:flex;align-items:center;gap:10px;padding:13px var(--space-lg);cursor:pointer;list-style:none;color:var(--color-gray-800);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:background var(--transition-fast)}.manual-faq summary::-webkit-details-marker{display:none}.manual-faq summary:hover{background:var(--color-gray-50)}.manual-faq details[open] summary{background:var(--color-gray-50)}.manual-faq summary:before{content:"Q";flex:0 0 auto;width:20px;height:20px;border-radius:var(--radius-sm);background:var(--color-gray-200);color:var(--color-gray-700);display:grid;place-items:center;font-family:var(--font-numeric);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.manual-faq-a{padding:2px var(--space-lg) 15px 54px;color:var(--color-gray-600);font-size:var(--font-size-base);line-height:1.75}.manual-terms{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);overflow:hidden;margin:0}.manual-term{padding:12px var(--space-lg);border-bottom:1px solid var(--border-light)}.manual-term-t{margin:0 0 3px;color:var(--color-gray-800);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.manual-term-d{margin:0;color:var(--color-gray-500);font-size:var(--font-size-sm);line-height:1.6}.manual-foot{margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--border-light);text-align:center;color:var(--color-gray-500);font-size:var(--font-size-sm);line-height:1.7}@media (max-width: 768px){.manual-hero{flex-direction:column;padding:var(--space-md)}.manual-hero-title{font-size:var(--font-size-2xl)}.manual-step{padding:var(--space-md)}.manual-step-title{font-size:var(--font-size-lg)}.manual-menu-link{margin-left:0;width:100%;justify-content:center}.manual-faq-a{padding-left:var(--space-lg)}}@media print{body.manual-printing .sidebar,body.manual-printing .sidebar-overlay,body.manual-printing .header,body.manual-printing .manual-nav,body.manual-printing .manual-btn{display:none!important}body.manual-printing .main-layout,body.manual-printing .main-content,body.manual-printing .page-content{height:auto!important;max-height:none!important;overflow:visible!important;padding:0!important;display:block!important;background:#fff!important}body.manual-printing .manual-page{max-width:none}body.manual-printing .manual-step,body.manual-printing .manual-faq details,body.manual-printing .manual-term{break-inside:avoid;page-break-inside:avoid;box-shadow:none!important}body.manual-printing .manual-hero{box-shadow:none!important}}.dbpub{--db-ink: #111111;--db-ink-2: #3e3d3c;--db-ink-3: #6b6b6b;--db-ink-4: #939393;--db-line: #e6e4e2;--db-line-soft: #f0eeec;--db-bg: #ffffff;--db-bg-soft: #f7f6f5;--db-accent: #d26f64;--db-accent-dark: #b45549;--db-accent-soft: #fbf1ef;color-scheme:light;min-height:100vh;min-height:100dvh;background:var(--db-bg);color:var(--db-ink);font-family:Pretendard Variable,Pretendard,Apple SD Gothic Neo,Malgun Gothic,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.65;letter-spacing:-.01em;-webkit-font-smoothing:antialiased}.dbpub *,.dbpub *:before,.dbpub *:after{box-sizing:border-box}.dbpub-wrap{width:100%;max-width:660px;margin:0 auto;padding:0 20px}.dbpub-header{border-bottom:1px solid var(--db-ink);background:var(--db-bg)}.dbpub-header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;height:60px}.dbpub-wordmark{font-size:17px;font-weight:800;letter-spacing:.02em;color:var(--db-ink);text-decoration:none}.dbpub-header-tag{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--db-ink-4);text-transform:uppercase}.dbpub-eyebrow{margin:0 0 10px;font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--db-ink-4)}.dbpub-eyebrow.accent{color:var(--db-accent)}.dbpub-h1{margin:0;font-size:30px;font-weight:800;line-height:1.28;letter-spacing:-.03em;color:var(--db-ink)}.dbpub-h2{margin:0 0 10px;font-size:21px;font-weight:800;letter-spacing:-.025em;color:var(--db-ink)}.dbpub-lead{margin:14px 0 0;font-size:15px;color:var(--db-ink-2)}.dbpub-lead b{font-weight:800;color:var(--db-ink)}.dbpub-hero{padding:44px 0 28px}.dbpub-section{padding:30px 0;border-top:1px solid var(--db-line)}.dbpub-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:18px}.dbpub-section-title{margin:0;font-size:14px;font-weight:800;letter-spacing:.02em;color:var(--db-ink)}.dbpub-section-count{font-size:12px;font-weight:700;color:var(--db-ink-4);letter-spacing:.04em}.dbpub-meta{margin:26px 0 0;border-top:1px solid var(--db-line)}.dbpub-meta-row{display:flex;align-items:center;gap:16px;padding:11px 0;border-bottom:1px solid var(--db-line-soft)}.dbpub-meta-row dt{flex:0 0 88px;margin:0;font-size:13px;font-weight:700;color:var(--db-ink-4)}.dbpub-meta-row dd{margin:0;font-size:14px;font-weight:700;color:var(--db-ink);word-break:break-all}.dbpub-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:-.01em;border:1px solid var(--db-line);background:var(--db-bg-soft);color:var(--db-ink-2)}.dbpub-chip.is-confirmed{background:var(--db-ink);border-color:var(--db-ink);color:#fff}.dbpub-chip.is-revision{background:var(--db-accent-soft);border-color:var(--db-accent);color:var(--db-accent-dark)}.dbpub-target+.dbpub-target{margin-top:30px}.dbpub-target-label{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:14px;font-weight:800;letter-spacing:-.01em;color:var(--db-ink)}.dbpub-target-label:before{content:"";width:14px;height:2px;background:var(--db-accent);flex:0 0 auto}.dbpub-figures{display:grid;grid-template-columns:1fr;gap:18px}.dbpub-figure{margin:0}.dbpub-part-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:.02em;color:var(--db-ink-2)}.dbpub-zoom-hint{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--db-ink-4)}.dbpub-shot{display:block;width:100%;padding:0;border:1px solid var(--db-line);border-radius:2px;background:var(--db-bg-soft);cursor:zoom-in;overflow:hidden;transition:border-color .15s ease}.dbpub-shot:hover{border-color:var(--db-ink)}.dbpub-shot:focus-visible{outline:2px solid var(--db-accent);outline-offset:2px}.dbpub-shot img{display:block;width:100%;max-height:58vh;object-fit:contain;background:var(--db-bg-soft)}.dbpub-empty{border:1px dashed var(--db-line);border-radius:2px;background:var(--db-bg-soft);padding:46px 20px;text-align:center;font-size:14px;font-weight:600;color:var(--db-ink-4)}.dbpub-history{display:flex;flex-direction:column}.dbpub-history-item{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:11px 0;border-bottom:1px solid var(--db-line-soft);font-size:13px;color:var(--db-ink-3)}.dbpub-ver{flex:0 0 auto;min-width:34px;text-align:center;padding:2px 7px;border:1px solid var(--db-line);border-radius:2px;font-size:11px;font-weight:800;color:var(--db-ink-2);background:var(--db-bg-soft)}.dbpub-history-part{font-weight:700;color:var(--db-ink-2)}.dbpub-history-note{width:100%;padding-left:44px;font-size:13px;color:var(--db-ink-3)}.dbpub-history-date{margin-left:auto;font-size:12px;color:var(--db-ink-4);white-space:nowrap}.dbpub-notes{width:100%;padding:13px 14px;border:1px solid var(--db-line);border-radius:2px;background:#fff;color:var(--db-ink);font-family:inherit;font-size:14.5px;line-height:1.6;resize:vertical}.dbpub-notes::placeholder{color:var(--db-ink-4)}.dbpub-notes:focus{outline:none;border-color:var(--db-ink);box-shadow:0 0 0 3px #11111112}.dbpub-notes.has-error{border-color:var(--db-accent)}.dbpub-form-error{margin:8px 0 0;font-size:13px;font-weight:700;color:var(--db-accent-dark)}.dbpub-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:16px}.dbpub-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:54px;padding:14px 18px;border-radius:2px;border:1px solid var(--db-ink);font-family:inherit;font-size:15px;font-weight:800;letter-spacing:-.01em;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.dbpub-btn.primary{background:var(--db-ink);color:#fff}.dbpub-btn.primary:hover:not(:disabled){background:#000}.dbpub-btn.ghost{background:#fff;color:var(--db-ink)}.dbpub-btn.ghost:hover:not(:disabled){background:var(--db-bg-soft)}.dbpub-btn:disabled{opacity:.45;cursor:not-allowed}.dbpub-btn:focus-visible{outline:2px solid var(--db-accent);outline-offset:2px}.dbpub-result{border:1px solid var(--db-ink);border-radius:2px;padding:26px 22px;text-align:center}.dbpub-result.confirmed{background:var(--db-ink);border-color:var(--db-ink);color:#fff}.dbpub-result.revision{background:var(--db-accent-soft);border-color:var(--db-accent)}.dbpub-result-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;margin-bottom:12px;background:#ffffff29}.dbpub-result.revision .dbpub-result-icon{background:#fff;color:var(--db-accent-dark)}.dbpub-result-title{margin:0 0 6px;font-size:19px;font-weight:800;letter-spacing:-.02em}.dbpub-result-desc{margin:0;font-size:14px;line-height:1.6;opacity:.85}.dbpub-result.revision .dbpub-result-title,.dbpub-result.revision .dbpub-result-desc{color:var(--db-accent-dark)}.dbpub-consult{margin-top:8px;padding:34px 24px 30px;background:var(--db-bg-soft);border:1px solid var(--db-line);border-radius:2px;text-align:center}.dbpub-consult-desc{margin:0 auto 20px;max-width:420px;font-size:14.5px;color:var(--db-ink-2)}.dbpub-consult-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;max-width:340px;min-height:56px;padding:15px 24px;border-radius:2px;background:var(--db-accent);border:1px solid var(--db-accent);color:#fff;font-size:16px;font-weight:800;letter-spacing:-.01em;text-decoration:none;transition:background .15s ease,border-color .15s ease}.dbpub-consult-btn:hover{background:var(--db-accent-dark);border-color:var(--db-accent-dark)}.dbpub-consult-btn:focus-visible{outline:2px solid var(--db-ink);outline-offset:2px}.dbpub-consult-hint{margin:12px 0 0;font-size:12.5px;color:var(--db-ink-4)}.dbpub-consult-list{list-style:none;margin:20px 0 0;padding:18px 0 0;border-top:1px solid var(--db-line);display:flex;flex-direction:column;gap:9px;text-align:left}.dbpub-consult-list li{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--db-ink-2)}.dbpub-consult-list li svg{flex:0 0 auto;color:var(--db-ink-4)}.dbpub-consult-list a{color:var(--db-ink);font-weight:700;text-decoration:none;border-bottom:1px solid var(--db-line)}.dbpub-consult-list a:hover{border-bottom-color:var(--db-ink)}.dbpub-footer{margin-top:30px;border-top:1px solid var(--db-ink);padding:26px 0 44px}.dbpub-footer-brand{margin:0 0 10px;font-size:14px;font-weight:800;letter-spacing:.06em;color:var(--db-ink)}.dbpub-footer p{margin:0 0 4px;font-size:12px;line-height:1.7;color:var(--db-ink-4)}.dbpub-footer-copy{margin-top:12px!important}.dbpub-skel{background:var(--db-line-soft);border-radius:2px;animation:dbpub-pulse 1.4s ease-in-out infinite}@keyframes dbpub-pulse{0%,to{opacity:1}50%{opacity:.45}}@media (prefers-reduced-motion: reduce){.dbpub-skel{animation:none}}.dbpub-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000eb;display:flex;align-items:center;justify-content:center;padding:56px 16px 24px}.dbpub-viewer img{max-width:100%;max-height:100%;object-fit:contain}.dbpub-viewer-close{position:absolute;top:12px;right:12px;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.4);border-radius:2px;background:transparent;color:#fff;cursor:pointer}.dbpub-viewer-close:hover{background:#ffffff24}.dbpub-viewer-cap{position:absolute;left:0;right:0;top:22px;text-align:center;font-size:12px;font-weight:700;letter-spacing:.06em;color:#ffffffbf;pointer-events:none}.dbpub-dim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#11111180;display:flex;align-items:center;justify-content:center;padding:20px}.dbpub-dialog{width:400px;max-width:100%;background:#fff;border-radius:2px;box-shadow:0 24px 60px #00000047;overflow:hidden}.dbpub-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-bottom:1px solid var(--db-line)}.dbpub-dialog-head h3{margin:0;font-size:16px;font-weight:800;letter-spacing:-.02em;color:var(--db-ink)}.dbpub-dialog-close{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--db-ink-3);border-radius:2px;cursor:pointer}.dbpub-dialog-close:hover{background:var(--db-bg-soft);color:var(--db-ink)}.dbpub-dialog-body{padding:20px 18px 4px;font-size:14.5px;line-height:1.65;color:var(--db-ink-2)}.dbpub-dialog-body strong{color:var(--db-ink);font-weight:800}.dbpub-dialog-foot{display:flex;gap:8px;padding:18px}.dbpub-dialog-foot .dbpub-btn{min-height:46px;font-size:14px}@media (min-width: 560px){.dbpub-actions{grid-template-columns:1fr 1fr}.dbpub-h1{font-size:34px}.dbpub-hero{padding:56px 0 32px}}@media (max-width: 430px){.dbpub{font-size:14.5px}.dbpub-wrap{padding:0 16px}.dbpub-h1{font-size:26px}.dbpub-hero{padding:34px 0 24px}.dbpub-meta-row dt{flex-basis:74px;font-size:12.5px}.dbpub-consult{padding:28px 18px 26px}}@media print{.dbpub-actions,.dbpub-notes,.dbpub-consult-btn,.dbpub-zoom-hint{display:none!important}.dbpub-shot{border-color:#ccc}.dbpub-consult{border:1px solid #ccc;background:none}}.mx-view-tabs{display:flex;gap:6px;margin-bottom:14px;border-bottom:2px solid var(--border-light)}.mx-view-tab{border:none;background:none;cursor:pointer;padding:10px 18px;font-size:14px;font-weight:700;color:var(--color-gray-500);border-bottom:3px solid transparent;margin-bottom:-2px}.mx-view-tab:hover{color:var(--color-primary-700)}.mx-view-tab.active{color:var(--color-primary-700);border-bottom-color:var(--color-primary-500)}.mx-preset-hint{flex:1;margin:0;font-size:13px;color:var(--color-gray-500)}.mx-preset-empty{padding:40px;text-align:center;color:var(--color-gray-400);font-size:14px}.mx-preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px;margin-top:12px}.mx-preset-card{border:1.5px solid var(--border-light);border-radius:12px;padding:14px 16px;background:var(--bg-card)}.mx-preset-card-hd{display:flex;align-items:center;gap:8px;margin-bottom:8px}.mx-preset-name{font-size:15px;font-weight:800;color:var(--color-gray-800)}.mx-preset-ink{font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;background:var(--border-light);color:var(--color-gray-700)}.mx-preset-ink.pigment{background:var(--color-primary-50);color:var(--color-primary-800)}.mx-preset-ink.reactive{background:var(--color-primary-50);color:var(--color-primary-text)}.mx-preset-card-acts{margin-left:auto;display:flex;gap:2px}.mx-preset-summary{font-size:13px;color:var(--color-gray-700);line-height:1.55;word-break:break-all}.mx-preset-note{margin-top:6px;font-size:12px;color:var(--color-gray-400)}.mx-preset-meta{display:flex;gap:14px;margin-bottom:16px}.mx-preset-meta .mx-form-row{flex:1;margin:0}.mx-preset-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;margin-bottom:14px;background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-primary-50) 100%);border:1.5px solid var(--color-primary-200);border-radius:12px}.mx-preset-bar-ico{color:var(--color-primary-700);flex-shrink:0}.mx-preset-bar-label{font-size:13px;font-weight:800;color:var(--color-primary-700);flex-shrink:0}.mx-preset-bar-empty{font-size:12px;color:var(--color-gray-500)}.mx-preset-chips{display:flex;flex-wrap:wrap;gap:6px;flex:1}.mx-preset-chip{border:1.5px solid var(--color-primary-300);background:var(--bg-card);border-radius:999px;padding:5px 14px;font-size:13px;font-weight:700;color:var(--color-primary-700);cursor:pointer}.mx-preset-chip:hover{background:var(--color-primary-700);color:#fff;border-color:var(--color-primary-700)}.mx-preset-save{margin-left:auto;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--color-primary-200);background:var(--bg-card);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700;color:var(--color-primary-700);cursor:pointer;flex-shrink:0}.mx-preset-save:hover{background:var(--color-primary-50)}.mx-preset-applied{margin-top:6px;font-size:12px;color:var(--color-primary-700);background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:6px;padding:6px 10px;line-height:1.5;word-break:break-all}.mx-detail-grid{display:grid;grid-template-columns:290px 1fr;gap:16px;align-items:start}@media (max-width: 900px){.mx-detail-grid{grid-template-columns:1fr}}.mx-color-list{background:var(--bg-card);border:1px solid var(--border-light);border-radius:10px;overflow:hidden}.mx-color-list-hd{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;font-weight:700;color:var(--color-gray-700);background:var(--color-gray-50);border-bottom:1px solid var(--border-light)}.mx-color-empty{padding:24px 12px;text-align:center;color:var(--color-gray-400);font-size:13px}.mx-color-item{padding:10px 12px;border-bottom:1px solid var(--color-gray-100);cursor:pointer}.mx-color-item:hover{background:var(--color-gray-50)}.mx-color-item.active{background:var(--color-primary-50)}.mx-color-item-main{display:flex;align-items:center;gap:8px}.mx-color-seq{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--color-primary-600);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.mx-color-name{font-size:14px;font-weight:700;color:var(--color-gray-900)}.mx-color-buyer{font-size:12px;color:var(--color-gray-500);margin:2px 0 0 30px}.mx-color-badges{display:flex;gap:4px;flex-wrap:wrap;margin:6px 0 0 30px}.mx-badge{display:inline-flex;align-items:center;gap:3px;font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px}.mx-badge.rev{background:var(--color-gray-100);color:var(--color-gray-700)}.mx-badge.confirmed{background:var(--color-success-bg);color:var(--color-success-text)}.mx-badge.editing{background:var(--color-warning-bg);color:var(--color-warning-text)}.mx-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.mx-num{text-align:right}.mx-pct{font-weight:700}.mx-base-row td{background:var(--color-gray-50);font-weight:600}.mx-total-row td{background:var(--color-primary-50);font-weight:800;font-size:14px}.mx-weight-cell{font-weight:800}.mx-edit-note{color:var(--color-warning-text);font-size:12px}.mx-empty-cell{text-align:center;color:var(--color-gray-400)}.mx-new-pct{font-weight:800;color:var(--color-primary-600)}.mx-calc-card{display:flex;flex-direction:column;gap:12px}.mx-calc-form{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:10px;padding:12px}.mx-form-row{display:flex;flex-direction:column;gap:4px}.mx-form-row label{font-size:12px;font-weight:600;color:var(--color-gray-500)}.mx-form-row input,.mx-form-row select{padding:7px 10px;border:1px solid var(--border-medium);border-radius:8px;font-size:14px;min-width:110px;background:var(--bg-card)}.mx-calc-rev-info{font-size:12px;color:var(--color-gray-500);flex-basis:100%}.mx-calc-actions{display:flex;gap:8px}.mx-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#11182780;display:flex;align-items:center;justify-content:center;padding:20px}.mx-modal{background:var(--bg-card);border-radius:12px;width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 50px #00000040}.mx-modal-wide{max-width:860px}.mx-modal-xl{max-width:1140px}.mx-modal-xl .mx-modal-hd h3{font-size:17px}.mx-modal-hd{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border-light)}.mx-modal-hd h3{margin:0;font-size:15px;font-weight:700;color:var(--color-gray-900)}.mx-modal-close{background:none;border:none;cursor:pointer;color:var(--color-gray-500);padding:4px;border-radius:6px}.mx-modal-close:hover{background:var(--color-gray-100)}.mx-modal-body{padding:16px 18px;overflow-y:auto}.mx-modal-ft{display:flex;justify-content:flex-end;gap:8px;padding:12px 18px;border-top:1px solid var(--border-light)}.mx-modal .mx-form-row{margin-bottom:10px}.mx-modal .mx-form-row input,.mx-modal .mx-form-row select{width:100%}.mx-input-sm{width:84px;padding:5px 7px;border:1px solid var(--border-medium);border-radius:6px;font-size:13px;text-align:right}.mx-input-sm:disabled{background:var(--color-gray-100)}.mx-icon-btn{background:none;border:none;cursor:pointer;padding:5px;border-radius:6px;color:var(--color-gray-500);display:inline-flex}.mx-icon-btn:hover{background:var(--color-gray-100)}.mx-icon-btn.danger:hover{background:var(--color-error-bg);color:var(--color-error)}.mx-rev-edit-table input{max-width:90px}.mx-rev-select-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mx-rev-select-row select{padding:6px 10px;border:1px solid var(--border-medium);border-radius:8px;font-size:13px}.mx-rev-meta{font-size:12px;color:var(--color-gray-500)}.mx-up{color:var(--color-error);font-weight:700}.mx-down{color:var(--color-info);font-weight:700}.mx-stepper{display:inline-flex;align-items:stretch;border:1.5px solid var(--border-medium);border-radius:8px;overflow:hidden;background:var(--bg-card)}.mx-stepper input{border:none;outline:none;width:100%;min-width:0;padding:6px 8px;font-size:14px;font-weight:600;text-align:right;font-variant-numeric:tabular-nums;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.mx-stepper input::-webkit-outer-spin-button,.mx-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mx-stepper-suffix{display:flex;align-items:center;padding:0 7px;color:var(--color-gray-500);font-size:12px;font-weight:600;background:var(--color-gray-50);border-left:1px solid var(--border-light);white-space:nowrap}.mx-stepper-btns{display:flex;flex-direction:column;border-left:1px solid var(--border-light)}.mx-stepper-btns button{flex:1;border:none;background:var(--color-gray-100);color:var(--color-gray-600);font-size:9px;line-height:1;width:26px;cursor:pointer;padding:0}.mx-stepper-btns button:hover{background:var(--color-primary-50);color:var(--color-primary-700)}.mx-stepper-btns button:first-child{border-bottom:1px solid var(--border-light)}.mx-stepper.big input{font-size:24px;padding:10px;font-weight:800}.mx-stepper.big .mx-stepper-suffix{font-size:14px}.mx-stepper.big .mx-stepper-btns button{width:40px;font-size:14px}.mx-stepper.disabled{opacity:.55}.mx-rev-summary{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:14px 16px;margin-bottom:16px;background:var(--color-gray-50);border:1.5px solid var(--border-light);border-radius:12px}.mx-rev-summary-item{display:flex;flex-direction:column;gap:4px}.mx-rev-summary-item label{font-size:11px;font-weight:700;color:var(--color-gray-500);letter-spacing:.04em}.mx-rev-summary-item strong{font-size:16px;color:var(--color-gray-800);font-variant-numeric:tabular-nums}.mx-rev-summary-item.total{margin-left:auto;text-align:right}.mx-rev-summary-item.total strong{font-size:22px;color:var(--color-primary-700)}.mx-sec{margin-bottom:16px;border:1.5px solid var(--border-light);border-radius:12px}.mx-sec-hd{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:9px 12px;background:var(--color-gray-50);border-bottom:1px solid var(--border-light);border-radius:10.5px 10.5px 0 0}.mx-g-kg{font-size:11px;color:var(--color-gray-500);margin-top:2px;font-variant-numeric:tabular-nums}.mx-sec-badge{font-size:13px;font-weight:800;padding:3px 12px;border-radius:999px}.mx-sec-base .mx-sec-badge{background:var(--color-info-bg);color:var(--color-info)}.mx-sec-additive .mx-sec-badge{background:var(--color-success-bg);color:var(--color-success-text)}.mx-sec-pigment .mx-sec-badge{background:var(--color-primary-50);color:var(--color-primary-800)}.mx-sec-unit{font-size:12px;color:var(--color-gray-500);font-weight:600}.mx-sec-sum{font-size:12px;font-weight:700}.mx-sec-sum.ok{color:var(--color-success)}.mx-sec-sum.bad{color:var(--color-error)}.mx-sec-scale{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--color-primary-800)}.mx-scale-btn{border:1px solid var(--border-medium);background:var(--bg-card);border-radius:6px;padding:4px 9px;font-size:12px;font-weight:700;cursor:pointer}.mx-scale-btn.up:hover{background:var(--color-error-bg);color:var(--color-error);border-color:var(--color-error-light)}.mx-scale-btn.down:hover{background:var(--color-info-bg);color:var(--color-info);border-color:var(--color-info-light)}.mx-sec-add{margin-left:auto;display:inline-flex;align-items:center;gap:4px;border:1px dashed var(--color-gray-400);background:var(--bg-card);border-radius:8px;padding:5px 11px;font-size:12px;font-weight:700;color:var(--color-gray-700);cursor:pointer}.mx-sec-add:hover{border-color:var(--color-primary-500);color:var(--color-primary-700);background:var(--color-primary-50)}.mx-sec-empty{padding:14px;font-size:12px;color:var(--color-gray-400);text-align:center}.mx-sec .mx-rev-edit-table{margin:0}.mx-sec .mx-rev-edit-table th{background:var(--bg-card)}.mx-role-badge{display:inline-block;font-size:11px;font-weight:800;padding:2px 9px;border-radius:999px;white-space:nowrap}.mx-role-badge.base{background:var(--color-info-bg);color:var(--color-info)}.mx-role-badge.additive{background:var(--color-success-bg);color:var(--color-success-text)}.mx-role-badge.pigment{background:var(--color-primary-50);color:var(--color-primary-800)}.mx-calc-total{display:flex;align-items:baseline;justify-content:flex-end;gap:14px;margin-top:8px;padding:12px 16px;background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-primary-50) 100%);border:1.5px solid var(--color-primary-200);border-radius:10px}.mx-calc-total span{font-size:13px;font-weight:700;color:var(--color-primary-700)}.mx-calc-total strong{font-size:22px;font-weight:800;color:var(--color-primary-800);font-variant-numeric:tabular-nums}.mx-price-form{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;background:var(--color-gray-50);border:1px solid var(--border-light);border-radius:8px;padding:10px;margin-top:10px}.mx-price-form .mx-form-row input{min-width:0}.mx-status-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700}.mx-ink-badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:600;background:var(--color-gray-100);color:var(--color-gray-700)}@media (max-width: 640px){.mx-modal-overlay{padding:10px}.mx-modal-hd,.mx-modal-ft{padding:10px 12px}.mx-modal-body{padding:12px 10px}.mx-rev-edit-table th{width:auto!important}.mx-rev-edit-table .mx-stepper{width:100%!important;min-width:0}.mx-rev-summary{flex-wrap:wrap;gap:12px;padding:10px 12px}.mx-rev-summary-item.total{flex-basis:100%;text-align:left;margin-left:0}.mx-preset-bar{flex-wrap:wrap}}.mx-print-sheet{display:none}@media print{body *{visibility:hidden}.mx-print-sheet,.mx-print-sheet *{visibility:visible}.mx-print-sheet{display:block;position:absolute;top:0;left:0;width:100%;padding:10mm;color:#000;background:var(--bg-card)}.mxp-title{text-align:center;font-size:22pt;letter-spacing:8px;margin:0 0 8mm}.mxp-info{width:100%;border-collapse:collapse;margin-bottom:6mm}.mxp-info th,.mxp-info td{border:1px solid #000;padding:2mm 3mm;font-size:10pt;text-align:left}.mxp-info th{background:#eee;width:22mm}.mxp-color{margin-bottom:6mm;page-break-inside:avoid}.mxp-color-hd{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2mm}.mxp-color-name{font-size:13pt;font-weight:800}.mxp-color-rev{font-size:10pt;font-weight:700;border:2px solid #000;padding:.5mm 2mm}.mxp-recipe{width:100%;border-collapse:collapse}.mxp-recipe th,.mxp-recipe td{border:1px solid #000;padding:1.5mm 3mm;font-size:10pt}.mxp-recipe th{background:#eee}.mxp-num{text-align:right}.mxp-note,.mxp-job-note{font-size:9pt;margin-top:1.5mm}}.mxw-page{font-size:20px;max-width:860px;margin:0 auto;padding:16px}.mxw-title{font-size:30px;font-weight:800;color:var(--color-gray-900);margin:8px 0 20px}.mxw-search-row{display:flex;gap:12px}.mxw-search{flex:1;font-size:28px;padding:16px 20px;border:3px solid var(--color-primary-600);border-radius:14px;min-height:64px}.mxw-search:focus{outline:none;box-shadow:0 0 0 4px #4f46e533}.mxw-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:22px;font-weight:800;min-height:64px;padding:0 28px;border-radius:14px;border:none;cursor:pointer}.mxw-btn:disabled{opacity:.5;cursor:default}.mxw-btn-primary{background:var(--color-primary-600);color:#fff}.mxw-btn-primary:hover:not(:disabled){background:var(--color-primary-700)}.mxw-btn-ghost{background:var(--bg-card);color:var(--color-gray-700);border:2px solid var(--border-medium)}.mxw-btn-ghost:hover:not(:disabled){background:var(--color-gray-100)}.mxw-empty{padding:28px;text-align:center;color:var(--color-gray-400);font-size:20px}.mxw-jobs{display:flex;flex-direction:column;gap:12px;margin-top:20px}.mxw-job-card{display:flex;align-items:center;gap:16px;min-height:72px;padding:14px 20px;background:var(--bg-card);border:2px solid var(--border-light);border-radius:14px;cursor:pointer;text-align:left}.mxw-job-card:hover{border-color:var(--color-primary-600);background:var(--color-primary-50)}.mxw-job-no{font-size:26px;font-weight:800;color:var(--color-gray-900)}.mxw-job-sub{flex:1;font-size:18px;color:var(--color-gray-500)}.mxw-job-colors{font-size:20px;font-weight:700;color:var(--color-primary-600)}.mxw-colors{margin-top:20px;display:flex;flex-direction:column;gap:14px}.mxw-colors-hd{display:flex;align-items:center;justify-content:space-between}.mxw-color-card{background:var(--bg-card);border:2px solid var(--border-light);border-radius:14px;padding:18px 20px;display:flex;flex-wrap:wrap;align-items:center;gap:16px;justify-content:space-between}.mxw-color-info{display:flex;flex-direction:column;gap:6px}.mxw-color-name{font-size:26px;font-weight:800;color:var(--color-gray-900)}.mxw-color-rev{display:inline-flex;align-items:center;gap:6px;font-size:19px;font-weight:700;color:var(--color-success-text)}.mxw-color-actions{display:flex;align-items:center;gap:10px}.mxw-kg-input{width:140px;font-size:28px;font-weight:700;text-align:right;padding:12px 14px;border:3px solid var(--border-medium);border-radius:14px;min-height:64px}.mxw-kg-input:focus{outline:none;border-color:var(--color-primary-600)}.mxw-kg-unit{font-size:24px;font-weight:700;color:var(--color-gray-700)}.mxw-kg-step{min-width:56px;min-height:64px;font-size:22px;font-weight:800;color:var(--color-gray-700);background:var(--color-gray-100);border:3px solid var(--border-medium);border-radius:14px;cursor:pointer}.mxw-kg-step:hover{background:var(--color-primary-50);color:var(--color-primary-700);border-color:var(--color-primary-300)}.mxw-recent{margin-top:32px}.mxw-recent-title{font-size:24px;font-weight:800;color:var(--color-gray-900);margin-bottom:12px}.mxw-recent-card{background:var(--bg-card);border:2px solid var(--border-light);border-radius:14px;padding:14px 20px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:14px}.mxw-recent-info{display:flex;flex-direction:column;gap:4px;min-width:0}.mxw-recent-main{font-size:22px;font-weight:800;color:var(--color-gray-900)}.mxw-recent-sub{font-size:17px;color:var(--color-gray-500)}@media (max-width: 640px){.mxw-color-card{flex-direction:column;align-items:stretch}.mxw-color-actions{justify-content:flex-end;flex-wrap:wrap}.mxw-kg-input{flex:1 1 90px;min-width:0}}:root{font-family:Pretendard Variable,Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 30px;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-numeric: "Inter", "Roboto Mono", monospace;font-feature-settings:"tnum";--color-primary-50: #f1f2f4;--color-primary-100: #e6e8eb;--color-primary-200: #d3d7dd;--color-primary-300: #aeb4bd;--color-primary-400: #6c727b;--color-primary-500: #2c3036;--color-primary-600: #1f2328;--color-primary-700: #16191d;--color-primary-800: #0e1013;--color-primary-900: #08090b;--color-primary-text: #1f2328;--on-accent: #ffffff;--color-gray-50: #f6f7f9;--color-gray-100: #f1f2f4;--color-gray-200: #e6e8eb;--color-gray-300: #d7dade;--color-gray-400: #9aa1aa;--color-gray-500: #6b7280;--color-gray-600: #4b5158;--color-gray-700: #343a40;--color-gray-800: #1f2328;--color-gray-900: #14171a;--color-success: #16a34a;--color-success-light: #4ade80;--color-success-bg: #e7f6ec;--color-success-text: #157f3b;--color-warning: #d98a0b;--color-warning-light: #f0b64b;--color-warning-bg: #fbf0da;--color-warning-text: #8a5a12;--color-error: #e5484d;--color-error-light: #f2868a;--color-error-bg: #fce9e9;--color-error-text: #b42318;--color-info: #3b82f6;--color-info-light: #7dabf8;--color-info-bg: #e8f0fe;--color-info-text: #1d4ed8;--bg-page: #f6f7f9;--bg-card: #ffffff;--logo-color: #c2a15c;--bg-sidebar: #ffffff;--bg-header: #ffffff;--bg-input: #ffffff;--bg-disabled: #f1f2f4;--sidebar-text: #4b5158;--sidebar-text-muted: #9aa1aa;--sidebar-active-bg: #f1f2f4;--sidebar-active-text: #14171a;--sidebar-hover-bg: #f6f7f9;--sidebar-border: #eceef1;--sidebar-logo-bg: #1f2328;--sidebar-logo-fg: #ffffff;--border-light: #eceef1;--border-medium: #e0e3e7;--border-strong: #c8ccd2;--border-focus: #1f2328;--shadow-xs: 0 1px 2px 0 rgba(16, 24, 40, .04);--shadow-sm: 0 1px 2px 0 rgba(16, 24, 40, .06), 0 1px 3px 0 rgba(16, 24, 40, .05);--shadow-md: 0 2px 4px -1px rgba(16, 24, 40, .06), 0 4px 8px -2px rgba(16, 24, 40, .08);--shadow-lg: 0 4px 6px -2px rgba(16, 24, 40, .05), 0 12px 16px -4px rgba(16, 24, 40, .1);--shadow-xl: 0 8px 8px -4px rgba(16, 24, 40, .04), 0 20px 24px -4px rgba(16, 24, 40, .1);--shadow-2xl: 0 24px 48px -12px rgba(16, 24, 40, .18);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-slower: .4s cubic-bezier(.4, 0, .2, 1);color-scheme:light;color:var(--color-gray-800);background-color:var(--bg-page);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=dark]{color-scheme:dark;--color-primary-50: #26292e;--color-primary-100: #2e3238;--color-primary-200: #3a3f46;--color-primary-300: #565c64;--color-primary-400: #8b929a;--color-primary-500: #2f343b;--color-primary-600: #33383f;--color-primary-700: #3d434b;--color-primary-800: #4a515a;--color-primary-900: #5a626b;--color-primary-text: #d7dade;--on-accent: #ffffff;--color-gray-50: #1a1c1f;--color-gray-100: #212429;--color-gray-200: #2b2f35;--color-gray-300: #3a3f46;--color-gray-400: #6b727b;--color-gray-500: #8b929a;--color-gray-600: #a6adb5;--color-gray-700: #c3c9d0;--color-gray-800: #e2e5e9;--color-gray-900: #f2f4f7;--color-success: #4cc76a;--color-success-light: #6bd785;--color-success-bg: #16311f;--color-success-text: #7fe0a0;--color-warning: #e0a53a;--color-warning-light: #eec06a;--color-warning-bg: #322611;--color-warning-text: #f0c878;--color-error: #f26669;--color-error-light: #f79093;--color-error-bg: #3a1c1e;--color-error-text: #f8a0a2;--color-info: #5c98f8;--color-info-light: #86b4fa;--color-info-bg: #16233a;--color-info-text: #9cc0fb;--bg-page: #0e0f11;--bg-card: #17181b;--logo-color: #ffffff;--bg-sidebar: #131417;--bg-header: #131417;--bg-input: #1c1e22;--bg-disabled: #1c1e22;--sidebar-text: #b6bcc4;--sidebar-text-muted: #6b727b;--sidebar-active-bg: #26292e;--sidebar-active-text: #f2f4f7;--sidebar-hover-bg: #1e2024;--sidebar-border: #26292e;--sidebar-logo-bg: #e2e5e9;--sidebar-logo-fg: #14171a;--border-light: #26292e;--border-medium: #2e3238;--border-strong: #3d434b;--border-focus: #6b727b;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .35), 0 1px 3px 0 rgba(0, 0, 0, .3);--shadow-md: 0 2px 4px -1px rgba(0, 0, 0, .35), 0 4px 8px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 6px -2px rgba(0, 0, 0, .35), 0 12px 16px -4px rgba(0, 0, 0, .45);--shadow-xl: 0 8px 8px -4px rgba(0, 0, 0, .3), 0 20px 24px -4px rgba(0, 0, 0, .45);--shadow-2xl: 0 24px 48px -12px rgba(0, 0, 0, .55)}:root{--sidebar-w: 240px;--sidebar-w-rail: 56px;--density: 1;--row-h: calc(36px * var(--density));--content-max: 1200px}@media (max-width: 1365px){:root{--sidebar-w: var(--sidebar-w-rail);--density: .9}}@media (max-width: 768px){:root{--sidebar-w: 0px}}@media (max-height: 800px){:root{--density: .85}}*{margin:0;padding:0;box-sizing:border-box}.ue-logo{display:block;background-color:var(--logo-color);-webkit-mask:url(/ue-logo.svg) center / contain no-repeat;mask:url(/ue-logo.svg) center / contain no-repeat}body{margin:0;min-width:320px;min-height:100vh;min-height:-webkit-fill-available;overscroll-behavior-y:none}#root{width:100%;min-height:100vh}@media (max-width: 768px){*{-webkit-tap-highlight-color:transparent}.page-content,.at-wrap,.ol-table-wrap,.erp-section,.op-items-wrap{-webkit-overflow-scrolling:touch}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{border:none}button,a,[role=button]{min-height:36px}input,select,textarea{font-size:16px!important}}@media (max-width: 480px){:root{--font-size-xs: 10px;--font-size-sm: 11px;--font-size-base: 13px;--font-size-lg: 14px;--font-size-xl: 16px;--font-size-2xl: 18px;--space-xl: 20px;--space-lg: 16px;--space-md: 12px}}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all var(--transition-base)}input,select,textarea{font-family:inherit;outline:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-sm);border:2px solid var(--color-gray-100);transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}::-webkit-scrollbar-thumb:active{background:var(--color-gray-600)}.numeric{font-family:var(--font-numeric);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.text-muted{color:var(--color-gray-500)}.text-primary{color:var(--color-primary-600)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em}.badge-success{background:var(--color-success-bg);color:var(--color-success-text)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.badge-error{background:var(--color-error-bg);color:var(--color-error-text)}.badge-info{background:var(--color-info-bg);color:var(--color-info-text)}.badge-gray{background:var(--color-gray-100);color:var(--color-gray-600)}.badge-primary{background:var(--color-primary-50);color:var(--color-primary-text)}.text-primary{color:var(--color-primary-700)}.content-narrow{max-width:var(--content-max);margin-inline:auto;width:100%}.floating-action-bar{position:fixed;right:24px;bottom:24px;left:auto;width:auto;max-width:calc(100vw - 48px);height:auto;min-height:0;z-index:100;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding:10px 12px;background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 6px 24px #00000029;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:none}.floating-action-bar .selected-info,.floating-action-bar .fab-info{font-size:12.5px;font-weight:600;color:var(--color-gray-500);padding:0;margin-right:4px;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.floating-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;height:auto;min-height:34px;border-radius:8px;font-size:13px;font-weight:600;line-height:1.2;letter-spacing:-.01em;white-space:nowrap;cursor:pointer;background:var(--color-gray-100);border:1px solid var(--border-light);color:var(--color-gray-700);box-shadow:none;transition:background .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease}.floating-btn>svg{width:16px;height:16px;flex-shrink:0}.floating-btn:hover:not(:disabled){background:var(--border-light)}.floating-btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}.floating-btn:not(:disabled):active{transform:none}.floating-btn-primary,.floating-btn.primary{background:var(--color-primary-600);border-color:var(--color-primary-600);color:var(--on-accent)}.floating-btn-primary:hover:not(:disabled),.floating-btn.primary:hover:not(:disabled){background:var(--color-primary-700);border-color:var(--color-primary-700)}.floating-btn-success,.floating-btn-save{background:var(--color-success);border-color:var(--color-success);color:#fff}.floating-btn-success:hover:not(:disabled),.floating-btn-save:hover:not(:disabled){filter:brightness(.96)}.floating-btn-info,.floating-btn-secondary{background:var(--color-info);border-color:var(--color-info);color:#fff}.floating-btn-info:hover:not(:disabled),.floating-btn-secondary:hover:not(:disabled){filter:brightness(.96)}.floating-btn-danger{background:var(--color-error-bg);border-color:var(--color-error-bg);color:var(--color-error-text)}.floating-btn-danger:hover:not(:disabled){background:var(--color-error);border-color:var(--color-error);color:#fff}.floating-btn-cancel{background:var(--bg-card);border:1px solid var(--border-medium);color:var(--color-gray-700)}.floating-btn-cancel:hover:not(:disabled){background:var(--color-gray-100)}@media (max-width: 640px){.floating-action-bar{left:12px;right:12px;bottom:12px;max-width:none;justify-content:flex-end}.floating-action-bar .selected-info,.floating-action-bar .fab-info{flex:1 1 100%;max-width:none;margin-right:0}.floating-btn{flex:1 1 auto;min-width:96px}}@media print{.floating-action-bar{display:none!important}}