:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:left;box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box;margin:0;padding:0}.login-wrap{min-height:100vh;font-family:Pretendard,Apple SD Gothic Neo,sans-serif;display:flex}.login-banner{background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 50%,#1e40af 100%);flex-direction:column;flex:1;justify-content:space-between;min-width:0;padding:48px 48px 32px;display:flex;position:relative;overflow:hidden}.banner-overlay{pointer-events:none;background:radial-gradient(at 30%,#3b82f626 0%,#0000 70%);position:absolute;inset:0}.banner-content{z-index:1;position:relative}.banner-title{color:#fff;margin-bottom:12px;font-size:2.2rem;font-weight:700}.banner-desc{color:#ffffffbf;margin-bottom:36px;font-size:1rem;line-height:1.6}.banner-mockup{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;margin-bottom:36px;overflow:hidden}.mockup-bar{background:#0003;border-bottom:1px solid #ffffff14;gap:6px;padding:10px 14px;display:flex}.mockup-bar span{background:#ffffff40;border-radius:50%;width:10px;height:10px}.mockup-bar span:first-child{background:#ef4444}.mockup-bar span:nth-child(2){background:#f59e0b}.mockup-bar span:nth-child(3){background:#22c55e}.mockup-body{gap:12px;padding:16px;display:flex}.mockup-stat{text-align:center;background:#ffffff14;border-radius:8px;flex:1;padding:12px}.stat-num{color:#60a5fa;font-size:1.3rem;font-weight:700}.stat-label{color:#fff9;margin-top:4px;font-size:.72rem}.mockup-chart{align-items:flex-end;gap:4px;height:80px;padding:12px 16px;display:flex}.chart-bar{opacity:.8;background:linear-gradient(#60a5fa,#3b82f6);border-radius:3px 3px 0 0;flex:1}.banner-features{flex-direction:column;gap:16px;display:flex}.feature-item{align-items:flex-start;gap:14px;display:flex}.feature-icon{background:#ffffff14;border:1px solid #ffffff40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.feature-icon svg{stroke:#93c5fd;width:20px;height:20px}.feature-text strong{color:#fff;margin-bottom:3px;font-size:.9rem;font-weight:600;display:block}.feature-text span{color:#fff9;font-size:.78rem;line-height:1.5}.banner-copy{z-index:1;color:#fff6;font-size:.75rem;position:relative}.login-form-area{background:#f8fafc;justify-content:center;align-items:center;width:520px;min-width:480px;padding:40px 32px;display:flex}.login-card{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:40px 36px;box-shadow:0 4px 24px #00000014}.login-logo{justify-content:center;margin-bottom:16px;display:flex}.login-logo svg{width:56px;height:56px}.login-title{text-align:center;color:#1e3a8a;margin-bottom:6px;font-size:1.4rem;font-weight:700}.login-subtitle{text-align:center;color:#64748b;margin-bottom:28px;font-size:.875rem}.login-form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#374151;font-size:.875rem;font-weight:600}.input-wrap{align-items:center;display:flex;position:relative}.input-icon{stroke:#9ca3af;pointer-events:none;width:18px;height:18px;position:absolute;left:12px}.input-wrap input{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:11px 40px 11px 38px;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.input-wrap input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-wrap input::placeholder{color:#cbd5e1}.toggle-pw{cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;right:12px}.toggle-pw svg{stroke:#9ca3af;width:18px;height:18px}.form-options{justify-content:space-between;align-items:center;display:flex}.checkbox-label{color:#475569;cursor:pointer;align-items:center;gap:6px;font-size:.85rem;display:flex}.checkbox-label input[type=checkbox]{accent-color:#1e3a8a;cursor:pointer;width:15px;height:15px}.link{color:#1e3a8a;font-size:.85rem;text-decoration:none}.link:hover{text-decoration:underline}.btn-login{color:#fff;cursor:pointer;background:#1e3a8a;border:none;border-radius:8px;width:100%;margin-top:4px;padding:13px;font-size:1rem;font-weight:600;transition:background .2s,transform .1s}.btn-login:hover{background:#1e40af}.btn-login:active{transform:scale(.99)}.btn-login:disabled{cursor:not-allowed;background:#93a3be;transform:none}.error-msg{color:#dc2626;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:10px 14px;font-size:.85rem}.divider{color:#cbd5e1;align-items:center;gap:12px;font-size:.85rem;display:flex}.divider:before,.divider:after{content:"";background:#e2e8f0;flex:1;height:1px}.login-links{justify-content:center;align-items:center;gap:12px;display:flex}.login-links a{color:#1e3a8a;font-size:.875rem;font-weight:500;text-decoration:none}.login-links a:hover{text-decoration:underline}.login-links a.link-disabled{color:#cbd5e1;cursor:not-allowed}.login-links a.link-disabled:hover{text-decoration:none}.sep{color:#cbd5e1;font-size:.8rem}.security-notice{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;align-items:flex-start;gap:12px;margin-top:20px;padding:14px;display:flex}.security-notice svg{stroke:#3b82f6;flex-shrink:0;width:20px;height:20px;margin-top:1px}.security-notice strong{color:#1e40af;margin-bottom:4px;font-size:.85rem;display:block}.security-notice p{color:#3b82f6;font-size:.78rem;line-height:1.5}@media (width<=900px){.login-banner{display:none}.login-form-area{width:100%;min-width:unset}}.su-modal-overlay{z-index:1100;background:#0f172a8c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.su-modal{background:#fff;border-radius:10px;flex-direction:column;width:100%;max-width:540px;max-height:92vh;display:flex;overflow:hidden;box-shadow:0 20px 50px #0f172a40}.su-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.su-modal-header h3{color:#1e293b;margin:0;font-size:1.05rem;font-weight:700}.su-modal-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.su-modal-close:hover{color:#475569;background:#f1f5f9}.su-modal-body{flex-direction:column;flex:1;gap:14px;padding:20px 22px 0;display:flex;overflow-y:auto}.su-field{flex-direction:column;gap:5px;display:flex}.su-field label{color:#475569;font-size:.82rem;font-weight:600}.su-field label .req{color:#ef4444;margin-left:2px}.su-field input{border:1px solid #e2e8f0;border-radius:5px;outline:none;padding:9px 12px;font-size:.88rem;transition:border-color .15s}.su-field input:focus{border-color:#2563eb}.su-row{gap:8px;display:flex}.su-row input{flex:1}.su-btn-check{color:#fff;cursor:pointer;white-space:nowrap;background:#475569;border:none;border-radius:5px;padding:0 16px;font-size:.82rem;font-weight:600}.su-btn-check:hover:not(:disabled){background:#334155}.su-btn-check:disabled{opacity:.6;cursor:not-allowed}.su-grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.su-hint{margin-top:2px;font-size:.78rem}.su-hint.ok{color:#16a34a}.su-hint.err{color:#dc2626}.su-modal-footer{background:#fff;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:8px;margin-top:8px;padding:16px 0;display:flex;position:sticky;bottom:0}.su-btn-cancel{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:5px;padding:9px 20px;font-size:.88rem;font-weight:500}.su-btn-cancel:hover{background:#f1f5f9}.su-btn-submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:5px;padding:9px 26px;font-size:.88rem;font-weight:600}.su-btn-submit:hover:not(:disabled){background:#1d4ed8}.su-btn-submit:disabled{opacity:.6;cursor:not-allowed}.sidebar{background:#0f172a;flex-direction:column;width:220px;min-width:220px;height:100vh;transition:width .2s;display:flex;position:sticky;top:0;overflow:hidden}.sidebar.collapsed{width:60px;min-width:60px}.sidebar-logo{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:20px 16px;display:flex}.sidebar-logo svg{flex-shrink:0;width:32px;height:32px}.sidebar-logo span{color:#fff;white-space:nowrap;font-size:.95rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 8px;display:flex;overflow:hidden auto}.nav-section-title{color:#ffffff59;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;padding:12px 10px 4px;font-size:.7rem}.nav-item{color:#ffffffa6;white-space:nowrap;border-radius:8px;align-items:center;gap:10px;padding:10px;font-size:.875rem;text-decoration:none;transition:background .15s,color .15s;display:flex;position:relative}.nav-item:hover{color:#fff;background:#ffffff14}.nav-item.active{color:#fff;background:#1d4ed8;font-weight:600}.nav-item--sub{padding-left:26px;font-size:.84rem}.nav-icon{flex-shrink:0;width:20px;height:20px}.nav-icon svg{width:100%;height:100%}.nav-label{flex:1}.nav-badge{color:#fff;text-align:center;background:#ef4444;border-radius:10px;min-width:18px;padding:1px 6px;font-size:.7rem;font-weight:700}.sidebar-logout{color:#ffffff80;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;margin:8px;padding:10px;font-size:.875rem;transition:background .15s,color .15s;display:flex}.sidebar-logout:hover{color:#fff;background:#ffffff14}.sidebar-logout svg{flex-shrink:0;width:20px;height:20px}.mi-modal-overlay{z-index:1000;background:#0f172a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mi-modal{background:#fff;border-radius:10px;flex-direction:column;width:100%;max-width:640px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 50px #0f172a40}.mi-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.mi-modal-header h3{color:#1e293b;margin:0;font-size:1.05rem;font-weight:700}.mi-modal-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.mi-modal-close:hover{color:#475569;background:#f1f5f9}.mi-tabs{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex}.mi-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:12px 18px;font-size:.88rem;font-weight:600;transition:all .15s}.mi-tab:hover{color:#1e293b}.mi-tab.active{color:#2563eb;background:#fff;border-bottom-color:#2563eb}.mi-modal-body{flex:1;padding:22px;overflow-y:auto}.mi-loading{text-align:center;color:#94a3b8;padding:40px}.mi-form-grid{grid-template-columns:1fr 1fr;gap:14px 18px;display:grid}.mi-field{flex-direction:column;gap:5px;display:flex}.mi-field.full{grid-column:1/-1}.mi-field label{color:#475569;font-size:.8rem;font-weight:600}.mi-field label .req{color:#ef4444;margin-left:2px}.mi-field input,.mi-field textarea{resize:vertical;border:1px solid #e2e8f0;border-radius:5px;outline:none;padding:8px 11px;font-family:inherit;font-size:.86rem;transition:border-color .15s}.mi-field input:focus,.mi-field textarea:focus{border-color:#2563eb}.mi-field input:disabled{color:#64748b;cursor:not-allowed;background:#f1f5f9}.mi-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:8px;padding:13px 22px;display:flex}.mi-btn-cancel{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:5px;padding:8px 18px;font-size:.85rem;font-weight:500}.mi-btn-cancel:hover{background:#f1f5f9}.mi-btn-submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:5px;padding:8px 22px;font-size:.85rem;font-weight:600}.mi-btn-submit:hover:not(:disabled){background:#1d4ed8}.mi-btn-submit:disabled{opacity:.6;cursor:not-allowed}.mi-hint{color:#64748b;margin-top:2px;font-size:.78rem}.ntpop-overlay{z-index:3000;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ntpop-modal{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:520px;display:flex;overflow:hidden;box-shadow:0 12px 40px #00000040}.ntpop-head{border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;padding:16px 18px 10px;display:flex}.ntpop-badge{color:#fff;background:#2563eb;border-radius:6px;flex:none;padding:3px 9px;font-size:12px;font-weight:700}.ntpop-title{color:#1e293b;word-break:break-all;flex:auto;margin:0;font-size:17px;font-weight:700;line-height:1.4}.ntpop-x{color:#94a3b8;cursor:pointer;background:0 0;border:none;flex:none;padding:0 2px;font-size:24px;line-height:1}.ntpop-x:hover{color:#475569}.ntpop-date{color:#94a3b8;padding:8px 18px 0;font-size:12px}.ntpop-content{color:#334155;white-space:pre-wrap;word-break:break-word;max-height:50vh;padding:12px 18px 16px;font-size:14px;line-height:1.7;overflow-y:auto}.ntpop-nav{justify-content:center;align-items:center;gap:14px;padding:6px 18px 10px;display:flex}.ntpop-nav button{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:5px 12px;font-size:13px}.ntpop-nav button:hover:not(:disabled){background:#f8fafc}.ntpop-nav button:disabled{opacity:.4;cursor:default}.ntpop-counter{color:#64748b;text-align:center;min-width:48px;font-size:13px}.ntpop-foot{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.ntpop-hide{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:13px;display:flex}.ntpop-hide input{cursor:pointer}.ntpop-close-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;padding:7px 18px;font-size:14px;font-weight:600}.ntpop-close-btn:hover{background:#1d4ed8}.layout{background:#f1f5f9;min-height:100vh;display:flex}.layout-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.layout-header{z-index:100;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:16px;display:flex}.btn-toggle{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.btn-toggle:hover{background:#f1f5f9}.btn-toggle svg{width:20px;height:20px}.header-title{color:#1e293b;font-size:1rem;font-weight:600}.header-right{align-items:center;gap:12px;display:flex}.btn-icon{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex;position:relative}.btn-icon:hover{background:#f1f5f9}.btn-icon svg{width:20px;height:20px}.icon-badge{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.6rem;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.user-menu-wrap{position:relative}.user-info{cursor:pointer;color:#1e293b;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:.875rem;font-weight:500;transition:background .15s;display:flex}.user-info:hover{background:#f1f5f9}.user-dropdown{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:180px;padding:6px;animation:.12s ease-out dropdown-in;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 25px #0f172a1f}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-item{cursor:pointer;color:#334155;text-align:left;background:0 0;border:none;border-radius:5px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:.86rem;transition:background .1s;display:flex}.user-dropdown-item:hover{background:#f1f5f9}.user-dropdown-item.danger{color:#dc2626}.user-dropdown-item.danger:hover{background:#fef2f2}.user-dropdown-divider{background:#f1f5f9;height:1px;margin:4px 0}.user-avatar{color:#fff;background:#1d4ed8;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:.8rem;font-weight:700;display:flex}.layout-content{flex:1;padding:24px;overflow-y:auto}.dashboard{flex-direction:column;gap:20px;display:flex}.page-header{justify-content:space-between;align-items:center;display:flex}.page-header h2{color:#1e293b;margin:0;font-size:1.25rem;font-weight:700}.date-range{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:.875rem;display:flex}.date-range svg{width:16px;height:16px}.date-input{color:#334155;cursor:pointer;background:0 0;border:none;outline:none;font-size:.875rem}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.card-title{color:#1e293b;margin:0 0 16px;font-size:.9375rem;font-weight:600}.card-title small{color:#94a3b8;margin-left:4px;font-size:.8rem;font-weight:400}.card-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-header .card-title{margin:0}.more-link{color:#3b82f6;font-size:.8rem;text-decoration:none}.more-link:hover{text-decoration:underline}.stat-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px;display:flex}.stat-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.stat-label{color:#64748b;font-size:.8125rem;font-weight:500}.stat-value{color:#1e293b;font-size:1.375rem;font-weight:700;line-height:1.2}.stat-value.blue{color:#3b82f6}.stat-value small{color:#64748b;margin-left:2px;font-size:.9rem;font-weight:500}.stat-sub{color:#94a3b8;font-size:.75rem}.stat-sub.up{color:#22c55e}.stat-sub.down{color:#ef4444}.stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-icon svg{width:22px;height:22px}.stat-icon.blue{color:#3b82f6;background:#eff6ff}.stat-icon.green{color:#22c55e;background:#f0fdf4}.stat-icon.amber{color:#f59e0b;background:#fffbeb}.progress-wrap{align-items:center;gap:8px;margin-top:4px;display:flex}.progress-bar{background:#e2e8f0;border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-fill{background:#3b82f6;border-radius:3px;height:100%;transition:width .4s}.progress-label{color:#3b82f6;white-space:nowrap;font-size:.75rem;font-weight:600}.mid-section{grid-template-columns:1fr 1fr;gap:16px;display:grid}.stage-tabs{border:1px solid #e2e8f0;border-radius:8px;gap:0;margin-bottom:0;display:flex;overflow:hidden}.stage-tab{text-align:center;background:#f8fafc;border-right:1px solid #e2e8f0;flex:1;padding:8px 4px;position:relative}.stage-tab:last-child{border-right:none}.stage-tab:before{content:"";background:var(--color,#94a3b8);border-radius:2px;height:3px;margin-bottom:4px;display:block}.stage-name{color:#475569;font-size:.75rem;font-weight:500}.stage-data{gap:0;margin-top:0;display:flex}.stage-col{border-right:1px solid #f1f5f9;flex-direction:column;flex:1;align-items:center;gap:2px;padding:10px 4px;display:flex}.stage-col:last-child{border-right:none}.stage-count{color:#1e293b;font-size:.9375rem;font-weight:700}.stage-amount{color:#3b82f6;font-size:.75rem;font-weight:500}.stage-pct{color:#94a3b8;font-size:.7rem}.bottom-section{grid-template-columns:1fr 280px;gap:16px;display:grid}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.8125rem}.data-table th{text-align:left;color:#64748b;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:8px 10px;font-size:.75rem;font-weight:600}.data-table td{color:#1e293b;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:10px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:#f8fafc}.fw-500{font-weight:500}.td-title{text-overflow:ellipsis;max-width:180px;overflow:hidden}.td-action{color:#64748b}.badge{white-space:nowrap;border-radius:20px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-block}.schedule-list{flex-direction:column;gap:12px;display:flex}.schedule-item{border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:12px;padding-bottom:12px;display:flex}.schedule-item:last-child{border-bottom:none;padding-bottom:0}.sched-date{background:#eff6ff;border-radius:8px;flex-direction:column;align-items:center;min-width:44px;padding:6px 4px;display:flex}.sched-d{color:#1d4ed8;font-size:.8125rem;font-weight:700}.sched-day{color:#60a5fa;font-size:.7rem}.sched-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sched-company{color:#64748b;font-size:.75rem}.sched-title{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:500;overflow:hidden}.sched-time{color:#3b82f6;font-size:.75rem;font-weight:500}.last-section{grid-template-columns:1fr 1fr 260px;gap:16px;display:grid}.quick-menus{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quick-btn{cursor:pointer;color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;font-size:.8125rem;font-weight:500;transition:background .15s,border-color .15s;display:flex}.quick-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.quick-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.quick-icon svg{width:20px;height:20px}.notice-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.notice-list li{align-items:baseline;gap:8px;font-size:.8125rem;display:flex}.notice-dot{color:#3b82f6;flex-shrink:0}.notice-title{color:#334155;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;flex:1;overflow:hidden}.notice-title:hover{color:#3b82f6;text-decoration:underline}.notice-date{color:#94a3b8;white-space:nowrap;font-size:.75rem}.support-card{text-align:center;color:#fff;background:linear-gradient(135deg,#1d4ed8 0%,#3b82f6 100%);border:none;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.support-card strong{margin-bottom:4px;font-size:1rem;font-weight:700;display:block}.support-card p{opacity:.85;margin:0;font-size:.8125rem;line-height:1.5}.support-icon{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.support-icon svg{color:#fff;width:26px;height:26px}.btn-support{color:#1d4ed8;cursor:pointer;background:#fff;border:none;border-radius:20px;margin-top:4px;padding:8px 24px;font-size:.875rem;font-weight:600;transition:opacity .15s}.btn-support:hover{opacity:.9}.inquiry-overlay{z-index:1000;background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.inquiry-modal{text-align:center;background:#fff;border-radius:14px;width:360px;max-width:100%;padding:28px 26px;box-shadow:0 12px 40px #00000040}.inquiry-icon{color:#2563eb;background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto 14px;display:flex}.inquiry-icon svg{width:26px;height:26px}.inquiry-modal h3{color:#0f172a;margin:0 0 8px;font-size:1.1rem;font-weight:700}.inquiry-modal p{color:#64748b;margin:0 0 14px;font-size:.88rem;line-height:1.5}.inquiry-mail{color:#2563eb;background:#f1f5f9;border-radius:8px;margin-bottom:20px;padding:8px 16px;font-size:.95rem;font-weight:700;text-decoration:none;display:inline-block}.inquiry-mail:hover{background:#e0e7ff}.inquiry-close-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;width:100%;padding:11px 0;font-size:.9rem;font-weight:600;display:block}.inquiry-close-btn:hover{background:#2563eb}.rv-page{box-sizing:border-box;flex-direction:column;gap:14px;height:100%;padding:16px 20px;display:flex;overflow:auto}.rv-loading{text-align:center;color:#94a3b8;padding:60px}.rv-topbar{justify-content:space-between;align-items:flex-end;display:flex}.rv-topbar h2{color:#1e293b;margin:0;font-size:1.35rem}.rv-breadcrumb{color:#94a3b8;font-size:.8rem}.rv-controls{align-items:center;gap:10px;display:flex}.rv-controls select{background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:6px 12px;font-size:.85rem}.rv-toggle{gap:4px;display:flex}.rv-toggle button{cursor:pointer;color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:18px;padding:6px 18px;font-size:.82rem}.rv-toggle button.on{color:#fff;background:#3b82f6;border-color:#3b82f6;font-weight:600}.rv-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:14px 18px;box-shadow:0 1px 2px #0f172a08}.rv-card h3{color:#1e293b;border-bottom:2px solid #3b82f6;margin:0 0 12px;padding-bottom:8px;font-size:.95rem}.rv-empty{text-align:center;color:#94a3b8;padding:30px;font-size:.85rem}.rv-chart-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.rv-row-2col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.rv-row-3col{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (width<=1100px){.rv-chart-grid,.rv-row-2col,.rv-row-3col{grid-template-columns:1fr}}.rv-metric-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.rv-metric{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px}.rv-metric.strong{background:#eff6ff;border-color:#bfdbfe}.rv-metric-label{color:#64748b;margin-bottom:6px;font-size:.78rem;font-weight:600}.rv-metric-value{color:#1e293b;font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:700}.rv-metric-value.gain{color:#16a34a}.rv-metric-value.loss{color:#ef4444}.rv-metric-sub{color:#94a3b8;margin-top:6px;font-size:.7rem}@media (width<=1100px){.rv-metric-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.rv-metric-grid{grid-template-columns:repeat(2,1fr)}}.rv-invoice-grid{grid-template-columns:1fr 1fr;gap:12px;height:100%;display:grid}.rv-invoice-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;padding:14px;display:flex}.rv-invoice-amt{margin-top:auto;padding-top:6px}.rv-row-2col>.rv-card,.rv-row-3col>.rv-card{flex-direction:column;display:flex}.rv-row-2col>.rv-card>h3,.rv-row-3col>.rv-card>h3{flex-shrink:0}.rv-row-2col>.rv-card>.rv-invoice-grid,.rv-row-3col>.rv-card>.rv-invoice-grid{flex:1}.rv-invoice-label{color:#475569;margin-bottom:8px;font-size:.82rem;font-weight:600}.rv-invoice-count{color:#1e293b;font-size:1.1rem}.rv-invoice-count strong{font-size:1.4rem}.rv-invoice-pct{color:#64748b;margin-left:6px;font-size:.8rem}.rv-invoice-bar{background:#e2e8f0;border-radius:4px;height:8px;margin:8px 0;overflow:hidden}.rv-invoice-bar>div{height:100%;transition:width .3s}.rv-invoice-amt{color:#64748b;font-size:.82rem}.rv-invoice-amt>div+div{margin-top:3px}.rv-top-list{margin:0;padding:0;list-style:none}.rv-top-list li{border-bottom:1px solid #f1f5f9;grid-template-columns:24px 1.2fr 2fr 1fr;align-items:center;gap:10px;padding:8px 4px;display:grid}.rv-top-list li:last-child{border-bottom:none}.rv-top-rank{color:#2563eb;background:#eff6ff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.78rem;font-weight:700;display:flex}.rv-top-list li:first-child .rv-top-rank{color:#d97706;background:#fef3c7}.rv-top-list li:nth-child(2) .rv-top-rank{color:#475569;background:#f1f5f9}.rv-top-list li:nth-child(3) .rv-top-rank{color:#c2410c;background:#fed7aa}.rv-top-name{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:600;overflow:hidden}.rv-top-bar{background:#f1f5f9;border-radius:7px;height:14px;overflow:hidden}.rv-top-bar>div{background:linear-gradient(90deg,#60a5fa,#3b82f6);height:100%;transition:width .3s}.rv-top-amt{text-align:right;color:#1e293b;font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:700}.sl-page{flex-direction:column;gap:0;height:100%;display:flex}.sl-topbar{flex-shrink:0;justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.sl-topbar-left{flex-direction:column;gap:4px;display:flex}.sl-topbar-left h2{color:#1e293b;margin:0;font-size:1.25rem;font-weight:700}.sl-breadcrumb{color:#94a3b8;font-size:.8rem}.sl-topbar-right{gap:8px;display:flex}.sl-btn-primary{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:background .15s}.sl-btn-primary:hover{background:#2563eb}.sl-btn-outline{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:background .15s}.sl-btn-outline:hover{background:#f1f5f9}.sl-body{flex:1;gap:16px;min-height:0;display:flex;overflow:hidden}.sl-left{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;flex-shrink:0;width:280px;display:flex;overflow:hidden}.sl-search-bar{border-bottom:1px solid #f1f5f9;flex-shrink:0;gap:6px;padding:12px;display:flex}.sl-search-wrap{border:1px solid #e2e8f0;border-radius:6px;flex:1;display:flex;overflow:hidden}.sl-search-wrap input{color:#1e293b;border:none;outline:none;flex:1;padding:6px 10px;font-size:.8rem}.sl-search-icon{cursor:pointer;color:#64748b;background:#f8fafc;border:none;border-left:1px solid #e2e8f0;justify-content:center;align-items:center;width:32px;display:flex}.sl-search-icon svg{width:14px;height:14px}.sl-filter-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:.8rem;display:flex}.sl-filter-btn svg{width:13px;height:13px}.sl-list-meta{border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.sl-total{color:#334155;font-size:.8rem;font-weight:600}.sl-sort-select{color:#64748b;cursor:pointer;background:0 0;border:none;outline:none;font-size:.75rem}.sl-list{flex:1;overflow-y:auto}.sl-item{cursor:pointer;border-bottom:1px solid #f8fafc;align-items:flex-start;gap:10px;padding:12px;transition:background .1s;display:flex}.sl-item:hover{background:#f8fafc}.sl-item.active{background:#eff6ff;border-left:3px solid #3b82f6}.sl-item.active .sl-item-name{color:#2563eb}.sl-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.sl-item-body{flex:1;min-width:0}.sl-item-row1{justify-content:space-between;align-items:center;gap:6px;margin-bottom:3px;display:flex}.sl-item-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.8125rem;font-weight:600;overflow:hidden}.sl-badge{white-space:nowrap;border-radius:20px;flex-shrink:0;padding:2px 7px;font-size:.7rem;font-weight:600}.sl-item-row2{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:.75rem;overflow:hidden}.sl-item-row3{color:#475569;align-items:center;gap:6px;font-size:.75rem;display:flex}.sl-prob{color:#3b82f6;font-weight:600}.sl-date{color:#94a3b8;margin-left:auto}.sl-pagination{border-top:1px solid #f1f5f9;flex-shrink:0;justify-content:center;align-items:center;gap:4px;padding:10px;display:flex}.sl-pagination button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;width:28px;height:28px;font-size:.8rem;transition:all .1s}.sl-pagination button:hover:not(:disabled){background:#f1f5f9}.sl-pagination button.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.sl-pagination button:disabled{opacity:.4;cursor:default}.sl-right{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;flex:1;gap:16px;min-width:0;padding:20px;display:flex;overflow-y:auto}.sl-no-select{color:#94a3b8;justify-content:center;align-items:center}.sl-detail-header{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.sl-detail-header h3{color:#1e293b;margin:0;font-size:1rem;font-weight:700}.sl-detail-actions{gap:8px;display:flex}.sl-btn-outline-sm{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:.8rem;transition:background .15s;display:flex}.sl-btn-outline-sm:hover{background:#f1f5f9}.sl-btn-danger-sm{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:.8rem;transition:background .15s;display:flex}.sl-btn-danger-sm:hover{background:#fef2f2}.sl-detail-grid{border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:1fr 1fr 1fr;gap:0 24px;display:grid;overflow:hidden}.sl-detail-collapsed{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:14px;padding:12px 16px;display:flex}.sl-detail-collapsed-label{color:#64748b;min-width:60px;font-size:.82rem;font-weight:500}.sl-detail-collapsed-value{color:#1e293b;font-size:.95rem;font-weight:600}.sl-detail-toggle-inner{justify-content:flex-end;margin-top:auto;padding-top:8px;display:flex}.sl-detail-col{border-right:1px solid #e2e8f0;flex-direction:column;display:flex}.sl-detail-col:last-child{border-right:none}.sl-drow{border-bottom:1px solid #f8fafc;grid-template-columns:90px 1fr;align-items:center;gap:8px;padding:8px 12px;font-size:.8125rem;display:grid}.sl-drow:last-child{border-bottom:none}.sl-drow span{color:#64748b;white-space:nowrap;font-weight:500}.sl-drow strong{color:#1e293b;word-break:break-all;font-weight:500}.sl-detail-text-col{border-left:none;border-right:none;flex-direction:column;gap:0;padding:12px;display:flex}.sl-text-block{margin-bottom:12px}.sl-text-block:last-child{margin-bottom:0}.sl-text-block h5{color:#334155;border-bottom:1px solid #f1f5f9;margin:0 0 4px;padding-bottom:4px;font-size:.8rem;font-weight:700}.sl-text-block p{color:#475569;margin:0;font-size:.8rem;line-height:1.6}.sl-schedule{border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;overflow:hidden}.sl-schedule-head{color:#1e293b;background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:10px 16px;font-size:.875rem;font-weight:600;display:flex}.sl-schedule-head em{color:#64748b;margin-left:6px;font-size:.8rem;font-style:normal;font-weight:400}.sl-table{border-collapse:collapse;width:100%;font-size:.8rem}.sl-table th{text-align:center;color:#64748b;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:8px 10px;font-weight:600}.sl-table td{text-align:center;color:#334155;border-bottom:1px solid #f1f5f9;padding:9px 10px}.sl-table tbody tr:last-child td{border-bottom:none}.sl-table tbody tr:hover td{background:#f8fafc}.sl-td-left{text-align:left}.sl-table-empty{color:#94a3b8;padding:24px!important}.sl-status-chip{border-radius:20px;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.sl-more-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:1rem}.sl-more-btn:hover{color:#475569;background:#f1f5f9}.sl-schedule-footer{color:#64748b;background:#fafafa;border-top:1px solid #f1f5f9;gap:12px;padding:8px 16px;font-size:.75rem;display:flex}.sl-inline-row td{vertical-align:middle;background:#f0f7ff;padding:5px 6px!important}.sl-inline-input{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #93c5fd;border-radius:4px;outline:none;width:100%;min-width:0;padding:4px 6px;font-size:.775rem}.sl-inline-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f}.sl-sc-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:10px;margin:10px 0;padding:14px 16px;display:flex}.sl-sc-form-row{align-items:flex-start;gap:12px;display:flex}.sl-sc-field{flex-direction:column;gap:4px;min-width:0;display:flex}.sl-sc-field label{color:#475569;font-size:.75rem;font-weight:600}.sl-sc-field input,.sl-sc-field select,.sl-sc-field textarea{color:#1e293b;resize:vertical;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:5px;outline:none;width:100%;padding:6px 9px;font-family:inherit;font-size:.82rem}.sl-sc-field input:focus,.sl-sc-field select:focus,.sl-sc-field textarea:focus{border-color:#3b82f6}.sl-sc-form-actions{justify-content:flex-end;gap:6px;display:flex}.sl-td-content{white-space:nowrap;text-overflow:ellipsis;color:#64748b;max-width:220px;overflow:hidden}.sl-td-multiline{white-space:pre-line;word-break:break-word;color:#334155;vertical-align:top;padding-top:8px;padding-bottom:8px;font-size:.82rem;line-height:1.5}.sl-act-row{flex-wrap:nowrap;align-items:center;gap:4px;display:inline-flex}.sl-act-btn{cursor:pointer;white-space:nowrap;border:1px solid;border-radius:4px;justify-content:center;align-items:center;padding:4px 6px;font-size:.75rem;transition:background .12s;display:inline-flex}.sl-act-edit{color:#3b82f6;background:#fff;border-color:#93c5fd}.sl-act-del{color:#ef4444;background:#fff;border-color:#fca5a5}.sl-act-save{color:#16a34a;background:#fff;border-color:#86efac}.sl-act-cancel{color:#64748b;background:#fff;border-color:#cbd5e1}.sl-act-edit:hover{background:#eff6ff}.sl-act-del:hover{background:#fef2f2}.sl-act-save:hover{background:#f0fdf4}.sl-act-cancel:hover{background:#f8fafc}.sl-file-link{color:#3b82f6;align-items:center;gap:2px;font-size:.8rem;text-decoration:none;display:inline-flex}.sl-file-link:hover{text-decoration:underline}.sl-sc-dropzone{background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:6px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .12s,background .12s;display:flex}.sl-sc-dropzone.dragover{background:#eff6ff;border-color:#3b82f6}.sl-sc-file-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;align-items:center;padding:5px 10px;font-size:.8rem;display:inline-flex}.sl-sc-file-btn:hover{background:#f1f5f9}.sl-sc-drop-hint{color:#94a3b8;font-size:.78rem}.sl-sc-file-list{margin:6px 0 0;padding:0;list-style:none}.sl-sc-file-item{background:#fff;border:1px solid #e2e8f0;border-radius:4px;align-items:center;gap:8px;margin-top:4px;padding:5px 8px;font-size:.8rem;display:flex}.sl-sc-file-item.pending{background:#fefce8;border-color:#fde68a}.sl-sc-file-item.existing{background:#fff}.sl-sc-file-new-badge{color:#b45309;background:#fef3c7;border-radius:3px;align-items:center;padding:1px 6px;font-size:.66rem;font-weight:700;display:inline-flex}.sl-sc-file-name{white-space:nowrap;text-overflow:ellipsis;color:#1e293b;flex:1;overflow:hidden}.sl-sc-file-size{color:#64748b;text-align:right;min-width:60px;font-size:.74rem}.sl-sc-file-date{color:#94a3b8;text-align:right;min-width:110px;font-size:.74rem}.sl-sc-file-act{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.85rem;line-height:1;display:inline-flex}.sl-sc-file-act:hover{background:#f1f5f9}.sl-sc-file-act.danger{color:#ef4444;border-color:#fca5a5}.sl-sc-file-act.danger:hover{background:#fef2f2}.sl-file-badge{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:3px;padding:2px 7px;font-size:.74rem;transition:background .12s;display:inline-flex}.sl-file-badge.has{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.sl-file-badge.none{color:#94a3b8;cursor:default;background:#f1f5f9;border-color:#e2e8f0}.sl-file-badge.open,.sl-file-badge.has:hover{background:#dbeafe}.sl-file-row>td{background:#f8fafc;border-top:1px dashed #e2e8f0;padding:8px 16px}.sl-file-list-row{margin:0;padding:0;list-style:none}.sl-file-list-row>li{align-items:center;gap:8px;padding:4px 0;font-size:.78rem;display:flex}.sl-file-empty{color:#94a3b8;text-align:center;padding:4px 0;font-size:.78rem}.sales-page{flex-direction:column;gap:16px;display:flex}.sales-header{justify-content:space-between;align-items:center;display:flex}.sales-header h2{color:#1e293b;margin:0;font-size:1.25rem;font-weight:700}.sales-header-btns{gap:8px;display:flex}.btn-outline{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:background .15s,border-color .15s}.btn-outline:hover{background:#f1f5f9;border-color:#94a3b8}.btn-primary{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:background .15s}.btn-primary:hover{background:#2563eb}.sales-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.form-grid{grid-template-columns:1fr 1fr;gap:0 40px;display:grid}.form-col{flex-direction:column;display:flex}.form-row{border-bottom:1px solid #f1f5f9;grid-template-columns:140px 1fr;align-items:center;gap:6px 12px;padding:10px 0;display:grid}.form-row:last-child{border-bottom:none}.form-row label{color:#475569;white-space:nowrap;font-size:.8125rem;font-weight:500}.form-row .required{color:#ef4444;margin-left:2px}.form-row input[type=text],.form-row input[type=email],.form-row input[type=number],.form-row input[type=date],.form-row select{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;padding:7px 10px;font-size:.875rem;transition:border-color .15s}.form-row input:focus,.form-row select:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f}.form-row.has-error input,.form-row.has-error select{border-color:#ef4444}.error-text{color:#ef4444;grid-column:2;margin:0;font-size:.75rem}.input-icon-wrap{border:1px solid #e2e8f0;border-radius:6px;align-items:center;transition:border-color .15s;display:flex;overflow:hidden}.input-icon-wrap:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f}.input-icon-wrap input{flex:1;box-shadow:none!important;border:none!important;border-radius:0!important}.icon-btn{cursor:pointer;color:#64748b;background:#f8fafc;border:none;border-left:1px solid #e2e8f0;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s;display:flex}.icon-btn:hover{color:#3b82f6;background:#f1f5f9}.icon-btn svg{width:15px;height:15px}.input-unit-wrap{align-items:center;gap:6px;display:flex}.input-unit-wrap input{flex:1}.input-unit-wrap select{flex-shrink:0;width:70px}.unit-label{color:#64748b;white-space:nowrap;font-size:.875rem}.input-double-wrap{gap:6px;display:flex}.input-double-wrap select{flex:1}.input-pct-wrap{align-items:center;gap:6px;display:flex}.input-pct-wrap select{flex:1}.pct-label{color:#475569;white-space:nowrap;font-size:.875rem;font-weight:500}.sales-tabs{border-bottom:2px solid #e2e8f0;gap:4px;display:flex}.tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 20px;font-size:.875rem;font-weight:500;transition:color .15s,border-color .15s}.tab-btn:hover{color:#3b82f6}.tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6;font-weight:600}.tab-content{min-height:300px}.detail-grid{grid-template-columns:510px 1fr;gap:0 32px;display:grid}.detail-left{flex-direction:column;display:flex}.detail-left .form-row{flex-direction:column;align-items:flex-start;gap:6px;padding:12px 0;display:flex}.detail-left .form-row label{color:#334155;font-size:.8125rem;font-weight:600}.textarea-wrap{width:100%;position:relative}.textarea-wrap textarea{color:#1e293b;resize:vertical;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;min-height:100px;padding:8px 10px 20px;font-family:inherit;font-size:.875rem;transition:border-color .15s}.textarea-wrap textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f}.char-count{color:#94a3b8;pointer-events:none;font-size:.7rem;position:absolute;bottom:6px;right:10px}.detail-right{border-left:1px solid #f1f5f9;flex-direction:column;gap:20px;padding-left:32px;display:flex}.detail-section{flex-direction:column;display:flex}.detail-section-title{color:#1e293b;border-bottom:1px solid #e2e8f0;margin:0 0 8px;padding-bottom:8px;font-size:.875rem;font-weight:700}.detail-right .form-row{grid-template-columns:120px 1fr;padding:8px 0}.detail-right .textarea-wrap textarea{min-height:80px}.empty-tab{justify-content:center;align-items:center;min-height:200px;display:flex}.empty-tab p{color:#94a3b8;font-size:.9rem}.required-note{color:#94a3b8;margin:0;font-size:.8rem}.file-tab{padding:4px 0}.file-notice{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:200px;display:flex}.file-notice svg{color:#cbd5e1}.file-notice p{margin:0;font-size:.9rem}.file-upload-area{margin-bottom:16px}.file-upload-label{cursor:pointer;color:#64748b;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:28px;transition:border-color .2s,background .2s;display:flex}.file-upload-label:hover{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.file-upload-area.drag-over .file-upload-label{color:#1d4ed8;background:#dbeafe;border-style:solid;border-color:#2563eb}.file-upload-text{font-size:.9rem;font-weight:500}.file-upload-hint{color:#94a3b8;font-size:.78rem}.file-table{border-collapse:collapse;width:100%;font-size:.875rem}.file-table th{color:#64748b;text-align:left;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:9px 12px;font-size:.8125rem;font-weight:600}.file-table td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:9px 12px}.file-table tbody tr:hover{background:#f8fafc}.file-td-center{text-align:center}.file-table-empty{text-align:center;color:#94a3b8;padding:32px!important}.file-download-link{color:#3b82f6;align-items:center;gap:4px;text-decoration:none;display:inline-flex}.file-download-link:hover{text-decoration:underline}.file-delete-btn{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #fca5a5;border-radius:4px;padding:3px 10px;font-size:.78rem;transition:background .15s}.file-delete-btn:hover{background:#fef2f2}.csm-overlay{z-index:1200;background:#0f172a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.csm-modal{background:#fff;border-radius:10px;flex-direction:column;width:100%;max-width:800px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 20px 50px #0f172a40}.csm-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 22px;display:flex}.csm-header h3{color:#1e293b;margin:0;font-size:1.05rem;font-weight:700}.csm-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;padding:4px;display:flex}.csm-close:hover{color:#475569;background:#f1f5f9}.csm-search-bar{border-bottom:1px solid #f1f5f9;gap:8px;padding:14px 22px;display:flex}.csm-search-bar input{border:1px solid #e2e8f0;border-radius:6px;outline:none;flex:1;padding:8px 12px;font-size:.88rem}.csm-search-bar input:focus{border-color:#2563eb}.csm-btn-search{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;align-items:center;gap:5px;padding:0 16px;font-size:.85rem;font-weight:600;display:inline-flex}.csm-btn-search:hover{background:#1d4ed8}.csm-table-wrap{flex:1;overflow-y:auto}.csm-table{border-collapse:collapse;width:100%;font-size:.85rem}.csm-table thead{z-index:1;background:#f8fafc;position:sticky;top:0}.csm-table thead th{text-align:left;color:#475569;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:11px 10px;font-size:.8rem;font-weight:600}.csm-table tbody td{color:#334155;border-bottom:1px solid #f1f5f9;padding:10px}.csm-table .csm-td-center{text-align:center}.csm-row{cursor:pointer;transition:background .12s}.csm-row:hover{background:#dbeafe;box-shadow:inset 3px 0 #3b82f6}.csm-row:active{background:#bfdbfe}.csm-empty{text-align:center;color:#94a3b8;padding:30px 0}.csm-name{color:#1e293b;font-weight:600}.csm-sub{color:#94a3b8;margin-top:2px;font-size:.75rem}.csm-btn-pick{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:5px;padding:4px 12px;font-size:.78rem;font-weight:600}.csm-btn-pick:hover{background:#1d4ed8}.csm-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 22px;display:flex}.csm-count{color:#64748b;font-size:.82rem}.csm-btn-cancel{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:5px;padding:7px 18px;font-size:.85rem;font-weight:500}.csm-btn-cancel:hover{background:#f1f5f9}.csm-btn-register{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:5px;padding:7px 16px;font-size:.85rem;font-weight:600}.csm-btn-register:hover{background:#15803d}.pl-page{flex-direction:column;gap:16px;display:flex}.pl-topbar{justify-content:space-between;align-items:center;display:flex}.pl-topbar h2{color:#1e293b;margin:0;font-size:1.2rem;font-weight:700}.pl-btn-excel{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:500;display:flex}.pl-btn-excel:hover{background:#f8fafc}.pl-filter{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.pl-filter-group{align-items:center;gap:8px;display:flex}.pl-filter-label{color:#64748b;white-space:nowrap;font-size:.82rem;font-weight:500}.pl-filter-date{background:#f8fafc;border:1px solid #e2e8f0;border-radius:7px;align-items:center;gap:6px;padding:5px 10px;display:flex}.pl-filter-date input[type=date]{color:#334155;cursor:pointer;background:0 0;border:none;outline:none;font-size:.82rem}.pl-filter-date svg{color:#94a3b8}.pl-filter-select{color:#334155;appearance:none;cursor:pointer;background:#f8fafc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right 8px center no-repeat;border:1px solid #e2e8f0;border-radius:7px;outline:none;min-width:100px;padding:6px 28px 6px 10px;font-size:.82rem}.pl-filter-select:focus{border-color:#3b82f6}.pl-filter-select--wide{min-width:180px}.pl-filter-divider{background:#e2e8f0;width:1px;height:24px;margin:0 4px}.pl-filter-actions{gap:6px;display:flex}.pl-btn-search{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:7px 20px;font-size:.85rem;font-weight:600}.pl-btn-search:hover{background:#2563eb}.pl-btn-reset{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:7px 16px;font-size:.85rem;font-weight:500}.pl-btn-reset:hover{background:#f8fafc}.pl-card-grid{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.pl-sum-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:6px;padding:16px;transition:border-color .15s,box-shadow .15s;display:flex}.pl-sum-card--link{cursor:pointer}.pl-sum-card--link:hover{background:#f8fafc;border-color:#93c5fd}.pl-sum-card--active{background:#eff6ff!important;border-color:#3b82f6!important}.pl-sum-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.pl-sum-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.pl-sum-icon svg{width:15px;height:15px}.pl-sum-label{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:500;overflow:hidden}.pl-sum-count{color:#1e293b;font-size:1.5rem;font-weight:700;line-height:1.2}.pl-sum-count small{color:#64748b;margin-left:2px;font-size:.85rem;font-weight:500}.pl-sum-amount{color:#64748b;font-size:.75rem}.pl-board{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.pl-board-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 20px 12px;display:flex}.pl-board-header h3{color:#1e293b;margin:0;font-size:.95rem;font-weight:700}.pl-board-unit{color:#94a3b8;font-size:.75rem}.pl-board-grid{grid-template-columns:repeat(5,1fr);display:grid}.pl-stage-col{border-right:1px solid #e2e8f0}.pl-stage-col:last-child{border-right:none}.pl-stage-header{text-align:center;color:#fff;padding:10px 14px;font-size:.82rem;font-weight:600}.pl-stage-summary{color:#334155;background:#f8fafc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:8px 14px;font-size:.8rem;font-weight:600;display:flex}.pl-stage-summary--link{cursor:pointer}.pl-stage-summary--link:hover{background:#eff6ff}.pl-stage-summary--link:hover .pl-stage-arrow{color:#2563eb}.pl-stage-arrow{color:#3b82f6;white-space:nowrap;font-size:.78rem;font-weight:600}.pl-stage-item{color:#475569;border-bottom:1px solid #f8fafc;justify-content:space-between;align-items:center;padding:7px 14px;font-size:.78rem;display:flex}.pl-stage-item:last-of-type{border-bottom:none}.pl-stage-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.pl-stage-amt{color:#64748b;flex-shrink:0;margin-left:8px}.pl-stage-more{color:#94a3b8;padding:4px 14px 2px;font-size:.75rem}.pl-list-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:visible}.pl-list-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.pl-list-header-left{align-items:center;gap:10px;display:flex}.pl-list-title{color:#1e293b;font-size:.95rem;font-weight:700}.pl-list-count{color:#64748b;font-size:.8rem}.pl-list-header-right{align-items:center;gap:10px;display:flex}.pl-page-size-select{color:#475569;appearance:none;cursor:pointer;background:#f8fafc url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right 6px center no-repeat;border:1px solid #e2e8f0;border-radius:7px;outline:none;padding:5px 24px 5px 8px;font-size:.8rem}.pl-btn-add{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:7px 14px;font-size:.82rem;font-weight:600}.pl-btn-add:hover{background:#2563eb}.pl-table-wrap{overflow-x:auto}.pl-table{border-collapse:collapse;width:100%;font-size:.82rem}.pl-table th{text-align:left;color:#475569;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-weight:600}.pl-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 12px}.pl-table tr:last-child td{border-bottom:none}.pl-table tr:hover td{background:#f8fafc}.pl-td-center{text-align:center}.pl-td-name{color:#1e293b;cursor:pointer;font-weight:600}.pl-td-name:hover{color:#3b82f6;text-decoration:underline}.pl-badge{white-space:nowrap;border-radius:20px;padding:3px 8px;font-size:.75rem;font-weight:600;display:inline-block}.pl-prob-wrap{align-items:center;gap:6px;display:flex}.pl-prob-bar{background:#e2e8f0;border-radius:3px;flex:1;min-width:60px;height:6px;overflow:hidden}.pl-prob-fill{border-radius:3px;height:100%;transition:width .3s}.pl-prob-text{color:#475569;text-align:right;flex-shrink:0;width:32px;font-size:.78rem}.pl-kebab-wrap{position:relative}.pl-kebab-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:1.1rem}.pl-kebab-btn:hover{color:#475569;background:#f1f5f9}.pl-kebab-menu{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:90px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.pl-kebab-item{color:#334155;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:8px 14px;font-size:.82rem;display:block}.pl-kebab-item:hover{background:#f8fafc}.pl-kebab-item.del{color:#ef4444}.pl-kebab-item.del:hover{background:#fee2e2}.pl-td-empty{text-align:center;color:#94a3b8;padding:32px}.pl-pagination{border-top:1px solid #f1f5f9;justify-content:center;align-items:center;gap:4px;padding:16px;display:flex}.pl-page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:0 6px;font-size:.82rem;display:flex}.pl-page-btn:hover:not(:disabled){background:#f1f5f9}.pl-page-btn:disabled{opacity:.4;cursor:not-allowed}.pl-page-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6;font-weight:600}.pl-page-ellipsis{color:#94a3b8;padding:0 4px;font-size:.82rem}.sc-page{flex-direction:column;gap:16px;display:flex}.sc-topbar{justify-content:space-between;align-items:center;display:flex}.sc-topbar-left{flex-direction:column;gap:2px;display:flex}.sc-topbar-left h2{color:#1e293b;margin:0;font-size:1.375rem;font-weight:700}.sc-breadcrumb{color:#94a3b8;font-size:.78rem}.sc-main{grid-template-columns:1.4fr 1fr;align-items:start;gap:16px;display:grid}.sc-cal-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.sc-cal-nav{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:8px;padding:11px 16px;display:flex}.sc-cal-nav-btns{flex-shrink:0;align-items:center;gap:4px;display:flex}.sc-cal-title{color:#1e293b;white-space:nowrap;font-size:.95rem;font-weight:700}.sc-nav-btn{cursor:pointer;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.1rem;display:flex}.sc-nav-btn:hover{color:#1e293b;background:#f1f5f9}.sc-today-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-left:4px;padding:5px 10px;font-size:.78rem}.sc-today-btn:hover{background:#f8fafc}.sc-view-tabs{border:1px solid #e2e8f0;border-radius:7px;flex-shrink:0;display:flex;overflow:hidden}.sc-view-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:#f8fafc;border:none;border-right:1px solid #e2e8f0;padding:5px 14px;font-size:.8rem}.sc-view-btn:last-child{border-right:none}.sc-view-btn.active{color:#fff;background:#3b82f6;font-weight:600}.sc-view-btn:not(.active):hover{background:#f1f5f9}.sc-cal-grid{border-bottom:1px solid #e2e8f0;grid-template-columns:repeat(7,1fr);display:grid}.sc-cal-dow{text-align:center;color:#64748b;border-bottom:1px solid #e2e8f0;border-right:1px solid #f1f5f9;padding:9px 0;font-size:.75rem;font-weight:600}.sc-cal-dow:last-child{border-right:none}.sc-cal-dow.sun{color:#ef4444}.sc-cal-dow.sat{color:#3b82f6}.sc-cal-cell{cursor:pointer;box-sizing:border-box;border-bottom:1px solid #f1f5f9;border-right:1px solid #f1f5f9;min-height:108px;padding:5px 5px 3px;transition:background .1s}.sc-cal-cell:nth-child(7n){border-right:none}.sc-cal-cell:hover:not(.other-month){background:#f8fafc}.sc-cal-cell.other-month{cursor:default;background:#fafafa}.sc-cal-cell.today{background:#fffbeb}.sc-cal-cell.selected{background:#eff6ff}.sc-day-num{color:#334155;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-bottom:2px;font-size:.8rem;font-weight:500;display:inline-flex}.sc-cal-cell.other-month .sc-day-num{color:#c4c4c4}.sc-day-num.sun{color:#ef4444}.sc-day-num.sat{color:#3b82f6}.sc-cal-cell.other-month .sc-day-num.sun{color:#fca5a5}.sc-cal-cell.other-month .sc-day-num.sat{color:#93c5fd}.sc-day-num.today-num{background:#3b82f6;font-weight:700;color:#fff!important}.sc-day-evts{flex-direction:column;gap:2px;display:flex}.sc-evt-pill{cursor:pointer;border-radius:3px;padding:2px 5px;transition:opacity .1s;display:block;overflow:hidden}.sc-evt-pill:hover{opacity:.8}.sc-evt-time{font-size:.65rem;font-weight:700;line-height:1.3;display:block}.sc-evt-name{text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;line-height:1.3;display:block;overflow:hidden}.sc-evt-pill.compact{padding:2px 5px}.sc-evt-pill.compact .sc-evt-name{font-size:.72rem}.sc-evt-more{color:#94a3b8;padding-left:2px;font-size:.68rem}.sc-legend{background:#fafafa;border-top:1px solid #f1f5f9;justify-content:center;align-items:center;gap:20px;padding:9px 16px;display:flex}.sc-legend-item{color:#475569;align-items:center;gap:5px;font-size:.78rem;display:flex}.sc-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.sc-day-list{border-top:1px solid #e2e8f0}.sc-day-list-title{color:#1e293b;padding:11px 18px 7px;font-size:.82rem;font-weight:600}.sc-day-empty{color:#94a3b8;text-align:center;flex-direction:column;align-items:center;padding:22px 16px 26px;font-size:.82rem;display:flex}.sc-day-item{cursor:pointer;border-top:1px solid #f1f5f9;align-items:center;gap:8px;padding:8px 18px;display:flex}.sc-day-item:hover{background:#f8fafc}.sc-day-badge{white-space:nowrap;border-radius:10px;flex-shrink:0;padding:2px 7px;font-size:.7rem;font-weight:600}.sc-day-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.sc-day-title{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:500;overflow:hidden}.sc-day-cust{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.sc-day-time{color:#64748b;white-space:nowrap;flex-shrink:0;font-size:.75rem}.sc-day-del{cursor:pointer;color:#cbd5e1;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:1.1rem;line-height:1}.sc-day-del:hover{color:#ef4444}.sc-week-grid{border-bottom:1px solid #e2e8f0;grid-template-columns:repeat(7,1fr);min-height:320px;display:grid}.sc-week-col{border-right:1px solid #e2e8f0;flex-direction:column;display:flex}.sc-week-col:last-child{border-right:none}.sc-week-col.today{background:#fffbeb}.sc-week-header{text-align:center;cursor:pointer;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 6px 8px;transition:background .1s}.sc-week-header:hover{background:#f1f5f9}.sc-week-header.today{background:#eff6ff}.sc-week-header.selected{background:#dbeafe}.sc-week-dow{color:#64748b;margin-bottom:4px;font-size:.72rem;font-weight:600}.sc-week-dow.sun{color:#ef4444}.sc-week-dow.sat{color:#3b82f6}.sc-week-date{color:#1e293b;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin:0 auto;font-size:1rem;font-weight:700;display:inline-flex}.sc-week-date.sun{color:#ef4444}.sc-week-date.sat{color:#3b82f6}.sc-week-header.today .sc-week-date{background:#3b82f6;color:#fff!important}.sc-week-evts{flex-direction:column;flex:1;gap:3px;padding:6px 4px;display:flex}.sc-week-empty{flex:1;min-height:40px}.sc-day-view{min-height:300px;padding:16px 20px 8px}.sc-day-view-date{color:#1e293b;border-bottom:1px solid #f1f5f9;margin-bottom:14px;padding-bottom:10px;font-size:.95rem;font-weight:700}.sc-day-view-empty{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:40px 16px;font-size:.82rem;display:flex}.sc-day-view-empty p{margin:0}.sc-day-event-row{cursor:pointer;border-bottom:1px solid #f1f5f9;align-items:flex-start;gap:12px;padding:10px 0;display:flex}.sc-day-event-row:last-child{border-bottom:none}.sc-day-event-row:hover .sc-day-event-body{background:#f8fafc}.sc-day-event-time{color:#64748b;text-align:right;flex-shrink:0;width:46px;padding-top:3px;font-size:.8rem;font-weight:600}.sc-day-event-body{background:#fff;border-left:3px solid #e2e8f0;border-radius:0 6px 6px 0;flex:1;padding:4px 10px;transition:background .1s}.sc-day-event-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sc-day-event-badge{white-space:nowrap;border-radius:10px;padding:2px 7px;font-size:.7rem;font-weight:600}.sc-day-event-title{color:#1e293b;font-size:.88rem;font-weight:600}.sc-day-event-range{color:#64748b;margin-left:4px;font-size:.75rem}.sc-day-event-meta{color:#64748b;margin-top:3px;font-size:.75rem}.sc-form-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.sc-form-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:13px 18px;display:flex}.sc-form-title{color:#1e293b;font-size:.95rem;font-weight:700}.sc-form-actions{gap:7px;display:flex}.sc-btn-reset{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:7px;padding:6px 14px;font-size:.82rem}.sc-btn-reset:hover{background:#f8fafc}.sc-btn-save{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:7px;padding:6px 16px;font-size:.82rem;font-weight:600}.sc-btn-save:hover{background:#2563eb}.sc-btn-del-full{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:7px;padding:6px 14px;font-size:.82rem}.sc-btn-del-full:hover{background:#fee2e2}.sc-btn-find{color:#3b82f6;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #93c5fd;border-radius:7px;flex-shrink:0;padding:7px 11px;font-size:.78rem;font-weight:600}.sc-btn-find:hover{background:#eff6ff}.sc-form-body{flex-direction:column;gap:11px;padding:14px 18px;display:flex}.sc-field{grid-template-columns:80px 1fr;align-items:center;gap:10px;display:grid}.sc-field-vtop{align-items:start}.sc-label{color:#475569;white-space:nowrap;font-size:.8rem;font-weight:500}.sc-input{color:#334155;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:7px;outline:none;width:100%;padding:7px 10px;font-size:.82rem}.sc-input:focus{border-color:#3b82f6}.sc-select{color:#334155;appearance:none;cursor:pointer;box-sizing:border-box;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right 7px center no-repeat;border:1px solid #e2e8f0;border-radius:7px;outline:none;width:100%;padding:7px 26px 7px 10px;font-size:.82rem}.sc-select:focus{border-color:#3b82f6}.sc-input-with-btn{align-items:center;gap:7px;display:flex}.sc-input-with-btn .sc-select{flex:1;width:auto}.sc-input-with-check{align-items:center;gap:10px;display:flex}.sc-input-with-check .sc-select{flex:1;width:auto}.sc-dt-row{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.sc-input-date{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:7px;outline:none;padding:7px 9px;font-size:.8rem}.sc-input-date:focus{border-color:#3b82f6}.sc-input-time{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:7px;outline:none;min-width:110px;padding:7px 9px;font-size:.8rem}.sc-input-time:focus{border-color:#3b82f6}.sc-dt-sep{color:#94a3b8}.sc-allday-label{color:#475569;cursor:pointer;white-space:nowrap;align-items:center;gap:5px;font-size:.8rem;display:flex}.sc-radio-group{flex-wrap:wrap;gap:14px;padding-top:2px;display:flex}.sc-radio-label{color:#334155;cursor:pointer;align-items:center;gap:5px;font-size:.82rem;display:flex}.sc-radio-label input[type=radio]{cursor:pointer;accent-color:#3b82f6}.sc-textarea-wrap{position:relative}.sc-textarea{color:#334155;resize:vertical;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:7px;outline:none;width:100%;min-height:80px;padding:7px 10px;font-family:inherit;font-size:.82rem}.sc-textarea:focus{border-color:#3b82f6}.sc-char-count{color:#94a3b8;font-size:.72rem;position:absolute;bottom:8px;right:10px}.sc-check-label{color:#334155;cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:.82rem;display:flex}.sc-check-label input{cursor:pointer;accent-color:#3b82f6}.sc-file-drop{background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;transition:border-color .12s,background .12s;display:flex}.sc-file-drop.dragover{background:#eff6ff;border-color:#3b82f6}.sc-file-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;align-items:center;padding:4px 10px;font-size:.78rem;display:inline-flex}.sc-file-btn:hover{background:#f1f5f9}.sc-file-hint{color:#94a3b8;flex:1;font-size:.74rem}.sc-file-count{color:#64748b;font-size:.74rem}.sc-file-list{margin:6px 0 0;padding:0;list-style:none}.sc-file-item{background:#fff;border:1px solid #e2e8f0;border-radius:4px;align-items:center;gap:8px;margin-top:4px;padding:5px 8px;font-size:.78rem;display:flex}.sc-file-item.pending{background:#fefce8;border-color:#fde68a}.sc-file-new-badge{color:#b45309;background:#fef3c7;border-radius:3px;align-items:center;padding:1px 6px;font-size:.66rem;font-weight:700;display:inline-flex}.sc-file-name{white-space:nowrap;text-overflow:ellipsis;color:#1e293b;flex:1;overflow:hidden}.sc-file-size{color:#64748b;text-align:right;min-width:60px;font-size:.72rem}.sc-file-act{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-size:.85rem;line-height:1;display:inline-flex}.sc-file-act:hover{background:#f1f5f9}.sc-file-act.danger{color:#ef4444;border-color:#fca5a5}.sc-file-act.danger:hover{background:#fef2f2}.sc-list-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.sc-list-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:13px 18px;display:flex}.sc-list-title{color:#1e293b;font-size:.95rem;font-weight:700}.sc-list-count{color:#64748b;font-size:.8rem}.sc-table{border-collapse:collapse;width:100%;font-size:.82rem}.sc-table th{text-align:left;color:#475569;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-weight:600}.sc-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 12px}.sc-table tr:last-child td{border-bottom:none}.sc-tr-hover{cursor:pointer}.sc-tr-hover:hover td{background:#f8fafc}.sc-td-center{text-align:center}.sc-td-title{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-weight:500;overflow:hidden}.sc-td-empty{text-align:center;color:#94a3b8;padding:40px!important}.sc-badge{white-space:nowrap;border-radius:20px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.sc-del-btn{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:6px;padding:4px 10px;font-size:.75rem}.sc-del-btn:hover{background:#fee2e2}.lv-page{flex-direction:column;gap:16px;padding:16px 20px;display:flex}.lv-filter{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px;display:flex}.lv-filter label{color:#64748b;margin-left:6px;font-size:.82rem;font-weight:600}.lv-filter label:first-child{margin-left:0}.lv-filter select,.lv-filter input[type=date],.lv-filter input[type=text]{box-sizing:border-box;color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:7px;height:36px;padding:7px 12px;font-size:.85rem}.lv-filter select{min-width:140px}.lv-tilde{color:#94a3b8}.lv-btn-search{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:7px;margin-left:auto;padding:8px 22px;font-size:.85rem;font-weight:600}.lv-btn-search:hover{background:#1d4ed8}.lv-btn-search:disabled{cursor:default;background:#93c5fd}.lv-btn-reset{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;padding:8px 18px;font-size:.85rem;font-weight:600}.lv-btn-reset:hover{background:#f1f5f9}.lv-btn-excel{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:6px;padding:6px 14px;font-size:.82rem;font-weight:600}.lv-btn-excel:hover{background:#15803d}.lv-btn-delete{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fca5a5;border-radius:6px;padding:6px 14px;font-size:.82rem;font-weight:600}.lv-btn-delete:hover{background:#fef2f2}.lv-info{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;padding:12px 16px;font-size:.84rem}.lv-pdf-link{cursor:pointer;color:#dc2626;background:0 0;border:none;font-size:1rem}.lv-pdf-link:hover{transform:scale(1.15)}.lv-badge{border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-block}.lv-bdg-approved{color:#15803d;background:#dcfce7}.lv-bdg-rejected{color:#b91c1c;background:#fee2e2}.lv-bdg-pending{color:#b45309;background:#fef3c7}.lv-bdg-canceled{color:#64748b;background:#f1f5f9}.lv-reject-reason{color:#b91c1c;margin-top:3px;font-size:.74rem}.lv-pager-row{justify-content:center;align-items:center;gap:14px;margin-top:14px;display:flex;position:relative}.lv-page-size{background:#fff;border:1px solid #e2e8f0;border-radius:7px;padding:6px 10px;font-size:.82rem}.lv-cards{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.lv-cards--5{grid-template-columns:repeat(5,1fr)}.lv-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:18px 20px;display:flex}.lv-card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:1.2rem;display:flex}.lv-card-body{flex-direction:column;gap:4px;display:flex}.lv-card-label{color:#64748b;font-size:.82rem}.lv-card-value{color:#1e293b;font-size:1.55rem;font-weight:700;line-height:1.1}.lv-card-value em{color:#94a3b8;font-size:.85rem;font-style:normal;font-weight:500}.lv-charts{grid-template-columns:3fr 2fr;gap:14px;display:grid}.lv-chart-box,.lv-table-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 18px}.lv-chart-head{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.lv-chart-head h3{color:#1e293b;margin:0;font-size:.98rem}.lv-chart-head h3 span{color:#94a3b8;margin-left:4px;font-size:.78rem;font-weight:400}.lv-unit{color:#94a3b8;font-size:.75rem}.lv-chart-empty{color:#94a3b8;justify-content:center;align-items:center;height:260px;display:flex}.lv-table{border-collapse:collapse;width:100%;font-size:.82rem}.lv-table thead th{color:#475569;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;padding:8px 6px;font-weight:600}.lv-table tbody td{color:#1e293b;text-align:center;border:1px solid #eef2f7;padding:8px 6px}.lv-table tbody tr:hover td{background:#f8fafc}.lv-num{font-variant-numeric:tabular-nums;text-align:right!important;padding-right:14px!important}.lv-remark{color:#64748b;text-align:left!important}.lv-used-o{color:#16a34a;font-weight:700}.lv-used-x{color:#cbd5e1;font-weight:700}.lv-empty{color:#94a3b8;padding:36px}.lv-attach{max-width:220px;text-align:left!important}.lv-attach-link{cursor:pointer;color:#2563eb;text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;max-width:100%;padding:1px 0;font-size:.78rem;display:block;overflow:hidden}.lv-attach-link:hover{text-decoration:underline}.lv-approve-actions{white-space:nowrap}.lv-btn-approve,.lv-btn-reject{cursor:pointer;border-radius:6px;margin:0 2px;padding:4px 12px;font-size:.78rem;font-weight:600}.lv-btn-approve{color:#fff;background:#2563eb;border:1px solid #2563eb}.lv-btn-approve:hover{background:#1d4ed8}.lv-btn-reject{color:#dc2626;background:#fff;border:1px solid #fca5a5}.lv-btn-reject:hover{background:#fef2f2}.lv-pager{justify-content:center;gap:6px;margin-top:14px;display:flex}.lv-pager button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:7px;min-width:32px;height:32px;padding:0 8px;font-size:.82rem}.lv-pager button:hover:not(:disabled){background:#f1f5f9}.lv-pager button.active{color:#fff;background:#2563eb;border-color:#2563eb}.lv-pager button:disabled{color:#cbd5e1;cursor:default}.lv-placeholder{color:#94a3b8;background:#fff;border:1px dashed #cbd5e1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:46vh;display:flex}.lv-placeholder svg{color:#cbd5e1}.lv-placeholder p{margin:0;font-size:.95rem}.lv-placeholder .lv-ph-sub{color:#b6c2d2;font-size:.82rem}.lr-grid{grid-template-columns:1fr 360px;align-items:start;gap:16px;display:grid}.lr-form,.lr-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px 22px}.lr-form-title{align-items:baseline;gap:10px;margin-bottom:8px;display:flex}.lr-form-title h3{color:#1e293b;margin:0;font-size:1.05rem}.lr-req-note{color:#ef4444;font-size:.76rem}.lr-section{color:#334155;border-bottom:1px solid #eef2f7;margin:18px 0 10px;padding-bottom:6px;font-size:.92rem;font-weight:700}.lr-fields{grid-template-columns:1fr 1fr;gap:12px 24px;display:grid}.lr-field{align-items:center;gap:10px;display:flex}.lr-field label{color:#64748b;flex-shrink:0;width:64px;font-size:.82rem}.lr-field input{border:1px solid #cbd5e1;border-radius:7px;flex:1;padding:8px 11px;font-size:.85rem}.lr-ro{color:#475569;background:#f1f5f9}.lr-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.lr-row>label:first-child{color:#475569;flex-shrink:0;width:110px;font-size:.84rem;font-weight:600}.lr-row-top{align-items:flex-start}.lr-row select,.lr-row input[type=date]{background:#fff;border:1px solid #cbd5e1;border-radius:7px;padding:8px 11px;font-size:.85rem}.lr-row select{min-width:160px}.lr-total{color:#475569;margin-left:4px;font-size:.84rem;font-weight:600}.lr-used{color:#1e293b;background:#f1f5f9;border-radius:7px;padding:7px 18px;font-size:.9rem;font-weight:700}.lr-half-na{color:#94a3b8;font-size:.82rem}.lr-radio{color:#334155;cursor:pointer;align-items:center;gap:6px;font-size:.84rem;display:inline-flex}.lr-radio input{accent-color:#2563eb}.lr-ta-wrap{flex:1;min-width:0;position:relative}.lr-ta-wrap textarea{box-sizing:border-box;resize:vertical;border:1px solid #cbd5e1;border-radius:7px;width:100%;min-height:70px;padding:9px 11px;font-family:inherit;font-size:.85rem}.lr-count{color:#94a3b8;font-size:.72rem;position:absolute;bottom:8px;right:10px}.lr-dropzone{cursor:pointer;color:#64748b;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:22px;font-size:.84rem;display:flex}.lr-dropzone:hover{background:#f0f7ff;border-color:#93c5fd}.lr-dz-icon{color:#93c5fd;font-size:1.2rem}.lr-dz-sub{color:#94a3b8;font-size:.74rem}.lr-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.lr-btn-draft,.lr-btn-submit{cursor:pointer;border-radius:7px;padding:9px 26px;font-size:.88rem;font-weight:600}.lr-btn-draft{color:#475569;background:#fff;border:1px solid #cbd5e1}.lr-btn-draft:hover{background:#f1f5f9}.lr-btn-submit{color:#fff;background:#2563eb;border:1px solid #2563eb}.lr-btn-submit:hover{background:#1d4ed8}.lr-side{flex-direction:column;gap:14px;display:flex}.lr-card h4{color:#1e293b;margin:0 0 4px;font-size:.95rem}.lr-card-note{color:#94a3b8;margin:0 0 12px;font-size:.74rem}.lr-card-empty{color:#94a3b8;text-align:center;margin:8px 0;font-size:.82rem}.lr-approval{margin:0;padding:0;list-style:none}.lr-approval li{align-items:center;gap:10px;padding:9px 0;display:flex}.lr-step{color:#64748b;background:#e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:.78rem;font-weight:700;display:flex}.lr-step-active{color:#fff;background:#2563eb}.lr-step-role{color:#475569;text-align:center;background:#f1f5f9;border-radius:5px;flex-shrink:0;width:42px;padding:3px 0;font-size:.78rem;font-weight:600}.lr-step-name{color:#1e293b;flex-direction:column;flex:1;font-size:.82rem;display:flex}.lr-step-name em{color:#94a3b8;font-size:.72rem;font-style:normal}.lr-step-state{color:#94a3b8;font-size:.78rem}.lr-state-draft{color:#2563eb;font-weight:600}.lr-approval-head{justify-content:space-between;align-items:center;display:flex}.lr-step-add{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:4px 8px;font-size:.74rem;font-weight:600}.lr-step-add:hover{background:#eff6ff}.lr-step-pick{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lr-step-pick select{box-sizing:border-box;color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:5px 8px;font-size:.8rem}.lr-step-pick em{color:#94a3b8;font-size:.72rem;font-style:normal}.lr-step-remove{color:#cbd5e1;cursor:pointer;background:0 0;border:none;flex-shrink:0;font-size:.82rem}.lr-step-remove:hover{color:#ef4444}.lr-approval-empty{color:#94a3b8;padding:6px 0;font-size:.8rem}.lr-leave-stat{color:#475569;border-bottom:1px solid #f1f5f9;justify-content:space-between;padding:8px 0;font-size:.85rem;display:flex}.lr-leave-stat:last-child{border-bottom:none}.lr-leave-stat strong{color:#1e293b}.lr-remain{color:#16a34a!important}.lr-file-list{margin:0;padding:0;list-style:none}.lr-file-list li{align-items:center;gap:8px;padding:6px 0;font-size:.8rem;display:flex}.lr-file-name{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.lr-file-size{color:#94a3b8;font-size:.74rem}.lr-file-del{color:#cbd5e1;cursor:pointer;background:0 0;border:none;font-size:.8rem}.lr-file-del:hover{color:#ef4444}.lr-notice{margin:0;padding-left:18px}.lr-notice li{color:#64748b;margin-bottom:6px;font-size:.8rem;line-height:1.4}@media (width<=1100px){.lv-cards{grid-template-columns:repeat(2,1fr)}.lv-charts,.lr-grid{grid-template-columns:1fr}}.cl-page{flex-direction:column;gap:16px;display:flex}.cl-topbar{justify-content:space-between;align-items:center;display:flex}.cl-topbar-left{flex-direction:column;gap:2px;display:flex}.cl-topbar-left h2{color:#1e293b;margin:0;font-size:1.375rem;font-weight:700}.cl-breadcrumb{color:#94a3b8;font-size:.78rem}.cl-topbar-right{gap:8px;display:flex}.cl-btn-primary{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:8px 18px;font-size:.875rem;font-weight:600}.cl-btn-primary:hover{background:#2563eb}.cl-btn-outline{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 16px;font-size:.875rem}.cl-btn-outline:hover{background:#f1f5f9}.cl-search-bar{gap:8px;display:flex}.cl-search-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;align-items:center;gap:8px;max-width:360px;padding:0 12px;display:flex}.cl-search-wrap svg{color:#94a3b8;flex-shrink:0}.cl-search-wrap input{background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-size:.875rem}.cl-btn-search{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:8px 18px;font-size:.875rem}.cl-btn-search:hover{background:#f1f5f9}.cl-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;overflow:visible}.cl-table-meta{color:#64748b;margin-bottom:12px;font-size:.8125rem}.cl-table{border-collapse:collapse;width:100%;font-size:.8375rem}.cl-table th{color:#475569;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:10px 12px;font-weight:600}.cl-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:11px 12px}.cl-table tbody tr:last-child td{border-bottom:none}.cl-tr-hover{cursor:pointer}.cl-tr-hover:hover td{background:#f8fafc}.cl-td-center{text-align:center}.cl-td-addr{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.cl-name{color:#1e293b;font-weight:600}.cl-td-empty{text-align:center;color:#94a3b8;padding:40px!important}.cl-badge{border-radius:20px;padding:2px 10px;font-size:.75rem;font-weight:600;display:inline-block}.cl-kebab-wrap{display:inline-block;position:relative}.cl-kebab-btn{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:1.1rem;line-height:1}.cl-kebab-btn:hover{color:#475569;background:#f1f5f9}.cl-kebab-menu{z-index:100;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:90px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 12px #0000001a}.cl-kebab-item{color:#334155;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:8px 14px;font-size:.82rem;display:block}.cl-kebab-item:hover{background:#f8fafc}.cl-kebab-del{color:#ef4444}.cl-kebab-del:hover{background:#fee2e2}.cuf-page{flex-direction:column;gap:20px;display:flex}.cuf-header{justify-content:space-between;align-items:center;display:flex}.cuf-header h2{color:#1e293b;margin:0;font-size:1.375rem;font-weight:700}.cuf-header-btns{gap:8px;display:flex}.cuf-btn-primary{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:8px 20px;font-size:.875rem;font-weight:600;transition:background .15s}.cuf-btn-primary:hover{background:#2563eb}.cuf-btn-primary:disabled{opacity:.6;cursor:default}.cuf-btn-outline{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 16px;font-size:.875rem;transition:background .15s}.cuf-btn-outline:hover{background:#f1f5f9}.cuf-link-btn{color:#3b82f6;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:.875rem;font-weight:600}.cuf-link-btn:hover{text-decoration:underline}.cuf-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px 28px}.cuf-section-title{color:#3b82f6;border-bottom:2px solid #eff6ff;margin-bottom:18px;padding-bottom:10px;font-size:.9375rem;font-weight:700}.cuf-section-header{border-bottom:2px solid #eff6ff;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.cuf-section-header .cuf-section-title{border-bottom:none;margin-bottom:0;padding-bottom:0}.cuf-grid{grid-template-columns:1fr 1fr;gap:0 48px;display:grid}.cuf-col{flex-direction:column;display:flex}.cuf-row{border-bottom:1px solid #f8fafc;grid-template-columns:120px 1fr;align-items:center;gap:10px;padding:9px 0;display:grid}.cuf-row:last-child{border-bottom:none}.cuf-row label{color:#475569;white-space:nowrap;font-size:.8125rem;font-weight:500}.req{color:#ef4444;margin-left:2px}.cuf-row input[type=text],.cuf-row input[type=email],.cuf-row input[type=number],.cuf-row input[type=date],.cuf-row select,.cuf-row textarea{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;padding:7px 10px;font-family:inherit;font-size:.875rem;transition:border-color .15s}.cuf-row input:focus,.cuf-row select:focus,.cuf-row textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61f}.cuf-row.has-error input,.cuf-row.has-error select{border-color:#ef4444}.err-text{color:#ef4444;grid-column:2;margin:0;font-size:.75rem}.cuf-input-btn-wrap{align-items:center;gap:10px;display:flex}.cuf-input-btn-wrap input{flex:1}.cuf-unit-wrap{align-items:center;gap:8px;display:flex}.cuf-unit-wrap input{flex:1}.cuf-unit{color:#475569;white-space:nowrap;font-size:.875rem}.cuf-unit-sm{color:#94a3b8;white-space:nowrap;font-size:.8rem}.biz-msg{grid-column:2;margin:0;font-size:.78rem;font-weight:500}.biz-msg.ok{color:#16a34a}.biz-msg.ng{color:#ef4444}.cuf-mgr-wrap{overflow-x:auto}.cuf-mgr-table{border-collapse:collapse;width:100%;min-width:900px;font-size:.8125rem}.cuf-mgr-table th{color:#475569;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:9px 10px;font-weight:600}.cuf-mgr-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:7px 8px}.cuf-mgr-table tbody tr:hover td{background:#f8fafc}.cuf-td-c{text-align:center}.cuf-mgr-input{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:5px;outline:none;width:100%;padding:5px 8px;font-size:.8rem;transition:border-color .15s}.cuf-mgr-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.cuf-mgr-input.input-err{border-color:#ef4444}.cuf-radio{color:#334155;cursor:pointer;align-items:center;gap:4px;margin:0 6px 0 0;font-size:.8rem;display:inline-flex}.cuf-radio input[type=radio]{accent-color:#3b82f6;cursor:pointer}.cuf-del-btn{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #fca5a5;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;margin:0 auto;transition:background .15s;display:flex}.cuf-del-btn:hover{background:#fef2f2}.cuf-del-btn:disabled{opacity:.3;cursor:default}.cuf-required-note{color:#94a3b8;margin:0;font-size:.8rem}.doc-page{flex-direction:column;gap:16px;height:100%;display:flex}.doc-topbar{justify-content:space-between;align-items:center;display:flex}.doc-topbar h2{color:#1e293b;margin:0;font-size:1.25rem;font-weight:700}.doc-btn-primary{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-size:.875rem;font-weight:600;transition:background .15s;display:flex}.doc-btn-primary:hover{background:#2563eb}.doc-search-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 20px;display:flex}.doc-search-input-wrap{flex:1;min-width:220px;position:relative}.doc-search-input-wrap input{color:#1e293b;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:8px 36px 8px 12px;font-size:.875rem}.doc-search-input-wrap input:focus{border-color:#3b82f6}.doc-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.doc-divider{background:#e2e8f0;width:1px;height:32px}.doc-filter-group{color:#64748b;white-space:nowrap;align-items:center;gap:8px;font-size:.875rem;display:flex}.doc-filter-group select,.doc-filter-group input[type=date]{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:8px 10px;font-size:.875rem}.doc-filter-group select:focus,.doc-filter-group input[type=date]:focus{border-color:#3b82f6}.doc-search-actions{gap:8px;margin-left:auto;display:flex}.doc-btn-search{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:8px 20px;font-size:.875rem;font-weight:600}.doc-btn-search:hover{background:#2563eb}.doc-btn-reset{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 16px;font-size:.875rem}.doc-btn-reset:hover{background:#f8fafc}.doc-list-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.doc-total{color:#1e293b;font-size:.9rem;font-weight:600}.doc-total em{color:#3b82f6;margin-left:4px;font-style:normal}.doc-view-controls{align-items:center;gap:10px;display:flex}.doc-view-toggle{border:1px solid #e2e8f0;border-radius:8px;display:flex;overflow:hidden}.doc-view-btn{cursor:pointer;color:#94a3b8;background:#fff;border:none;align-items:center;padding:6px 10px;display:flex}.doc-view-btn.active{color:#fff;background:#3b82f6}.doc-size-select{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:6px 10px;font-size:.8rem}.doc-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.doc-table{border-collapse:collapse;width:100%;font-size:.875rem}.doc-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.doc-table th{color:#475569;text-align:center;white-space:nowrap;padding:12px 14px;font-weight:600}.doc-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:13px 14px}.doc-table tbody tr:last-child td{border-bottom:none}.doc-table tbody tr:hover{background:#f8fafc}.doc-table .td-center{text-align:center}.doc-table .td-left{text-align:left}.doc-table input[type=checkbox]{cursor:pointer}.doc-title-cell{text-align:left;cursor:pointer;color:#1e293b;font-weight:500}.doc-title-cell:hover{color:#3b82f6}.doc-type-badge{white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-block}.doc-file-cell{text-align:left;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;max-width:220px;display:flex;overflow:hidden}.doc-ext-badge{border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;min-width:36px;height:22px;font-size:.7rem;font-weight:700;display:inline-flex}.ext-pdf{color:#dc2626;background:#fee2e2}.ext-docx,.ext-doc{color:#2563eb;background:#dbeafe}.ext-xlsx,.ext-xls{color:#16a34a;background:#dcfce7}.ext-pptx,.ext-ppt{color:#ea580c;background:#ffedd5}.ext-default{color:#64748b;background:#f1f5f9}.doc-action-cell{justify-content:center;align-items:center;gap:4px;display:flex}.doc-icon-btn{cursor:pointer;color:#64748b;background:0 0;border:1px solid #e2e8f0;border-radius:6px;align-items:center;padding:5px 7px;transition:all .15s;display:flex}.doc-icon-btn:hover{color:#1e293b;background:#f1f5f9}.doc-icon-btn.danger:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.doc-empty{text-align:center;color:#94a3b8;padding:60px 0;font-size:.875rem}.doc-pagination-wrap{color:#64748b;justify-content:space-between;align-items:center;padding:0 4px;font-size:.82rem;display:flex}.doc-pagination{align-items:center;gap:4px;display:flex}.doc-pagination button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;min-width:32px;height:32px;padding:0 8px;font-size:.82rem;transition:all .15s}.doc-pagination button:hover:not(:disabled){background:#f1f5f9}.doc-pagination button.active{color:#fff;background:#3b82f6;border-color:#3b82f6;font-weight:600}.doc-pagination button:disabled{opacity:.4;cursor:not-allowed}.doc-pagination .pg-dots{cursor:default;color:#94a3b8;background:0 0;border:none}.doc-pagination .pg-dots:hover{background:0 0}.doc-footer-note{color:#94a3b8;align-items:center;gap:6px;padding:4px 0;font-size:.8rem;display:flex}.doc-modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.doc-modal{background:#fff;border-radius:16px;width:520px;max-width:95vw;overflow:hidden;box-shadow:0 20px 60px #0003}.doc-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.doc-modal-header h3{color:#1e293b;margin:0;font-size:1rem;font-weight:700}.doc-modal-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:6px;padding:4px}.doc-modal-close:hover{color:#475569;background:#f1f5f9}.doc-modal-body{flex-direction:column;gap:16px;padding:20px 24px;display:flex}.doc-form-row{flex-direction:column;gap:6px;display:flex}.doc-form-row label{color:#475569;font-size:.82rem;font-weight:600}.doc-form-row label .req{color:#ef4444;margin-left:2px}.doc-form-row input[type=text],.doc-form-row select,.doc-form-row textarea{color:#1e293b;resize:vertical;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:9px 12px;font-size:.875rem}.doc-form-row input:focus,.doc-form-row select:focus,.doc-form-row textarea:focus{border-color:#3b82f6}.doc-file-drop{text-align:center;cursor:pointer;color:#94a3b8;border:2px dashed #e2e8f0;border-radius:10px;padding:24px;font-size:.875rem;transition:border-color .15s}.doc-file-drop:hover,.doc-file-drop.dragging{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.doc-file-selected{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:.875rem;display:flex}.doc-file-selected span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.doc-modal-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:8px;padding:16px 24px 20px;display:flex}.doc-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:9px 20px;font-size:.875rem}.doc-btn-cancel:hover{background:#f8fafc}.doc-btn-submit{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:9px 24px;font-size:.875rem;font-weight:600}.doc-btn-submit:hover{background:#2563eb}.doc-btn-submit:disabled{cursor:not-allowed;background:#93c5fd}.doc-row-selected{background:#eff6ff}.doc-file-count{color:#3b82f6;background:#eff6ff;border-radius:4px;align-items:center;gap:3px;padding:2px 7px;font-size:.76rem;font-weight:600;display:inline-flex}.doc-file-list{flex-direction:column;gap:4px;margin-bottom:6px;display:flex}.doc-file-item{border-radius:7px;align-items:center;gap:8px;padding:7px 12px;font-size:.85rem;display:flex}.doc-file-item.exist{color:#334155;background:#f8fafc;border:1px solid #e2e8f0}.doc-file-item.new{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.doc-file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.doc-file-sz{color:#94a3b8;white-space:nowrap;font-size:.76rem}.doc-file-rm{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;padding:2px 4px;line-height:1}.doc-file-rm:hover{color:#ef4444;background:#fee2e2}.doc-detail-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.doc-detail-title-bar{border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;padding:18px 24px 14px;display:flex}.doc-detail-title-bar h3{color:#1e293b;flex:1;margin:0;font-size:1.05rem;font-weight:700}.doc-detail-meta{color:#64748b;background:#f8fafc;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:20px;padding:10px 24px;font-size:.82rem;display:flex}.doc-detail-meta span strong{color:#1e293b;margin-left:4px;font-weight:600}.doc-detail-desc{color:#334155;white-space:pre-wrap;border-bottom:1px solid #f1f5f9;padding:16px 24px;font-size:.9rem;line-height:1.7}.doc-detail-files{padding:12px 24px 16px}.doc-detail-files-label{color:#64748b;align-items:center;gap:5px;margin-bottom:8px;font-size:.8rem;font-weight:600;display:flex}.doc-detail-file{cursor:pointer;color:#334155;border-radius:7px;align-items:center;gap:10px;padding:8px 10px;font-size:.875rem;display:flex}.doc-detail-file:hover{background:#eff6ff}.doc-detail-file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.doc-detail-file-size{color:#94a3b8;white-space:nowrap;font-size:.78rem}.nt-page{flex-direction:column;gap:16px;height:100%;display:flex}.nt-breadcrumb{color:#94a3b8;align-items:center;gap:6px;margin-bottom:-8px;font-size:.78rem;display:flex}.nt-breadcrumb span{color:#64748b}.nt-topbar{justify-content:space-between;align-items:center;display:flex}.nt-topbar h2{color:#1e293b;margin:0;font-size:1.25rem;font-weight:700}.nt-filter-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:12px;padding:16px 20px;display:flex}.nt-filter-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.nt-filter-item{color:#475569;white-space:nowrap;align-items:center;gap:8px;font-size:.875rem;display:flex}.nt-filter-item label{min-width:52px;font-weight:500}.nt-filter-item select,.nt-filter-item input[type=text],.nt-filter-item input[type=date]{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:8px 10px;font-size:.875rem}.nt-filter-item select:focus,.nt-filter-item input:focus{border-color:#3b82f6}.nt-filter-item input[type=text]{width:220px}.nt-filter-row--toggles{gap:28px}.nt-filter-row--toggles .nt-filter-item select{min-width:150px}.nt-filter-actions{gap:8px;margin-left:auto;display:flex}.nt-filter-item--match-toggles{flex:1;padding-right:200px}.nt-filter-item--match-toggles input[type=text]{flex:1;width:auto}.nt-btn-search{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 20px;font-size:.875rem;font-weight:600;display:flex}.nt-btn-search:hover{background:#2563eb}.nt-btn-reset{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.875rem;display:flex}.nt-btn-reset:hover{background:#f8fafc}.nt-filter-divider{background:#e2e8f0;width:1px;height:28px}.nt-list-header{justify-content:space-between;align-items:center;display:flex}.nt-total{color:#1e293b;font-size:.9rem;font-weight:600}.nt-list-actions{gap:8px;display:flex}.nt-btn-primary{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-size:.875rem;font-weight:600;display:flex}.nt-btn-primary:hover{background:#2563eb}.nt-btn-excel{color:#16a34a;cursor:pointer;background:#fff;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:6px;padding:9px 14px;font-size:.875rem;display:flex}.nt-btn-excel:hover{background:#f0fdf4}.nt-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.nt-table{border-collapse:collapse;width:100%;font-size:.855rem}.nt-table thead tr{background:#f8fafc;border-bottom:1px solid #e2e8f0}.nt-table th{color:#475569;text-align:center;white-space:nowrap;padding:11px 12px;font-weight:600}.nt-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px}.nt-table tbody tr:last-child td{border-bottom:none}.nt-table tbody tr:hover{background:#f8fafc}.nt-table tbody tr.selected{background:#eff6ff}.nt-td-center{text-align:center}.nt-td-left{text-align:left}.nt-type-badge{white-space:nowrap;border-radius:20px;padding:2px 9px;font-size:.76rem;font-weight:600;display:inline-block}.nt-title-cell{text-align:left;cursor:pointer;font-weight:500}.nt-title-cell:hover{color:#3b82f6}.nt-yn{border-radius:4px;padding:1px 8px;font-size:.78rem;font-weight:700;display:inline-block}.nt-yn.y{color:#a16207;background:#fef9c3}.nt-yn.n{color:#94a3b8}.nt-post-badge{border-radius:20px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-block}.nt-post-badge.on{color:#2563eb;background:#dbeafe}.nt-post-badge.off{color:#64748b;background:#f1f5f9}.nt-act-cell{justify-content:center;align-items:center;gap:4px;display:flex}.nt-icon-btn{cursor:pointer;color:#64748b;background:0 0;border:1px solid #e2e8f0;border-radius:6px;align-items:center;padding:5px 7px;transition:all .15s;display:flex}.nt-icon-btn:hover{color:#1e293b;background:#f1f5f9}.nt-icon-btn.edit:hover{color:#2563eb;background:#eff6ff;border-color:#93c5fd}.nt-icon-btn.danger:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.nt-file-count{color:#3b82f6;background:#eff6ff;border-radius:4px;align-items:center;gap:3px;padding:2px 6px;font-size:.76rem;font-weight:600;display:inline-flex}.nt-empty{text-align:center;color:#94a3b8;padding:60px 0;font-size:.875rem}.nt-pagination-wrap{color:#64748b;justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.nt-pagination{align-items:center;gap:4px;display:flex}.nt-pagination button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;min-width:32px;height:32px;padding:0 8px;font-size:.82rem;transition:all .15s}.nt-pagination button:hover:not(:disabled){background:#f1f5f9}.nt-pagination button.active{color:#fff;background:#3b82f6;border-color:#3b82f6;font-weight:600}.nt-pagination button:disabled{opacity:.4;cursor:not-allowed}.nt-pagination .pg-dots{cursor:default;color:#94a3b8;background:0 0;border:none}.nt-pagination .pg-dots:hover{background:0 0}.nt-size-select{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;padding:5px 8px;font-size:.82rem}.nt-detail-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.nt-detail-title-bar{border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;padding:18px 24px 14px;display:flex}.nt-detail-title-bar h3{color:#1e293b;flex:1;margin:0;font-size:1.05rem;font-weight:700}.nt-detail-meta{color:#64748b;background:#f8fafc;border-bottom:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:20px;padding:12px 24px;font-size:.82rem;display:flex}.nt-detail-meta span strong{color:#1e293b;margin-left:4px;font-weight:600}.nt-detail-content{color:#334155;white-space:pre-wrap;min-height:80px;padding:20px 24px;font-size:.9rem;line-height:1.7}.nt-detail-files{border-top:1px solid #f1f5f9;padding:10px 24px 14px}.nt-detail-files-label{color:#64748b;align-items:center;gap:5px;margin-bottom:6px;font-size:.8rem;font-weight:600;display:flex}.nt-detail-file{color:#3b82f6;cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:.85rem;display:flex}.nt-detail-file:hover{color:#2563eb;background:#eff6ff}.nt-file-list{flex-direction:column;gap:4px;margin-bottom:6px;display:flex}.nt-file-item{border-radius:7px;align-items:center;gap:8px;padding:7px 12px;font-size:.85rem;display:flex}.nt-file-item.exist{color:#334155;background:#f8fafc;border:1px solid #e2e8f0}.nt-file-item.new{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.nt-file-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.nt-file-size{color:#94a3b8;white-space:nowrap;font-size:.76rem}.nt-file-remove{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;padding:2px 4px;line-height:1}.nt-file-remove:hover{color:#ef4444;background:#fee2e2}.nt-modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.nt-modal{background:#fff;border-radius:16px;width:620px;max-width:95vw;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.nt-modal-header{z-index:1;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex;position:sticky;top:0}.nt-modal-header h3{color:#1e293b;margin:0;font-size:1rem;font-weight:700}.nt-modal-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:6px;padding:4px}.nt-modal-close:hover{color:#475569;background:#f1f5f9}.nt-modal-body{flex-direction:column;gap:14px;padding:20px 24px;display:flex}.nt-form-row{flex-direction:column;gap:6px;display:flex}.nt-form-row.horizontal{flex-direction:row;gap:16px}.nt-form-row.horizontal>div{flex-direction:column;flex:1;gap:6px;display:flex}.nt-form-row label{color:#475569;font-size:.82rem;font-weight:600}.nt-form-row label .req{color:#ef4444;margin-left:2px}.nt-form-row input[type=text],.nt-form-row input[type=date],.nt-form-row select,.nt-form-row textarea{color:#1e293b;resize:vertical;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:9px 12px;font-size:.875rem}.nt-form-row input:focus,.nt-form-row select:focus,.nt-form-row textarea:focus{border-color:#3b82f6}.nt-toggle-row{gap:24px;display:flex}.nt-toggle-item{color:#475569;cursor:pointer;align-items:center;gap:8px;font-size:.875rem;display:flex}.nt-toggle-item input[type=checkbox]{cursor:pointer;width:16px;height:16px}.nt-file-drop{text-align:center;cursor:pointer;color:#94a3b8;border:2px dashed #e2e8f0;border-radius:10px;padding:20px;font-size:.875rem;transition:border-color .15s}.nt-file-drop:hover,.nt-file-drop.dragging{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.nt-file-selected{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:.875rem;display:flex}.nt-file-selected span{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.nt-modal-footer{background:#fff;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:8px;padding:16px 24px 20px;display:flex;position:sticky;bottom:0}.nt-btn-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:9px 20px;font-size:.875rem}.nt-btn-cancel:hover{background:#f8fafc}.nt-btn-submit{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:9px 24px;font-size:.875rem;font-weight:600}.nt-btn-submit:hover{background:#2563eb}.nt-btn-submit:disabled{cursor:not-allowed;background:#93c5fd}.um-page{gap:16px;height:100%;display:flex;overflow:hidden}.um-main{flex-direction:column;flex:1;gap:14px;min-width:0;display:flex}.um-page.panel-open .um-main{min-width:0}.um-topbar{justify-content:space-between;align-items:center;display:flex}.um-topbar h2{color:#1e293b;margin:0;font-size:1.25rem;font-weight:700}.um-top-actions{gap:8px;display:flex}.um-btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.um-btn-primary:hover{background:#1d4ed8}.um-btn-secondary{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:500;display:inline-flex}.um-btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.um-btn-secondary:disabled{opacity:.45;cursor:not-allowed}.um-btn-secondary.danger:hover:not(:disabled){color:#dc2626;background:#fef2f2;border-color:#fca5a5}.um-filter-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px 18px}.um-filter-label{color:#64748b;margin-bottom:12px;font-size:.82rem;font-weight:600}.um-filter-grid{grid-template-columns:repeat(4,1fr);gap:12px 18px;display:grid}.um-field{flex-direction:column;gap:6px;display:flex}.um-field.span-2{grid-column:span 2}.um-field label{color:#64748b;font-size:.78rem;font-weight:500}.um-field input,.um-field select{background:#fff;border:1px solid #e2e8f0;border-radius:5px;outline:none;padding:7px 10px;font-size:.85rem;transition:border-color .15s}.um-field input:focus,.um-field select:focus{border-color:#2563eb}.um-date-range{align-items:center;gap:6px;display:flex}.um-date-range input{flex:1}.um-date-range span{color:#94a3b8}.um-filter-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.um-btn-search{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:5px;align-items:center;gap:5px;padding:7px 16px;font-size:.83rem;font-weight:600;display:inline-flex}.um-btn-search:hover{background:#1d4ed8}.um-btn-reset{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:5px;align-items:center;gap:5px;padding:7px 16px;font-size:.83rem;font-weight:500;display:inline-flex}.um-btn-reset:hover{background:#f8fafc}.um-list-header{justify-content:space-between;align-items:center;display:flex}.um-total{color:#1e293b;font-size:.95rem;font-weight:600}.um-total em{color:#64748b;margin-left:4px;font-size:.85rem;font-style:normal;font-weight:500}.um-size-select{background:#fff;border:1px solid #e2e8f0;border-radius:5px;outline:none;padding:5px 8px;font-size:.8rem}.um-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;overflow:auto}.um-table{border-collapse:collapse;width:100%;font-size:.85rem}.um-table thead{z-index:1;background:#f8fafc;position:sticky;top:0}.um-table thead th{text-align:left;color:#475569;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:11px 10px;font-size:.8rem;font-weight:600}.um-table tbody td{color:#334155;border-bottom:1px solid #f1f5f9;padding:11px 10px}.um-table tbody tr{cursor:pointer;transition:background .1s}.um-table tbody tr:hover{background:#f8fafc}.um-table tbody tr.selected{background:#eff6ff}.um-table .td-center{text-align:center}.um-empty{text-align:center;color:#94a3b8;padding:32px 0}.um-role-badge,.um-use-badge{border-radius:4px;padding:2px 9px;font-size:.75rem;font-weight:600;display:inline-block}.um-use-badge.on{color:#16a34a;background:#dcfce7}.um-use-badge.off{color:#dc2626;background:#fee2e2}.um-pagination-wrap{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.um-pagination{gap:4px;display:flex}.um-pagination button{cursor:pointer;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:5px;min-width:32px;height:32px;font-size:.82rem}.um-pagination button:hover:not(:disabled){background:#f8fafc}.um-pagination button.active{color:#fff;background:#2563eb;border-color:#2563eb}.um-pagination button:disabled{opacity:.4;cursor:not-allowed}.um-pagination .pg-dots{cursor:default;background:0 0;border:none}.um-page-info{color:#64748b;font-size:.82rem}.um-side-panel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;flex-shrink:0;width:360px;display:flex;overflow:hidden}.um-panel-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.um-panel-header h3{color:#1e293b;margin:0;font-size:1rem;font-weight:700}.um-panel-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.um-panel-close:hover{color:#475569;background:#f1f5f9}.um-panel-body{flex-direction:column;flex:1;gap:12px;padding:16px 18px;display:flex;overflow-y:auto}.um-form-field{flex-direction:column;gap:5px;display:flex}.um-form-field label{color:#475569;font-size:.78rem;font-weight:600}.um-form-field label .req{color:#ef4444;margin-left:2px}.um-form-field input,.um-form-field textarea{resize:vertical;border:1px solid #e2e8f0;border-radius:5px;outline:none;padding:8px 10px;font-family:inherit;font-size:.85rem}.um-form-field input:focus,.um-form-field textarea:focus{border-color:#2563eb}.um-form-field input:disabled{color:#94a3b8;background:#f1f5f9}.um-password-row{gap:6px;display:flex}.um-password-row input{flex:1}.um-btn-reset-pwd{color:#64748b;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:5px;padding:0 12px;font-size:.78rem;font-weight:500}.um-btn-reset-pwd:hover{background:#f8fafc}.um-radio-row{gap:16px;padding:4px 0;display:flex}.um-radio{color:#334155;cursor:pointer;align-items:center;gap:6px;font-size:.85rem;display:flex}.um-radio input[type=radio]{cursor:pointer}.um-panel-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.um-signature-row{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;align-items:center;gap:12px;padding:8px;display:flex}.um-signature-preview{background:#fff;border:1px solid #e2e8f0;border-radius:4px;max-width:140px;max-height:60px;padding:4px}.um-signature-empty{color:#94a3b8;background:#fff;border:1px dashed #cbd5e1;border-radius:4px;flex:0 0 140px;justify-content:center;align-items:center;height:60px;font-size:.78rem;display:flex}.um-signature-actions{gap:6px;display:flex}.um-btn-sig{cursor:pointer;color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:4px;align-items:center;padding:4px 12px;font-size:.78rem;display:inline-flex}.um-btn-sig:hover{background:#f1f5f9}.um-btn-sig.danger{color:#ef4444;border-color:#fca5a5}.um-btn-sig.danger:hover{background:#fef2f2}.um-signature-hint{color:#94a3b8;margin-top:4px;font-size:.74rem}.um-btn-cancel{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:5px;padding:8px 18px;font-size:.85rem;font-weight:500}.um-btn-cancel:hover{background:#f8fafc}.um-btn-submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:5px;padding:8px 22px;font-size:.85rem;font-weight:600}.um-btn-submit:hover:not(:disabled){background:#1d4ed8}.um-btn-submit:disabled{opacity:.6;cursor:not-allowed}.um-hint{color:#64748b;margin-top:4px;font-size:.78rem}.um-lock-badge{color:#dc2626;white-space:nowrap;background:#fef2f2;border:1px solid #fca5a5;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:.7rem;font-weight:700;display:inline-block}.pr-page{box-sizing:border-box;flex-direction:column;height:100%;padding:16px 20px;display:flex}.pr-topbar{justify-content:space-between;align-items:flex-end;margin-bottom:12px;display:flex}.pr-topbar-left h2{color:#1e293b;margin:0;font-size:1.35rem}.pr-breadcrumb{color:#94a3b8;font-size:.8rem}.pr-btn-primary{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:7px 14px;font-size:.85rem}.pr-btn-primary:hover{background:#2563eb}.pr-body{flex:1;gap:16px;min-height:0;display:flex}.pr-left{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;flex-shrink:0;width:380px;display:flex;overflow:hidden}.pr-search-bar{border-bottom:1px solid #e2e8f0;gap:6px;padding:10px;display:flex}.pr-type-filter{border:1px solid #cbd5e1;border-radius:4px;padding:6px 8px;font-size:.82rem}.pr-search-wrap{flex:1;position:relative}.pr-search-wrap input{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:4px;width:100%;padding:6px 32px 6px 10px;font-size:.82rem}.pr-search-icon{cursor:pointer;color:#64748b;background:0 0;border:none;padding:4px;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.pr-search-icon svg{width:16px;height:16px}.pr-month-bar{border-bottom:1px solid #e2e8f0;align-items:center;gap:6px;padding:0 10px 10px;display:flex}.pr-month-bar label{color:#475569;font-size:.75rem;font-weight:600}.pr-month-bar input[type=month]{border:1px solid #cbd5e1;border-radius:4px;flex:1;padding:5px 8px;font-size:.78rem}.pr-month-bar input[type=month]:focus{border-color:#3b82f6;outline:none}.pr-tilde{color:#64748b;font-size:.85rem}.pr-list-meta{color:#64748b;border-bottom:1px solid #f1f5f9;padding:8px 12px;font-size:.78rem}.pr-list{flex:1;overflow-y:auto}.pr-loading{text-align:center;color:#94a3b8;padding:30px;font-size:.85rem}.pr-item{cursor:pointer;border-bottom:1px solid #f1f5f9;padding:12px 14px;transition:background .12s}.pr-item:hover{background:#f8fafc}.pr-item.active{background:#eff6ff;border-left:3px solid #3b82f6;padding-left:11px}.pr-item-row1{align-items:center;gap:8px;margin-bottom:4px;display:flex}.pr-item-title{color:#1e293b;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.88rem;font-weight:500;overflow:hidden}.pr-type-badge{border-radius:10px;padding:2px 8px;font-size:.7rem;font-weight:600}.pr-type-badge.general{color:#2563eb;background:#dbeafe}.pr-type-badge.travel{color:#b45309;background:#fef3c7}.pr-status-badge{border-radius:10px;padding:2px 8px;font-size:.7rem;font-weight:600;display:inline-block}.pr-status-badge.st-draft{color:#475569;background:#f1f5f9}.pr-status-badge.st-submitted{color:#0284c7;background:#e0f2fe}.pr-status-badge.st-approved{color:#15803d;background:#dcfce7}.pr-status-badge.st-rejected{color:#b91c1c;background:#fee2e2}.pr-status-badge.st-settled{color:#7c3aed;background:#ede9fe}.pr-status-bar{border-bottom:1px solid #e2e8f0;align-items:center;gap:6px;padding:0 10px 10px;display:flex}.pr-status-bar label{color:#475569;font-size:.75rem;font-weight:600}.pr-status-bar select{border:1px solid #cbd5e1;border-radius:4px;flex:1;padding:5px 8px;font-size:.78rem}.pr-status-info{border-radius:6px;margin:12px 18px 0;padding:10px 14px;font-size:.82rem}.pr-status-info strong{margin-bottom:4px;font-weight:700;display:block}.pr-status-info p{white-space:pre-line;color:#1e293b;margin:0}.pr-status-info.reject{background:#fef2f2;border-left:4px solid #ef4444}.pr-status-info.reject strong{color:#b91c1c}.pr-status-info.settle{background:#f5f3ff;border-left:4px solid #8b5cf6}.pr-status-info.settle strong{color:#7c3aed}.pr-status-info.submit{background:#e0f2fe;border-left:4px solid #0284c7}.pr-status-info.submit strong{color:#0369a1}.pr-status-info.target{background:#f0fdf4;border-left:4px solid #16a34a}.pr-status-info.target strong{color:#15803d}.pr-status-info.target p{font-size:.95rem;font-weight:600}.pr-modal-overlay{z-index:100;background:#0f172a80;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pr-modal{background:#fff;border-radius:8px;width:420px;max-width:90vw;padding:20px 24px;box-shadow:0 10px 30px #0003}.pr-modal h4{color:#1e293b;margin:0 0 14px;font-size:1rem}.pr-modal textarea{box-sizing:border-box;resize:vertical;border:1px solid #cbd5e1;border-radius:4px;width:100%;padding:8px 10px;font-family:inherit;font-size:.85rem}.pr-modal-row{align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.pr-modal-row label{color:#475569;width:80px;padding-top:6px;font-size:.82rem;font-weight:600}.pr-modal-row input,.pr-modal-row textarea{border:1px solid #cbd5e1;border-radius:4px;flex:1;padding:6px 9px;font-family:inherit;font-size:.85rem}.pr-modal-actions{justify-content:flex-end;gap:6px;margin-top:14px;display:flex}.pr-item-row2{color:#64748b;align-items:center;gap:10px;font-size:.75rem;display:flex}.pr-item-row2 .pr-item-amt{color:#1e293b;margin-left:auto;font-weight:600}.pr-pagination{border-top:1px solid #e2e8f0;justify-content:center;gap:4px;padding:10px;display:flex}.pr-pagination button{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;min-width:28px;padding:4px 8px;font-size:.78rem}.pr-pagination button:hover:not(:disabled){background:#f1f5f9}.pr-pagination button.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.pr-pagination button:disabled{color:#cbd5e1;cursor:not-allowed}.pr-right{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;overflow:auto}.pr-no-select{color:#94a3b8;justify-content:center;align-items:center;height:100%;font-size:.9rem;display:flex}.pr-form-head{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.pr-form-head h3{color:#1e293b;margin:0;font-size:1rem}.pr-form-actions{gap:6px;display:flex}.pr-btn-save,.pr-btn-cancel,.pr-btn-outline,.pr-btn-danger{cursor:pointer;border:1px solid;border-radius:4px;padding:5px 12px;font-size:.82rem}.pr-btn-save{color:#fff;background:#16a34a;border-color:#16a34a}.pr-btn-save:hover{background:#15803d}.pr-btn-cancel{color:#64748b;background:#fff;border-color:#cbd5e1}.pr-btn-cancel:hover{background:#f1f5f9}.pr-btn-outline{color:#3b82f6;background:#fff;border-color:#93c5fd}.pr-btn-outline:hover{background:#eff6ff}.pr-btn-danger{color:#ef4444;background:#fff;border-color:#fca5a5}.pr-btn-danger:hover{background:#fef2f2}.pr-toggle{gap:6px;padding:12px 18px 0;display:flex}.pr-toggle-opt{cursor:pointer;color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;display:flex}.pr-toggle-opt.active{color:#fff;background:#3b82f6;border-color:#3b82f6;font-weight:600}.pr-toggle-opt input{display:none}.pr-form{flex-direction:column;gap:12px;padding:16px 18px;display:flex}.pr-row{gap:12px;display:flex}.pr-field{flex-direction:column;gap:4px;min-width:0;display:flex}.pr-field label{color:#475569;font-size:.75rem;font-weight:600}.pr-field label .req{color:#ef4444}.pr-field input,.pr-field select,.pr-field textarea{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:4px;width:100%;padding:6px 9px;font-family:inherit;font-size:.85rem}.pr-field input:focus,.pr-field select:focus,.pr-field textarea:focus{border-color:#3b82f6;outline:none}.pr-field textarea{resize:vertical}.pr-files-block{margin-top:8px}.pr-files-label{color:#475569;margin-bottom:4px;font-size:.78rem;font-weight:600}.pr-file-drop{background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;transition:border-color .12s,background .12s;display:flex}.pr-file-drop.dragover{background:#eff6ff;border-color:#3b82f6}.pr-file-drop.compact{border-width:1px;gap:4px;padding:4px 6px}.pr-fp-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;align-items:center;padding:4px 10px;font-size:.78rem;display:inline-flex}.pr-fp-btn:hover{background:#f1f5f9}.pr-file-drop.compact .pr-fp-btn{padding:2px 6px;font-size:.7rem}.pr-fp-hint{color:#94a3b8;flex:1;font-size:.74rem}.pr-fp-count{color:#64748b;font-size:.74rem}.pr-file-list{margin:6px 0 0;padding:0;list-style:none}.pr-file-list li{background:#fff;border:1px solid #e2e8f0;border-radius:4px;align-items:center;gap:8px;margin-top:4px;padding:4px 8px;font-size:.78rem;display:flex}.pr-file-list li.pending{background:#fefce8;border-color:#fde68a}.pr-file-list-compact li{padding:2px 4px;font-size:.7rem}.pr-file-name{white-space:nowrap;text-overflow:ellipsis;color:#1e293b;flex:1;overflow:hidden}.pr-file-size{color:#64748b;text-align:right;min-width:50px;font-size:.72rem}.pr-file-list button{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:3px;width:20px;height:20px;font-size:.85rem;line-height:1}.pr-file-list button:hover{background:#f1f5f9}.pr-file-list button.danger{color:#ef4444;border-color:#fca5a5}.pr-file-list button.danger:hover{background:#fef2f2}.pr-new-badge{color:#b45309;background:#fef3c7;border-radius:3px;padding:1px 4px;font-size:.62rem;font-weight:700}.pr-detail-head{color:#334155;justify-content:space-between;align-items:center;margin-top:12px;padding:6px 0;font-size:.88rem;font-weight:600;display:flex}.pr-detail-head em{color:#64748b;margin-left:6px;font-size:.78rem;font-style:normal}.pr-btn-add-row{color:#3b82f6;cursor:pointer;background:#fff;border:1px solid #93c5fd;border-radius:4px;padding:4px 10px;font-size:.78rem}.pr-btn-add-row:hover{background:#eff6ff}.pr-btn-del-row{color:#ef4444;cursor:pointer;background:#fff;border:1px solid #fca5a5;border-radius:4px;width:22px;height:22px;font-size:1rem;line-height:1}.pr-btn-del-row:hover{background:#fef2f2}.pr-detail-table{border-collapse:collapse;width:100%;font-size:.8rem}.pr-detail-table th,.pr-detail-table td{vertical-align:middle;border:1px solid #e2e8f0;padding:5px 6px}.pr-detail-table th{color:#475569;background:#f8fafc;font-size:.76rem;font-weight:600}.pr-detail-table td input,.pr-detail-table td select{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:3px;width:100%;padding:4px 6px;font-family:inherit;font-size:.78rem}.pr-td-empty{text-align:center;color:#94a3b8;padding:20px;font-size:.82rem}.pr-td-center{text-align:center}.pr-td-right{text-align:right}.pr-detail-table.read td{background:#fff}.pr-file-chip{color:#2563eb;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;max-width:130px;margin:1px 2px;padding:1px 6px;font-size:.68rem;display:inline-block;overflow:hidden}.pr-file-chip:hover{background:#dbeafe}.pr-line-files{flex-direction:column;gap:12px;margin-top:12px;display:flex}.pr-line-file-group{background:#f8fafc;border:1px solid #e2e8f0;border-left:3px solid #8b5cf6;border-radius:6px;padding:10px 12px}.pr-line-file-head{color:#334155;align-items:center;gap:10px;margin-bottom:6px;font-size:.82rem;display:flex}.pr-line-file-no{color:#7c3aed;min-width:22px;font-weight:700}.pr-line-file-date{color:#64748b}.pr-line-file-item{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.pr-line-file-amt{color:#1e293b;font-weight:600}.pr-detail-panel{padding:0 0 16px}.pr-detail-grid{grid-template-columns:1fr 1fr;gap:4px 24px;padding:16px 18px;display:grid}.pr-drow{border-bottom:1px dashed #f1f5f9;padding:8px 0;display:flex}.pr-drow.full{grid-column:span 2}.pr-drow span{color:#64748b;width:110px;font-size:.82rem}.pr-drow strong{color:#1e293b;flex:1;font-size:.85rem;font-weight:500}.er-page{box-sizing:border-box;flex-direction:column;gap:14px;height:100%;padding:16px 20px;display:flex}.er-topbar h2{color:#1e293b;margin:0;font-size:1.35rem}.er-breadcrumb{color:#94a3b8;font-size:.8rem}.er-search-bar{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:24px;padding:12px 16px;display:flex}.er-search-group{align-items:center;gap:8px;display:flex}.er-search-group label{color:#475569;font-size:.82rem;font-weight:600}.er-search-group input,.er-search-group select{background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:6px 10px;font-family:inherit;font-size:.85rem}.er-search-group input:focus,.er-search-group select:focus{border-color:#3b82f6;outline:none}.er-tilde{color:#64748b;font-size:.9rem}.er-search-actions{gap:8px;margin-left:auto;display:flex}.er-btn-search,.er-btn-excel{cursor:pointer;border:none;border-radius:6px;padding:7px 16px;font-size:.85rem}.er-btn-search{color:#fff;background:#3b82f6}.er-btn-search:hover:not(:disabled){background:#2563eb}.er-btn-search:disabled{cursor:not-allowed;background:#94a3b8}.er-btn-excel{color:#fff;background:#16a34a}.er-btn-excel:hover{background:#15803d}.er-summary{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.er-card{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #94a3b8;border-radius:8px;flex-direction:column;gap:6px;padding:14px 18px;display:flex}.er-card.total{border-left-color:#3b82f6}.er-card.general{border-left-color:#f59e0b}.er-card.travel{border-left-color:#8b5cf6}.er-card-label{color:#64748b;font-size:.78rem;font-weight:600}.er-card-value{color:#1e293b;font-size:1.5rem;font-weight:700}.er-card-value em{color:#64748b;margin-left:4px;font-size:.82rem;font-style:normal;font-weight:500}.er-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;min-height:0;overflow:auto}.er-table{border-collapse:collapse;width:100%;font-size:.85rem}.er-table th,.er-table td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:9px 12px}.er-table thead th{color:#475569;z-index:1;background:#f8fafc;font-size:.8rem;font-weight:600;position:sticky;top:0}.er-table .er-th-right{text-align:right}.er-td-center{text-align:center}.er-td-right{text-align:right}.er-td-title{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;max-width:320px;font-weight:500;overflow:hidden}.er-td-empty{text-align:center;color:#94a3b8;padding:36px;font-size:.85rem}.er-tr-hover{cursor:pointer;transition:background .12s}.er-tr-hover:hover{background:#f8fafc}.er-tr-sum td{color:#1e293b;background:#f1f5f9;border-top:2px solid #cbd5e1;font-size:.92rem;font-weight:700}.er-type-badge{border-radius:10px;padding:2px 8px;font-size:.7rem;font-weight:600}.er-type-badge.general{color:#2563eb;background:#dbeafe}.er-type-badge.travel{color:#7c3aed;background:#ede9fe}.er-tr-selected td{background:#eff6ff!important}.er-tr-selected td:first-child{box-shadow:inset 3px 0 #3b82f6}.er-file-badge{border:1px solid #0000;border-radius:10px;align-items:center;gap:3px;padding:2px 7px;font-size:.74rem;display:inline-flex}.er-file-badge.has{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.er-file-badge.none{color:#94a3b8;background:#f1f5f9;border-color:#e2e8f0}.er-files-panel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:14px 18px}.er-files-head{border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;display:flex}.er-files-head strong{color:#1e293b;font-size:.92rem}.er-files-meta{color:#64748b;font-size:.8rem}.er-files-close{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;margin-left:auto;padding:3px 10px;font-size:.78rem}.er-files-close:hover{background:#f1f5f9}.er-files-empty{text-align:center;color:#94a3b8;padding:20px;font-size:.85rem}.er-file-list{margin:0;padding:0;list-style:none}.er-file-list li{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;align-items:center;gap:10px;margin-top:4px;padding:6px 8px;font-size:.82rem;display:flex}.er-file-name{white-space:nowrap;text-overflow:ellipsis;color:#1e293b;flex:1;overflow:hidden}.er-file-size{color:#64748b;text-align:right;min-width:60px;font-size:.75rem}.er-file-list button{cursor:pointer;color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:3px;width:24px;height:24px;font-size:.85rem;line-height:1}.er-file-list button:hover{color:#2563eb;background:#eff6ff}.er-trip-groups{flex-direction:column;gap:10px;display:flex}.er-trip-group{border-left:3px solid #8b5cf6;padding-left:10px}.er-trip-group-head{color:#475569;align-items:center;gap:12px;margin-bottom:4px;font-size:.82rem;display:flex}.er-trip-date{color:#64748b}.er-trip-item{color:#1e293b;font-weight:600}.er-trip-amount{color:#1e293b;margin-left:auto;font-weight:600}.pj-page{box-sizing:border-box;flex-direction:column;gap:12px;height:100%;padding:16px 20px;display:flex}.pj-topbar{justify-content:space-between;align-items:flex-end;display:flex}.pj-topbar-left h2{color:#1e293b;margin:0;font-size:1.35rem}.pj-breadcrumb{color:#94a3b8;font-size:.8rem}.pj-search-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:16px;padding:14px 16px;display:flex}.pj-search-fields{flex-wrap:wrap;flex:1;gap:10px;display:flex}.pj-search-fields input{background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;flex:1;min-width:160px;padding:7px 12px;font-size:.85rem}.pj-search-fields input:focus{background:#fff;border-color:#3b82f6;outline:none}.pj-search-actions{align-items:center;gap:8px;display:flex}.pj-btn-search{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:18px;padding:7px 18px;font-size:.82rem;font-weight:600}.pj-btn-search:hover{background:#4f46e5}.pj-btn-add-main{color:#fff;cursor:pointer;background:#a78bfa;border:none;border-radius:18px;padding:7px 18px;font-size:.82rem;font-weight:600}.pj-btn-add-main:hover{background:#8b5cf6}.pj-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;min-height:0;overflow:auto}.pj-main-table{border-collapse:collapse;width:100%;font-size:.78rem}.pj-main-table thead th{color:#475569;text-align:center;z-index:1;white-space:nowrap;background:#eff6ff;border-bottom:1px solid #bfdbfe;padding:4px 10px;font-weight:600;line-height:1.2;position:sticky;top:0}.pj-main-table thead .pj-summary-row th{z-index:2;color:#1e293b;background:#eef2f7;border-bottom:1px solid #cbd5e1;font-weight:700;top:24px}.pj-main-table .pj-summary-row .pj-sum-label{text-align:center;color:#475569}.pj-main-table .pj-summary-row .pj-num{text-align:right;padding-right:18px}.pj-summary-gain{color:#16a34a}.pj-summary-loss{color:#ef4444}.pj-main-table .pj-th-right{text-align:right;padding-right:18px}.pj-main-table .pj-th-profit,.pj-main-table .pj-th-rate{color:#16a34a}.pj-main-table tbody td{color:#1e293b;border-bottom:1px solid #f1f5f9;padding:2px 10px;line-height:1.2}.pj-main-table .pj-td-center{text-align:center}.pj-main-table .pj-num{text-align:right;padding-right:18px}.pj-main-table .pj-td-name{cursor:pointer;color:#1e293b}.pj-main-table .pj-td-name:hover{color:#2563eb;text-decoration:underline}.pj-main-table .pj-row:hover td{background:#f8fafc}.pj-main-table .pj-empty{text-align:center;color:#94a3b8;padding:30px}.pj-main-table .pj-gain{color:#16a34a;font-weight:600}.pj-main-table .pj-loss{color:#ef4444;font-weight:600}.pj-pagination{justify-content:center;gap:4px;padding:10px 0;display:flex}.pj-pagination button{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;min-width:28px;padding:4px 10px;font-size:.8rem}.pj-pagination button.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.pj-pagination button:disabled{color:#cbd5e1;cursor:not-allowed}.pj-modal-overlay{z-index:200;background:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pj-modal{background:#fff;border-radius:10px;flex-direction:column;display:flex;box-shadow:0 10px 40px #00000040}.pj-detail-modal{width:95vw;max-width:1280px;height:90vh}.pj-add-modal{width:560px;max-width:92vw}.pj-line-modal{width:92vw;max-width:1100px;max-height:90vh}.pj-line-section{margin-bottom:14px}.pj-line-section-head{color:#1e293b;border-bottom:2px solid #3b82f6;margin-bottom:6px;padding:6px 0 8px;font-size:.92rem;font-weight:700}.pj-invtype-toggle{align-items:center;gap:6px;margin-bottom:10px;display:flex}.pj-invtype-toggle button{cursor:pointer;color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:18px;padding:6px 18px;font-size:.85rem}.pj-invtype-toggle button.on{color:#fff;background:#3b82f6;border-color:#3b82f6;font-weight:600}.pj-inv-layout{flex:1;grid-template-columns:280px 1fr;gap:12px;min-height:0;display:grid}.pj-inv-side{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;min-height:0;display:flex}.pj-inv-side-head{color:#1e293b;background:#f8fafc;border-bottom:2px solid #3b82f6;border-radius:8px 8px 0 0;padding:10px 14px;font-weight:700}.pj-inv-partner-list{flex:1;margin:0;padding:0;list-style:none;overflow:auto}.pj-inv-partner-list li{cursor:pointer;border-bottom:1px solid #f1f5f9;padding:10px 14px;transition:background .1s}.pj-inv-partner-list li:hover{background:#f8fafc}.pj-inv-partner-list li.on{background:#eff6ff;border-left:3px solid #3b82f6;padding-left:11px}.pj-inv-partner-name{color:#1e293b;font-size:.88rem;font-weight:600}.pj-inv-partner-sub{color:#94a3b8;margin-top:3px;font-size:.72rem}.pj-inv-main{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:14px 18px;overflow:auto}.pj-inv-main-head{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex}.pj-inv-main-title{color:#1e293b;font-size:1.05rem;font-weight:700}.pj-inv-main-sub{color:#64748b;margin-left:10px;font-size:.78rem;font-weight:400}.pj-inv-main-totals{color:#475569;font-size:.85rem}@media (width<=880px){.pj-inv-layout{grid-template-columns:1fr}}.pj-modal-head{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.pj-modal-head h3{color:#1e293b;margin:0;font-size:1.05rem}.pj-btn-close{cursor:pointer;color:#64748b;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:5px 14px;font-size:.82rem}.pj-btn-close:hover{background:#f1f5f9}.pj-modal-body{padding:16px 20px;overflow:auto}.pj-modal-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.pj-section{margin-bottom:18px}.pj-section-head{color:#1e293b;border-bottom:2px solid #3b82f6;justify-content:space-between;align-items:center;margin-bottom:8px;padding:6px 0;font-weight:700;display:flex}.pj-btn-outline{color:#3b82f6;cursor:pointer;background:#fff;border:1px solid #3b82f6;border-radius:4px;padding:4px 12px;font-size:.78rem}.pj-btn-save{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:4px;margin-right:4px;padding:4px 12px;font-size:.78rem}.pj-btn-cancel{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:4px 12px;font-size:.78rem}.pj-info-table{border-collapse:collapse;width:100%;font-size:.82rem}.pj-info-table th,.pj-info-table td{vertical-align:middle;border:1px solid #e2e8f0;padding:8px 10px}.pj-info-table th{color:#475569;text-align:center;white-space:nowrap;background:#f1f5f9;width:90px;font-weight:600}.pj-info-table td{color:#1e293b;background:#fff}.pj-info-table td.pj-num{text-align:right;font-weight:600}.pj-info-table input,.pj-info-table textarea,.pj-info-table select{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:3px;width:100%;padding:4px 6px;font-size:.82rem}.pj-info-table-fixed{table-layout:fixed}.pj-info-table-fixed td{text-overflow:ellipsis;overflow:hidden}.pj-file-list{flex-wrap:wrap;gap:6px;display:flex}.pj-file-chip{color:#2563eb;cursor:pointer;background:#fee2e2;border-radius:12px;padding:3px 10px;font-size:.78rem}.pj-file-chip:hover{background:#fecaca}.pj-file-chip .x{color:#ef4444;margin-left:4px}.pj-line-table{border-collapse:collapse;width:100%;font-size:.82rem}.pj-line-table th,.pj-line-table td{vertical-align:middle;text-align:center;border:1px solid #e2e8f0;padding:6px 9px}.pj-line-table th{color:#475569;white-space:nowrap;background:#f8fafc;font-weight:600}.pj-line-table .pj-empty{color:#94a3b8;padding:14px}.pj-line-table .pj-num,.pj-line-table td.pj-num input{text-align:right}.pj-line-table input,.pj-line-table select{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:3px;width:100%;padding:4px 6px;font-size:.78rem}.pj-edit-row td{background:#fefce8}.pj-row-issued td{background:#dcfce7}.pj-icon{cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:.85rem}.pj-icon:hover{background:#f1f5f9;border-radius:3px}.pj-btn-pick{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:3px;padding:3px 8px;font-size:.75rem}.pj-btn-pick:hover{background:#f1f5f9}.pj-btn-save-sm{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:3px;margin-right:2px;padding:3px 8px;font-size:.72rem}.pj-btn-cancel-sm{color:#64748b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:3px;padding:3px 8px;font-size:.72rem}.pj-btn-add{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:4px;padding:3px 12px;font-size:.78rem}.pj-btn-add:hover{background:#2563eb}.pj-invoice-badge{border-radius:10px;padding:2px 8px;font-size:.72rem;font-weight:600;display:inline-block}.pj-invoice-badge.sales{color:#2563eb;background:#dbeafe}.pj-invoice-badge.purchase{color:#b45309;background:#fef3c7}.pj-status-badge{white-space:nowrap;border-radius:10px;padding:2px 10px;font-size:.72rem;font-weight:600;display:inline-block}.pj-status-badge.ongoing{color:#15803d;background:#dcfce7}.pj-status-badge.done{color:#64748b;background:#f1f5f9}.pj-sel{background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;min-width:130px;padding:7px 10px;font-size:.82rem}.pj-sel:focus{background:#fff;border-color:#3b82f6;outline:none}.pj-search-fields input[type=month]{min-width:150px}.pj-detail-actions{gap:8px;display:flex}.pj-btn-list{cursor:pointer;color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:6px 14px;font-size:.82rem}.pj-btn-list:hover{background:#f1f5f9}.pj-btn-del-main{cursor:pointer;color:#ef4444;background:#fff;border:1px solid #fca5a5;border-radius:6px;padding:6px 14px;font-size:.82rem}.pj-btn-del-main:hover{background:#fef2f2}.pj-detail-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px 20px;overflow:auto}.pj-no-select{text-align:center;color:#94a3b8;padding:40px}.pj-section-h{color:#1e293b;border-bottom:2px solid #3b82f6;margin:0 0 8px;padding-bottom:6px;font-size:1rem}.pj-btn-invoice{cursor:pointer;color:#4f46e5;background:#fff;border:1px solid #6366f1;border-radius:6px;padding:6px 14px;font-size:.82rem;font-weight:600}.pj-btn-invoice:hover:not(:disabled){background:#eef2ff}.pj-btn-invoice:disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc;border-color:#cbd5e1}.pj-btn-approve{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:6px;padding:6px 14px;font-size:.82rem}.pj-btn-approve:hover{background:#15803d}.pj-btn-reapprove{color:#fff;cursor:pointer;background:#f59e0b;border:none;border-radius:6px;padding:6px 14px;font-size:.82rem}.pj-btn-reapprove:hover{background:#d97706}.pj-btn-reapprove:disabled{cursor:not-allowed;opacity:.7;background:#fcd34d}.pj-btn-reopen{cursor:pointer;color:#d97706;background:#fff;border:1px solid #f59e0b;border-radius:6px;padding:6px 14px;font-size:.82rem;font-weight:600}.pj-btn-reopen:hover{background:#fef3c7}.pj-drop-zone-disabled{cursor:not-allowed!important;color:#cbd5e1!important;background:#f8fafc!important;border-color:#e2e8f0!important}.pj-drop-zone-disabled:hover{background:#f8fafc!important;border-color:#e2e8f0!important}.pj-approval-banner{border-left:4px solid #94a3b8;border-radius:6px;margin-bottom:12px;padding:10px 14px}.pj-approval-banner.pending{background:#e0f2fe;border-left-color:#0284c7}.pj-approval-banner.approved{background:#dcfce7;border-left-color:#16a34a}.pj-approval-banner.rejected{background:#fef2f2;border-left-color:#ef4444}.pj-approval-banner.cancelled{background:#f1f5f9;border-left-color:#64748b}.pj-approval-banner strong{color:#1e293b;font-size:.9rem}.pj-info-cards{flex-direction:column;gap:14px;margin-bottom:18px;display:flex}.pj-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:14px 18px;box-shadow:0 1px 2px #0f172a08}.pj-card-head{color:#1e293b;border-bottom:2px solid #3b82f6;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;font-size:.95rem;font-weight:700;display:flex}.pj-metric-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.pj-metric{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:14px;transition:transform .12s,box-shadow .12s}.pj-metric:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0f172a0f}.pj-metric-strong{background:#eff6ff;border-color:#bfdbfe}.pj-metric-label{color:#64748b;letter-spacing:.02em;margin-bottom:6px;font-size:.78rem;font-weight:600}.pj-metric-value{color:#1e293b;font-variant-numeric:tabular-nums;font-size:1.45rem;font-weight:700;line-height:1.2}.pj-metric-value.gain{color:#16a34a}.pj-metric-value.loss{color:#ef4444}.pj-metric-sub{color:#94a3b8;margin-top:6px;font-size:.72rem}.pj-attach-grid{flex-direction:column;gap:14px;display:flex}.pj-attach-sub-label{color:#475569;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:.78rem;font-weight:600;display:flex}.pj-memo-view{white-space:pre-wrap;color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;min-height:80px;padding:8px 10px;font-size:.85rem}.pj-btn-upload{color:#3b82f6;cursor:pointer;background:#fff;border:1px solid #3b82f6;border-radius:4px;padding:3px 10px;font-size:.74rem;font-weight:600;display:inline-block}.pj-btn-upload:hover{background:#eff6ff}.pj-drop-zone{color:#64748b;text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;margin-bottom:8px;padding:18px 14px;font-size:.85rem;transition:background .12s,border-color .12s,color .12s;display:block}.pj-drop-zone:hover{background:#f1f5f9;border-color:#94a3b8}.pj-drop-zone.drag-over{color:#2563eb;background:#eff6ff;border-color:#3b82f6;font-weight:600}.pj-drop-zone-icon{margin-bottom:4px;font-size:1.4rem}.pj-drop-zone-sub{color:#94a3b8;margin-top:4px;font-size:.72rem}.pj-drop-zone.drag-over .pj-drop-zone-sub{color:#60a5fa}@media (width<=1100px){.pj-metric-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){.pj-metric-grid{grid-template-columns:repeat(2,1fr)}.pj-attach-grid{grid-template-columns:1fr}}.iop-page{box-sizing:border-box;flex-direction:column;gap:12px;height:100%;padding:16px 20px;display:flex}.iop-loading{text-align:center;color:#94a3b8;padding:60px}.iop-topbar{justify-content:space-between;align-items:flex-end;display:flex}.iop-topbar h2{color:#1e293b;margin:0;font-size:1.35rem}.iop-breadcrumb{color:#94a3b8;font-size:.8rem}.iop-topbar select{background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:6px 12px;font-size:.85rem}.iop-btn-excel{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:6px;padding:6px 14px;font-size:.82rem;font-weight:600}.iop-btn-excel:hover{background:#15803d}.iop-nav-group{background:#fff;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:2px;display:inline-flex;overflow:hidden}.iop-btn-nav{cursor:pointer;color:#475569;background:#fff;border:none;width:30px;height:30px;font-size:1.1rem;font-weight:700;line-height:1}.iop-btn-nav:hover{color:#2563eb;background:#eff6ff}.iop-nav-label{color:#64748b;border-left:1px solid #e2e8f0;border-right:1px solid #e2e8f0;padding:0 8px;font-size:.78rem;font-weight:600;line-height:30px}.iop-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;min-height:0;overflow:auto}.iop-table{border-collapse:collapse;white-space:nowrap;min-width:100%;font-size:.68rem}.iop-table thead th{color:#475569;text-align:center;z-index:2;background:#f1f5f9;border:1px solid #e2e8f0;padding:3px 6px;font-weight:600;line-height:1.2;position:sticky;top:0}.iop-table thead tr:nth-child(2) th{top:24px}.iop-th-fixed{z-index:4;white-space:normal;min-width:146px;max-width:178px;position:sticky;left:0;background:#e0f2fe!important}.iop-table .iop-sticky-1{z-index:3;background:#fff;width:146px;min-width:146px;position:sticky;left:0}.iop-table .iop-sticky-2{z-index:3;background:#fff;width:117px;min-width:117px;position:sticky;left:146px}.iop-table .iop-sticky-3{z-index:3;background:#fff;width:72px;min-width:72px;position:sticky;left:263px}.iop-table .iop-sticky-4{z-index:3;background:#fff;width:63px;min-width:63px;position:sticky;left:335px}.iop-table .iop-sticky-5{z-index:3;background:#fff;width:144px;min-width:144px;position:sticky;left:398px}.iop-table .iop-sticky-6{z-index:3;width:108px;min-width:108px;position:sticky;left:542px}.iop-table .iop-sticky-7{z-index:3;width:100px;min-width:100px;position:sticky;left:650px}.iop-table .iop-sticky-8{z-index:3;width:100px;min-width:100px;position:sticky;left:750px}.iop-table .iop-sticky-9{z-index:3;width:100px;min-width:100px;position:sticky;left:850px;box-shadow:2px 0 4px -2px #0f172a26}.iop-table thead .iop-sticky-1,.iop-table thead .iop-sticky-2,.iop-table thead .iop-sticky-3,.iop-table thead .iop-sticky-4,.iop-table thead .iop-sticky-5,.iop-table thead .iop-sticky-6,.iop-table thead .iop-sticky-7,.iop-table thead .iop-sticky-8,.iop-table thead .iop-sticky-9{z-index:6;background:#f1f5f9!important}.iop-row-purchase td.iop-sticky-1,.iop-row-purchase td.iop-sticky-2,.iop-row-purchase td.iop-sticky-3,.iop-row-purchase td.iop-sticky-4,.iop-row-purchase td.iop-sticky-5{background:#fffbeb}.iop-row-sum-sales td.iop-sticky-1,.iop-row-sum-sales td.iop-sticky-2,.iop-row-sum-sales td.iop-sticky-3,.iop-row-sum-sales td.iop-sticky-4,.iop-row-sum-sales td.iop-sticky-5{background:#eff6ff}.iop-row-sum-purchase td.iop-sticky-1,.iop-row-sum-purchase td.iop-sticky-2,.iop-row-sum-purchase td.iop-sticky-3,.iop-row-sum-purchase td.iop-sticky-4,.iop-row-sum-purchase td.iop-sticky-5{background:#fef3c7}.iop-row-sum-profit td.iop-sticky-1,.iop-row-sum-profit td.iop-sticky-2,.iop-row-sum-profit td.iop-sticky-3,.iop-row-sum-profit td.iop-sticky-4,.iop-row-sum-profit td.iop-sticky-5{background:#ecfdf5}.iop-table .iop-summary-sticky{z-index:3;width:542px;min-width:542px;position:sticky;left:0}.iop-month-head{background:#eff6ff!important}.iop-sub-plan{color:#b45309;background:#fefce8!important}.iop-sub-issued{color:#15803d;background:#ecfdf5!important}.iop-table tbody td{color:#1e293b;text-align:center;vertical-align:middle;border:1px solid #e2e8f0;padding:1px 6px;line-height:1.15}.iop-td-fixed{z-index:1;text-align:left;white-space:normal;background:#f8fafc;min-width:146px;max-width:178px;font-weight:600;position:sticky;left:0}.iop-kind{padding:4px 8px;font-weight:700}.iop-kind.sales{color:#1d4ed8;background:#dbeafe}.iop-kind.purchase{color:#b45309;background:#fef3c7}.iop-row-purchase td{background:#fffbeb}.iop-row-sales td{background:#fff}.iop-row-sum-sales td{background:#eff6ff;font-weight:600}.iop-row-sum-purchase td{background:#fef3c7;font-weight:600}.iop-row-sum-profit td{color:#065f46;background:#ecfdf5;font-weight:700}.iop-summary-label{color:#1e293b;z-index:1;font-weight:700;position:sticky;left:0;text-align:center!important}.iop-row-sum-sales .iop-summary-label{color:#1e3a8a;background:#bfdbfe}.iop-row-sum-purchase .iop-summary-label{color:#78350f;background:#fcd34d}.iop-row-sum-profit .iop-summary-label{color:#064e3b;background:#6ee7b7}.iop-sum-sales{color:#1e3a8a;background:#bfdbfe!important}.iop-sum-purchase{color:#78350f;background:#fcd34d!important}.iop-sum-profit{color:#064e3b;background:#6ee7b7!important}.iop-table tbody td.iop-num{text-align:right;font-variant-numeric:tabular-nums;padding-right:10px}.iop-plan{color:#b45309}.iop-issued{color:#15803d;font-weight:600}.iop-empty{color:#94a3b8;padding:40px}.iol-page{box-sizing:border-box;flex-direction:column;gap:12px;height:100%;padding:16px 20px;display:flex}.iol-topbar{justify-content:space-between;align-items:flex-end;display:flex}.iol-topbar h2{color:#1e293b;margin:0;font-size:1.35rem}.iol-breadcrumb{color:#94a3b8;font-size:.8rem}.iol-controls{align-items:center;gap:10px;display:flex}.iol-controls select{background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:6px 12px;font-size:.85rem}.iol-toggle{gap:4px;display:flex}.iol-toggle button{cursor:pointer;color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:18px;padding:6px 18px;font-size:.82rem}.iol-toggle button.on{color:#fff;background:#3b82f6;border-color:#3b82f6;font-weight:600}.iol-btn-excel{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:6px;padding:6px 14px;font-size:.82rem;font-weight:600}.iol-btn-excel:hover{background:#15803d}.iol-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;min-height:0;overflow:auto}.iol-table{border-collapse:collapse;width:100%;font-size:.75rem}.iol-table thead th{color:#475569;text-align:center;z-index:2;background:#f1f5f9;border:1px solid #e2e8f0;padding:3px 8px;font-weight:600;line-height:1.15;position:sticky;top:0}.iol-table thead tr:nth-child(2) th{top:22px}.iol-table thead tr:nth-child(3) th{background:#f0f9ff;top:44px}.iol-head-vat{background:#fefce8!important}.iol-row-total th{color:#1e293b;font-weight:700}.iol-row-total .iol-num{color:#0284c7}.iol-table tbody td{color:#1e293b;border:1px solid #e2e8f0;padding:1px 8px;line-height:1.15}.iol-sub{color:#94a3b8;font-size:.7rem}.iol-num{text-align:right;font-variant-numeric:tabular-nums;padding-right:12px}.iol-td-center{text-align:center}.iol-amt-total{color:#1e3a8a;background:#eff6ff;font-weight:600}.iol-amt-vat{color:#b45309}.iol-empty{text-align:center;color:#94a3b8;padding:40px}.iol-sub{color:#94a3b8;margin-top:2px;font-size:.72rem}.iol-table tbody tr:hover td{background:#f8fafc}.qt-page{padding:16px 20px}.qt-topbar{margin-bottom:12px}.qt-topbar h2{color:#1e293b;margin:0;font-size:20px;font-weight:700}.qt-breadcrumb{color:#94a3b8;font-size:13px}.qt-topbar-flex{justify-content:space-between;align-items:flex-start;display:flex}.qt-btn-new{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;flex:none;height:36px;padding:0 18px;font-size:.85rem;font-weight:600}.qt-btn-new:hover{background:#2563eb}.qt-summary-row td{color:#334155;background:#f1f5f9;border-bottom:2px solid #cbd5e1;padding:9px 10px;font-size:.84rem;font-weight:600}.qt-summary-row .qt-summary-label{text-align:right;color:#475569}.qt-summary-row .qt-td-amt{text-align:right}.qt-summary-row b{color:#0f172a;font-weight:700}.qt-summary-sep{color:#cbd5e1;margin:0 8px}.qt-pager{justify-content:space-between;align-items:center;margin-top:14px;padding:0 4px;display:flex}.qt-pager-size{color:#64748b;font-size:.82rem}.qt-pager-size select{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;margin-left:8px;padding:5px 8px;font-size:.82rem}.qt-pager-nav{align-items:center;gap:4px;display:flex}.qt-pager-nav button{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;min-width:30px;height:30px;padding:0 6px;font-size:.85rem}.qt-pager-nav button:hover:not(:disabled){background:#f1f5f9}.qt-pager-nav button:disabled{opacity:.4;cursor:not-allowed}.qt-pager-info{color:#334155;padding:0 10px;font-size:.84rem}.qt-search-bar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:14px 18px;display:flex}.qt-search-group{align-items:center;gap:8px;display:flex}.qt-search-group label{color:#64748b;white-space:nowrap;font-size:.82rem;font-weight:600}.qt-search-group input,.qt-search-group select{box-sizing:border-box;color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:7px;height:40px;padding:8px 13px;font-size:.88rem}.qt-search-group select{min-width:150px}.qt-search-group input[type=date]{min-width:158px}.qt-tilde{color:#94a3b8}.qt-search-actions{gap:8px;margin-left:auto;display:flex}.qt-btn-search{cursor:pointer;color:#fff;background:#2563eb;border:none;border-radius:7px;padding:8px 22px;font-size:.85rem;font-weight:600}.qt-btn-search:hover{background:#1d4ed8}.qt-btn-reset{cursor:pointer;color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:7px;padding:8px 18px;font-size:.85rem;font-weight:600}.qt-btn-reset:hover{background:#f1f5f9}.qt-table-wrap{border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto}.qt-table{border-collapse:collapse;width:100%;min-width:1180px;font-size:.82rem}.qt-table thead th{color:#475569;text-align:center;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;padding:8px;font-weight:600}.qt-table thead th.qt-th-group{background:#f1f5f9}.qt-table thead th.qt-th-amt{background:#f8fafc}.qt-table tbody td{color:#1e293b;vertical-align:middle;border:1px solid #eef2f7;padding:7px 8px}.qt-td-c{text-align:center;white-space:nowrap}.qt-td-no{color:#475569;white-space:nowrap;font-family:Consolas,monospace;font-size:.78rem}.qt-td-subj{min-width:240px}.qt-td-amt{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.qt-td-remark{color:#64748b}.qt-td-remark.alert{color:#b91c1c;font-weight:600}.qt-remark-clamp{flex-direction:column;display:flex}.qt-remark-line{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.qt-remark-more{color:#94a3b8}.qt-print-req{color:#c2410c;vertical-align:middle;white-space:nowrap;background:#fff7ed;border:1px solid #fed7aa;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:.68rem;font-weight:700;display:inline-block}.qt-row-del{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fca5a5;border-radius:5px;padding:4px 9px;font-size:.76rem;font-weight:600}.qt-row-del:hover{background:#fee2e2}.qt-row{cursor:pointer}.qt-row:hover td{background:#f8fafc}.qt-td-empty{text-align:center;color:#94a3b8;padding:40px 0!important}.qt-doc-overlay{z-index:1000;background:#0f172a8c;justify-content:center;align-items:flex-start;padding:24px;display:flex;position:fixed;inset:0;overflow:auto}.qt-doc-scroll{width:794px;max-width:100%}.qt-doc-actions{justify-content:flex-end;gap:8px;margin-bottom:10px;display:flex}.qt-doc-btn{cursor:pointer;color:#fff;background:#3b82f6;border:none;border-radius:6px;height:34px;padding:0 18px;font-size:13px;font-weight:600}.qt-doc-btn.ghost{color:#334155;background:#fff;border:1px solid #cbd5e1}.qt-doc-btn.danger{color:#dc2626;background:#fff;border:1px solid #fca5a5}.qt-doc-btn.approve{color:#fff;background:#059669}.qt-doc-btn:hover{opacity:.92}.qt-doc-btn:disabled{color:#94a3b8;cursor:not-allowed;opacity:1;background:#e2e8f0}.qt-doc{box-sizing:border-box;color:#1f2937;background:#fff;width:794px;max-width:100%;min-height:1123px;margin:0 auto;padding:48px 52px;font-size:13px;position:relative;overflow:hidden;box-shadow:0 8px 30px #00000040}.qt-doc-watermark{text-align:center;color:#7878781a;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:92px;font-weight:800;line-height:.95;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)rotate(-30deg)}.qt-doc-watermark em{font-size:60px;font-style:italic;font-weight:600}.qt-doc-head{justify-content:space-between;align-items:flex-start;display:flex;position:relative}.qt-doc-title{color:#fff;letter-spacing:8px;background:linear-gradient(135deg,#5b78b4,#4a6298);border-radius:2px;justify-content:center;align-items:center;width:230px;height:96px;font-size:30px;font-weight:800;display:flex}.qt-doc-company{text-align:left;min-width:250px}.qt-doc-logo{color:#1d4ed8;letter-spacing:-1px;font-size:26px;font-weight:800}.qt-doc-logo span{color:#1d4ed8}.qt-doc-addr{color:#334155;margin-top:10px;font-size:12px;line-height:1.7;position:relative}.qt-doc-seal{color:#c0392b;text-align:center;opacity:.8;border:1.5px solid #c0392b;border-radius:50%;width:22px;height:22px;margin-left:4px;font-size:11px;line-height:20px;display:inline-block;transform:rotate(-8deg)}.qt-doc-rep{align-items:center;gap:2px;display:inline-flex}.qt-doc-seal-img{vertical-align:middle;mix-blend-mode:multiply;width:auto;height:40px;margin-left:2px;display:inline-block}.qt-doc-tel{color:#334155;margin-top:12px;font-size:12px;line-height:1.7}.qt-doc-to{margin-top:30px;font-size:13px;line-height:2}.qt-doc-label{color:#475569;width:44px;font-weight:600;display:inline-block}.qt-doc-subject{border-bottom:2px solid #1f2937;justify-content:space-between;align-items:flex-end;margin-top:26px;padding-bottom:8px;display:flex}.qt-doc-subj-name{font-size:17px}.qt-doc-subj-meta{text-align:left;font-size:12.5px;line-height:1.9}.qt-doc-subj-meta span{color:#475569;width:64px;display:inline-block}.qt-doc-items{border-collapse:collapse;width:100%;margin-top:14px;font-size:12.5px;position:relative}.qt-doc-items thead th{color:#334155;text-align:center;background:0 0;border-bottom:1.5px solid #94a3b8;padding:7px 8px;font-weight:700}.qt-doc-items tbody td{vertical-align:top;border-bottom:1px solid #e2e8f0;padding:9px 8px}.qt-doc-items tbody td.c{text-align:center}.qt-doc-items tbody td.r{text-align:right;font-variant-numeric:tabular-nums}.qt-doc-items tbody td.b{vertical-align:bottom}.qt-doc-item-sub{color:#64748b;margin-top:4px;font-size:11.5px}.qt-doc-discount td{color:#b45309;background:#fffbeb;font-weight:600}.qt-doc-empty-row td{border-bottom:1px solid #eef2f7}.qt-doc-total{border-top:2px solid #1f2937;justify-content:space-between;align-items:stretch;margin-top:18px;padding-top:14px;display:flex}.qt-doc-total-words{flex-direction:column;gap:10px;display:flex}.qt-doc-total-label{color:#334155;font-size:13px;font-weight:700}.qt-doc-total-label small{color:#64748b;margin-left:4px;font-weight:500}.qt-doc-total-label small.qt-doc-trunc{color:#b45309;font-weight:600}.qt-doc-total-han{color:#1f2937;background:#eef0f3;border-radius:2px;padding:12px 18px;font-size:16px;font-weight:700}.qt-doc-total-nums{min-width:280px;font-size:13px}.qt-doc-total-nums>div{justify-content:space-between;padding:5px 0;display:flex}.qt-doc-total-nums span{color:#475569;font-weight:600}.qt-doc-total-nums b{font-variant-numeric:tabular-nums}.qt-doc-total-nums .grand{border-top:1px solid #cbd5e1;margin-top:4px;padding-top:8px}.qt-doc-total-nums .grand span,.qt-doc-total-nums .grand b{color:#dc2626;font-size:15px;font-weight:800}.qt-doc-footer{background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:4px;gap:40px;margin-top:34px;padding:18px;display:flex}.qt-doc-charge{color:#334155;min-width:220px;font-size:12.5px;line-height:1.9}.qt-doc-note{color:#334155;flex:1;font-size:12.5px;line-height:1.9}.qt-doc-foot-title{color:#1f2937;margin-bottom:6px;font-weight:700}@page{size:A4;margin:0}@media print{html,body{background:#fff!important;height:auto!important;margin:0!important;padding:0!important}body *{visibility:hidden}.qt-doc-overlay,.qt-doc-overlay *{visibility:visible}.qt-doc-overlay{background:0 0;width:100%;height:auto;margin:0;padding:0;display:block;position:absolute;inset:0 auto auto 0;overflow:visible}.qt-doc-scroll{width:100%;max-width:none;margin:0;padding:0}.qt-doc-actions{display:none!important}#qt-doc-print{width:100%;height:auto;min-height:0;box-shadow:none;box-sizing:border-box;page-break-inside:avoid;break-inside:avoid;page-break-after:avoid;break-after:avoid;margin:0;padding:12mm;position:static;overflow:hidden}}.qf-page{color:#1e293b;padding:20px 24px 40px}.qf-topbar{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.qf-topbar-left h2{color:#0f172a;margin:0 0 4px;font-size:1.3rem;font-weight:700}.qf-breadcrumb{color:#94a3b8;font-size:.78rem}.qf-topbar-actions{gap:8px;display:flex}.qf-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:18px;padding:18px 20px}.qf-card-title{color:#334155;border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:12px;font-size:.95rem;font-weight:700;display:flex}.qf-grid{grid-template-columns:1fr 1fr;gap:14px 24px;display:grid}.qf-row{flex-direction:column;gap:6px;display:flex}.qf-col-2{grid-column:1/-1}.qf-row label{color:#475569;font-size:.8rem;font-weight:600}.qf-row .req{color:#ef4444}.qf-hint{color:#94a3b8;font-size:.74rem;font-weight:400}.qf-row input[type=text],.qf-row input[type=date],.qf-row select,.qf-row textarea{box-sizing:border-box;color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:6px;width:100%;padding:8px 10px;font-size:.85rem}.qf-row input:disabled{color:#64748b;background:#f1f5f9}.qf-row textarea{resize:vertical}.qf-row.has-error input,.qf-row.has-error select{border-color:#ef4444}.qf-err{color:#ef4444;margin:0;font-size:.74rem}.qf-err-block{margin:0 0 8px}.qf-input-with-btn{gap:6px;display:flex}.qf-input-with-btn input{flex:1}.qf-btn-search{color:#2563eb;cursor:pointer;background:#eff6ff;border:1px solid #3b82f6;border-radius:6px;flex:none;padding:8px 14px;font-size:.82rem;font-weight:600}.qf-btn-search:hover{background:#dbeafe}.qf-btn-add{color:#2563eb;cursor:pointer;background:#fff;border:1px solid #3b82f6;border-radius:6px;margin-left:auto;padding:6px 12px;font-size:.8rem;font-weight:600}.qf-btn-add:hover{background:#eff6ff}.qf-item-table{border-collapse:collapse;width:100%}.qf-item-table th,.qf-item-table td{vertical-align:middle;border:1px solid #e2e8f0;padding:6px 8px;font-size:.82rem}.qf-item-table thead th{color:#475569;text-align:center;background:#f8fafc;font-weight:600}.qf-item-table .req{color:#ef4444}.qf-item-table td input,.qf-item-table td select{box-sizing:border-box;border:1px solid #cbd5e1;border-radius:5px;width:100%;padding:6px 8px;font-size:.82rem}.qf-item-table td{vertical-align:top}.qf-item-table td.qf-c{text-align:center}.qf-item-table td .qf-num{text-align:right}.qf-item-head{vertical-align:top;background:#fcfdfe}.qf-item-actions{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.qf-desc-add{color:#2563eb;cursor:pointer;background:#f8fafc;border:1px dashed #93c5fd;border-radius:5px;padding:3px 10px;font-size:.76rem;font-weight:600}.qf-desc-add:hover{background:#eff6ff}.qf-item-remove{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:5px;padding:3px 8px;font-size:.74rem;font-weight:600}.qf-item-remove:hover:not(:disabled){background:#fee2e2}.qf-item-remove:disabled{opacity:.4;cursor:not-allowed}.qf-item-table tr.qf-item-last>td{border-bottom:2px solid #cbd5e1}.qf-discount-row td{background:#fffbeb}.qf-discount-label{text-align:right;color:#b45309;font-weight:700}.qf-discount-label .qf-hint{font-weight:400}.qf-discount-row .qf-num{color:#b45309;font-weight:600}.qf-total-row .qf-minus{color:#dc2626}.qf-amount{text-align:right;color:#0f172a;background:#f8fafc;font-weight:600}.qf-btn-del{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:5px;width:26px;height:26px;font-size:1rem;line-height:1}.qf-btn-del:hover:not(:disabled){background:#fee2e2}.qf-btn-del:disabled{opacity:.4;cursor:not-allowed}.qf-totals{border-top:2px solid #e2e8f0;flex-direction:column;align-items:flex-end;gap:6px;margin-top:16px;padding-top:14px;display:flex}.qf-total-row{grid-template-columns:120px 160px 28px;align-items:baseline;gap:8px;display:grid}.qf-total-row span{text-align:right;color:#64748b;font-size:.82rem}.qf-total-row b{text-align:right;color:#1e293b;font-size:.95rem;font-weight:700}.qf-total-row em{color:#94a3b8;font-size:.78rem;font-style:normal}.qf-total-row.qf-grand b{color:#059669;font-size:1.15rem}.qf-total-row.qf-grand span{color:#334155;font-weight:700}.qf-trunc-row{grid-template-columns:120px 196px;align-items:center;margin-bottom:2px}.qf-trunc-select{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:5px 8px;font-size:.82rem}.qf-trunc-note{color:#94a3b8;white-space:nowrap;margin-left:8px;font-size:.72rem}.qf-btn-primary{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:8px 22px;font-size:.85rem;font-weight:600}.qf-btn-primary:hover:not(:disabled){background:#2563eb}.qf-btn-primary:disabled{opacity:.6;cursor:not-allowed}.qf-btn-ghost{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 18px;font-size:.85rem;font-weight:600}.qf-btn-ghost:hover:not(:disabled){background:#f8fafc}.qf-footer-actions{justify-content:flex-end;gap:8px;display:flex}@media (width<=860px){.qf-grid{grid-template-columns:1fr}}.po-page{padding:16px 20px}.po-topbar{margin-bottom:12px}.po-topbar h2{color:#1e293b;margin:0;font-size:20px;font-weight:700}.po-breadcrumb{color:#94a3b8;font-size:13px}.po-summary{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;margin-bottom:16px;padding:10px 16px;font-size:.86rem;display:flex}.po-summary-item b{color:#1e293b;font-weight:700}.po-summary-item em{color:#94a3b8;font-size:.8rem;font-style:normal}.po-summary-sep{color:#cbd5e1}.po-summary-row td{color:#334155;background:#f1f5f9;border-bottom:2px solid #cbd5e1;padding:9px 8px;font-size:.84rem;font-weight:600}.po-summary-row .po-summary-label{text-align:right;color:#475569}.po-summary-row .po-summary-label em{color:#94a3b8;font-size:.78rem;font-style:normal}.po-summary-row b{color:#0f172a;font-weight:700}.po-pager{justify-content:space-between;align-items:center;margin-top:14px;padding:0 4px;display:flex}.po-pager-size{color:#64748b;font-size:.82rem}.po-pager-size select{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;margin-left:8px;padding:5px 8px;font-size:.82rem}.po-pager-nav{align-items:center;gap:4px;display:flex}.po-pager-nav button{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;min-width:30px;height:30px;padding:0 6px;font-size:.85rem}.po-pager-nav button:hover:not(:disabled){background:#f1f5f9}.po-pager-nav button:disabled{opacity:.4;cursor:not-allowed}.po-pager-info{color:#334155;padding:0 10px;font-size:.84rem}.po-search-bar{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;padding:14px 18px;display:flex}.po-search-group{align-items:center;gap:8px;display:flex}.po-search-group label{color:#64748b;white-space:nowrap;font-size:.82rem;font-weight:600}.po-search-group input,.po-search-group select{box-sizing:border-box;color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:7px;height:40px;padding:8px 13px;font-size:.88rem}.po-search-group select{min-width:150px}.po-search-group input[type=date]{min-width:158px}.po-tilde{color:#94a3b8}.po-search-actions{gap:8px;margin-left:auto;display:flex}.po-btn-search{cursor:pointer;color:#fff;background:#2563eb;border:none;border-radius:7px;padding:8px 22px;font-size:.85rem;font-weight:600}.po-btn-search:hover{background:#1d4ed8}.po-btn-reset{cursor:pointer;color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:7px;padding:8px 18px;font-size:.85rem;font-weight:600}.po-btn-reset:hover{background:#f1f5f9}.po-table-wrap{border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto}.po-table{border-collapse:collapse;width:100%;min-width:1680px;font-size:.8rem}.po-table thead th{color:#475569;text-align:center;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;padding:8px 6px;font-weight:600;line-height:1.3}.po-table thead th.po-th-group{background:#f1f5f9}.po-table thead th.po-th-amt{background:#f8fafc}.po-table tbody td{color:#1e293b;vertical-align:middle;border:1px solid #eef2f7;padding:7px 6px}.po-td-c{text-align:center;white-space:nowrap}.po-td-no{color:#475569;white-space:nowrap;font-family:Consolas,monospace;font-size:.74rem}.po-td-subj{min-width:240px}.po-td-amt{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.po-td-remark{color:#64748b}.po-remark-clamp{flex-direction:column;display:flex}.po-remark-line{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.po-remark-more{color:#94a3b8}.po-row{cursor:pointer}.po-row:hover td{background:#f8fafc}.po-row.canceled td{color:#dc2626;text-decoration:line-through}.po-row.canceled .po-td-remark{font-weight:600;text-decoration:none}.po-row.canceled:hover td{background:#fef2f2}.po-td-empty{text-align:center;color:#94a3b8;padding:40px 0!important}.po-doc-overlay{z-index:1000;background:#0f172a8c;justify-content:center;align-items:flex-start;padding:24px;display:flex;position:fixed;inset:0;overflow:auto}.po-doc-scroll{width:794px;max-width:100%}.po-doc-actions{justify-content:flex-end;gap:8px;margin-bottom:10px;display:flex}.po-doc-btn{cursor:pointer;color:#fff;background:#2563eb;border:none;border-radius:6px;height:34px;padding:0 18px;font-size:13px;font-weight:600}.po-doc-btn.ghost{color:#334155;background:#fff;border:1px solid #cbd5e1}.po-doc-btn.danger{color:#dc2626;background:#fff;border:1px solid #fca5a5}.po-doc-btn.approve{color:#fff;background:#059669}.po-doc-btn:hover{opacity:.92}.po-doc-btn:disabled{color:#94a3b8;cursor:not-allowed;opacity:1;background:#e2e8f0}.po-topbar-flex{justify-content:space-between;align-items:flex-start;display:flex}.po-btn-new{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;flex:none;height:36px;padding:0 18px;font-size:.85rem;font-weight:600}.po-btn-new:hover{background:#1d4ed8}.po-print-req{color:#c2410c;vertical-align:middle;white-space:nowrap;background:#fff7ed;border:1px solid #fed7aa;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:.68rem;font-weight:700;display:inline-block}.po-row-del{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fca5a5;border-radius:5px;padding:4px 9px;font-size:.76rem;font-weight:600}.po-row-del:hover{background:#fee2e2}.po-doc{box-sizing:border-box;color:#1f2937;background:#fff;width:794px;max-width:100%;min-height:1123px;margin:0 auto;padding:48px 52px;font-size:13px;position:relative;overflow:hidden;box-shadow:0 8px 30px #00000040}.po-doc-watermark{text-align:center;color:#7878781a;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;font-size:92px;font-weight:800;line-height:.95;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)rotate(-30deg)}.po-doc-watermark em{font-size:60px;font-style:italic;font-weight:600}.po-doc-head{justify-content:space-between;align-items:flex-start;display:flex;position:relative}.po-doc-title{color:#fff;letter-spacing:8px;background:linear-gradient(135deg,#e08b4c,#d2691e);border-radius:2px;justify-content:center;align-items:center;width:230px;height:96px;font-size:30px;font-weight:800;display:flex}.po-doc-company{text-align:left;min-width:250px}.po-doc-logo{color:#1d4ed8;letter-spacing:-1px;font-size:26px;font-weight:800}.po-doc-logo span{color:#1d4ed8}.po-doc-addr{color:#334155;margin-top:10px;font-size:12px;line-height:1.7;position:relative}.po-doc-seal{color:#c0392b;text-align:center;opacity:.8;border:1.5px solid #c0392b;border-radius:50%;width:22px;height:22px;margin-left:4px;font-size:11px;line-height:20px;display:inline-block;transform:rotate(-8deg)}.po-doc-rep{align-items:center;gap:2px;display:inline-flex}.po-doc-seal-img{vertical-align:middle;mix-blend-mode:multiply;width:auto;height:40px;margin-left:2px;display:inline-block}.po-doc-tel{color:#334155;margin-top:12px;font-size:12px;line-height:1.7}.po-doc-to{margin-top:30px;font-size:13px;line-height:2}.po-doc-label{color:#475569;width:44px;font-weight:600;display:inline-block}.po-doc-subject{border-bottom:2px solid #1f2937;justify-content:space-between;align-items:flex-end;margin-top:26px;padding-bottom:8px;display:flex}.po-doc-subj-name{font-size:17px}.po-doc-subj-meta{text-align:left;font-size:12.5px;line-height:1.9}.po-doc-subj-meta span{color:#475569;width:64px;display:inline-block}.po-doc-items{border-collapse:collapse;width:100%;margin-top:14px;font-size:12.5px;position:relative}.po-doc-items thead th{color:#334155;text-align:center;background:0 0;border-bottom:1.5px solid #94a3b8;padding:7px 8px;font-weight:700}.po-doc-items tbody td{vertical-align:top;border-bottom:1px solid #e2e8f0;padding:9px 8px}.po-doc-items tbody td.c{text-align:center}.po-doc-items tbody td.r{text-align:right;font-variant-numeric:tabular-nums}.po-doc-items tbody td.b{vertical-align:bottom}.po-doc-item-sub{color:#64748b;margin-top:4px;font-size:11.5px}.po-doc-empty-row td{border-bottom:1px solid #eef2f7}.po-doc-total{border-top:2px solid #1f2937;justify-content:space-between;align-items:stretch;margin-top:18px;padding-top:14px;display:flex}.po-doc-total-words{flex-direction:column;gap:10px;display:flex}.po-doc-total-label{color:#334155;font-size:13px;font-weight:700}.po-doc-total-label small{color:#64748b;margin-left:4px;font-weight:500}.po-doc-total-label small.po-doc-trunc{color:#b45309;font-weight:600}.po-doc-total-han{color:#1f2937;background:#eef0f3;border-radius:2px;padding:12px 18px;font-size:16px;font-weight:700}.po-doc-total-nums{min-width:280px;font-size:13px}.po-doc-total-nums>div{justify-content:space-between;padding:5px 0;display:flex}.po-doc-total-nums span{color:#475569;font-weight:600}.po-doc-total-nums b{font-variant-numeric:tabular-nums}.po-doc-total-nums .grand{border-top:1px solid #cbd5e1;margin-top:4px;padding-top:8px}.po-doc-total-nums .grand span,.po-doc-total-nums .grand b{color:#dc2626;font-size:15px;font-weight:800}.po-doc-footer{background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:4px;gap:40px;margin-top:34px;padding:18px;display:flex}.po-doc-charge{color:#334155;min-width:220px;font-size:12.5px;line-height:1.9}.po-doc-note{color:#334155;flex:1;font-size:12.5px;line-height:1.9}.po-doc-foot-title{color:#1f2937;margin-bottom:6px;font-weight:700}@page{size:A4;margin:0}@media print{html,body{background:#fff!important;height:auto!important;margin:0!important;padding:0!important}body *{visibility:hidden}.po-doc-overlay,.po-doc-overlay *{visibility:visible}.po-doc-overlay{background:0 0;width:100%;height:auto;margin:0;padding:0;display:block;position:absolute;inset:0 auto auto 0;overflow:visible}.po-doc-scroll{width:100%;max-width:none;margin:0;padding:0}.po-doc-actions{display:none!important}#po-doc-print{width:100%;height:auto;min-height:0;box-shadow:none;box-sizing:border-box;page-break-inside:avoid;break-inside:avoid;page-break-after:avoid;break-after:avoid;margin:0;padding:12mm;position:static;overflow:hidden}}