@import"https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&display=swap";:root{--color-bg: #f8fafc;--color-bg-elevated: #ffffff;--color-surface: #ffffff;--color-border: #e2e8f0;--color-text: #1e293b;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--color-primary: #0f172a;--color-accent: #3b82f6;--color-accent-hover: #2563eb;--color-success: #22c55e;--color-error: #ef4444;--color-warning: #f59e0b;--space-xs: 4px;--space-sm: 8px;--space-md: 8px;--space-lg: 16px;--space-xl: 32px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .05);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100vh;min-height:100dvh;background:var(--color-bg);color:var(--color-text)}#root{min-height:100vh;min-height:100dvh;padding:var(--safe-top) var(--safe-left) var(--safe-bottom) var(--safe-right)}a{color:var(--color-accent);text-decoration:none}button{font-family:inherit;cursor:pointer;border:none}input,textarea,select{font-family:inherit}.login-page{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:var(--space-xl) var(--space-lg);max-width:420px;margin:0 auto}.login-hero{text-align:center;margin-bottom:var(--space-xl)}.login-brand{font-size:1.75rem;font-weight:700;color:var(--color-text);margin:0;letter-spacing:-.02em}.login-hero-text{font-size:.9375rem;color:var(--color-text-secondary);margin:var(--space-sm) 0 0;font-weight:400}.login-form{width:100%}.input-group{margin-bottom:var(--space-md)}.input-field{width:100%;padding:var(--space-md) var(--space-lg);font-size:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);transition:border-color .2s,box-shadow .2s}.input-field::placeholder{color:var(--color-text-muted)}.input-field:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f626}.login-error{color:var(--color-error);font-size:.875rem;margin:calc(-1 * var(--space-sm)) 0 var(--space-md)}.btn-primary{width:100%;padding:var(--space-md) var(--space-lg);font-size:1rem;font-weight:600;color:#fff;background:var(--color-primary);border-radius:var(--radius-md);transition:background .2s,transform .1s;margin-top:var(--space-sm)}.btn-primary:active{transform:scale(.98)}.btn-primary:hover{background:#1e293b}.btn-secondary{width:100%;padding:var(--space-md) var(--space-lg);font-size:.9375rem;font-weight:500;color:var(--color-text-secondary);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:var(--space-sm)}.btn-secondary:hover{background:var(--color-bg)}.login-footer{margin-top:auto;padding-top:var(--space-xl);text-align:center;font-size:.75rem;color:var(--color-text-muted)}.menu-page{min-height:100dvh;display:flex;flex-direction:column;padding:var(--space-lg);max-width:480px;margin:0 auto}.menu-header{padding:var(--space-xl) 0 var(--space-lg);text-align:center}.menu-brand{font-size:1.5rem;font-weight:700;color:var(--color-text);margin:0;letter-spacing:-.02em}.menu-subtitle{font-size:.875rem;color:var(--color-text-secondary);margin:var(--space-xs) 0 0;font-weight:500}.menu-grid{display:flex;flex-direction:column;gap:var(--space-sm);flex:1}.menu-loading{padding:var(--space-xl) 0;text-align:center;font-size:.9375rem;color:var(--color-text-muted)}.menu-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-decoration:none;color:var(--color-text);font-size:1rem;font-weight:500;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.menu-card:active{transform:scale(.98)}.menu-card:hover{box-shadow:var(--shadow-md)}.menu-card__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);flex-shrink:0}.menu-card__label{flex:1}.menu-card__arrow{color:var(--color-text-muted);flex-shrink:0}.menu-footer{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg) 0 var(--space-md);font-size:.75rem;color:var(--color-text-muted);font-weight:400}.menu-logout{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-size:.8125rem;color:var(--color-text-secondary);background:transparent;border:none}.menu-logout:hover{color:var(--color-error)}.page{min-height:100dvh;display:flex;flex-direction:column;max-width:480px;margin:0 auto;background:var(--color-bg)}.page-header{position:sticky;top:0;display:flex;align-items:center;gap:var(--space-sm);padding:calc(var(--safe-top) + var(--space-sm)) var(--space-lg) var(--space-md);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:10}.page-back{display:inline-flex;align-items:center;gap:2px;padding:var(--space-sm);margin:calc(-1 * var(--space-sm));color:var(--color-accent);text-decoration:none;font-size:.9375rem;font-weight:500;-webkit-tap-highlight-color:transparent}.page-back:active{opacity:.7}.page-back svg{flex-shrink:0}.page-header h1{font-size:1.125rem;font-weight:600;color:var(--color-text);margin:0;flex:1}.page-content{flex:1;padding:var(--space-lg)}.placeholder{color:var(--color-text-muted);font-size:.9375rem;padding:var(--space-xl) 0}.stockoutmg-rowlink{display:block;cursor:pointer;-webkit-tap-highlight-color:rgba(59,130,246,.12)}.stockoutmg-rowlink:active{opacity:.92}.notice-tabs{display:flex;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 var(--space-md)}.notice-tab{flex:1;padding:var(--space-md) var(--space-sm);font-size:.9375rem;font-weight:500;color:var(--color-text-muted);background:none;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:color .2s,border-color .2s}.notice-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.notice-tab:active{opacity:.8}.notice-search{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.notice-search-input{flex:1;min-width:100px;padding:8px 12px;font-size:.9375rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg)}.notice-search-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:.9375rem;font-weight:500;color:#fff;background:var(--color-accent);border:none;border-radius:6px;cursor:pointer}.notice-search-btn:active{opacity:.9}.notice-content{padding-top:var(--space-md);overflow-y:auto}.notice-list{display:flex;flex-direction:column;gap:var(--space-sm)}.notice-item{padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:background .15s}.notice-item:active{background:#00000008}.notice-item-header{display:flex;align-items:flex-start;gap:var(--space-sm);margin-bottom:6px}.notice-item-subject{flex:1;font-size:.9375rem;font-weight:500;color:var(--color-text);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notice-badge{flex-shrink:0;padding:2px 6px;font-size:.6875rem;font-weight:600;border-radius:4px}.notice-badge.top{background:#dc3545;color:#fff}.notice-badge.secret{background:var(--color-text-muted);color:#fff}.notice-item-meta{display:flex;gap:var(--space-md);font-size:.8125rem;color:var(--color-text-muted)}.notice-item-attach{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:.8125rem;color:var(--color-text-muted)}.notice-loading,.notice-empty,.notice-loading-more{padding:var(--space-xl) 0;text-align:center;font-size:.9375rem;color:var(--color-text-muted)}.notice-sentinel{height:1px;visibility:hidden;pointer-events:none}.notice-detail-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:flex-end;justify-content:center;padding:0}.notice-detail-modal{width:100%;max-width:480px;max-height:85dvh;display:flex;flex-direction:column;background:var(--color-surface);border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #00000026}.notice-detail-header{padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.notice-detail-header h2{margin:0 0 8px;font-size:1.125rem;font-weight:600;color:var(--color-text);line-height:1.4}.notice-detail-meta{display:flex;gap:var(--space-md);font-size:.8125rem;color:var(--color-text-muted)}.notice-detail-body{flex:1;overflow-y:auto;padding:var(--space-lg)}.notice-detail-content{font-size:.9375rem;line-height:1.6;color:var(--color-text)}.notice-detail-content img{max-width:100%;height:auto}.notice-detail-close{margin:var(--space-md) var(--space-lg) calc(var(--space-lg) + var(--safe-bottom));padding:12px;font-size:1rem;font-weight:500;color:#fff;background:var(--color-accent);border:none;border-radius:8px;cursor:pointer}.notice-detail-close:active{opacity:.9}.searchable-select{position:relative;flex:1;min-width:120px;height:38px;align-self:center}.searchable-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;min-height:0;margin:0;padding:0 12px;font-size:.9375rem;box-sizing:border-box;color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent}.searchable-select-trigger .placeholder{color:var(--color-text-muted)}.searchable-select-arrow{flex-shrink:0;color:var(--color-text-muted);transition:transform .2s}.searchable-select.open .searchable-select-arrow{transform:rotate(180deg)}.searchable-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:240px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;overflow:hidden;display:flex;flex-direction:column}.searchable-select-search{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.searchable-select-search svg{flex-shrink:0;color:var(--color-text-muted)}.searchable-select-input{flex:1;min-width:0;padding:4px 0;font-size:.9375rem;border:none;background:transparent;outline:none}.searchable-select-list{overflow-y:auto;max-height:180px;padding:4px 0}.searchable-select-option{display:block;width:100%;padding:10px 16px;font-size:.9375rem;color:var(--color-text);background:none;border:none;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s}.searchable-select-option:hover,.searchable-select-option:active{background:#0000000d}.searchable-select-option.selected{background:#3b82f61f;color:var(--color-accent);font-weight:500}.searchable-select-empty{padding:16px;font-size:.875rem;color:var(--color-text-muted);text-align:center}.attendance-search{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.attendance-search-input{flex:1;min-width:100px;min-height:38px;padding:0 12px;line-height:38px;box-sizing:border-box;font-size:.9375rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg)}.attendance-search-input[type=date]{min-width:120px}.attendance-search-select{flex:1;min-width:120px;height:38px;min-height:38px;padding:0 12px;font-size:.9375rem;line-height:36px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);box-sizing:border-box}.attendance-search .searchable-select{height:38px;flex:1 1 auto}.attendance-search-btn{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 16px;font-size:.9375rem;font-weight:500;color:#fff;background:var(--color-accent);border:none;border-radius:6px;cursor:pointer}.attendance-search-btn:active{opacity:.9}.attendance-content{padding-top:var(--space-md);overflow-y:auto}.attendance-list{display:flex;flex-direction:column;gap:var(--space-sm)}.attendance-item{padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:background .15s}.attendance-item:active{background:#00000008}.attendance-item-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:6px}.attendance-item-name{font-size:.9375rem;font-weight:600;color:var(--color-text)}.attendance-item-type{font-size:.8125rem;color:var(--color-accent);font-weight:500}.attendance-item-meta{display:flex;align-items:center;gap:var(--space-sm);font-size:.8125rem;color:var(--color-text-muted)}.attendance-badge{padding:2px 8px;font-size:.6875rem;font-weight:600;border-radius:4px;background:var(--color-text-muted);color:#fff}.attendance-badge.proc-10{background:#6c757d}.attendance-badge.proc-20{background:#0d6efd}.attendance-badge.proc-30,.attendance-badge.proc-40,.attendance-badge.proc-50,.attendance-badge.proc-60{background:#198754}.attendance-badge.proc-70,.attendance-badge.proc-80{background:#dc3545}.attendance-item-memo{margin-top:6px;font-size:.8125rem;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.attendance-loading,.attendance-empty,.attendance-loading-more{padding:var(--space-xl) 0;text-align:center;font-size:.9375rem;color:var(--color-text-muted)}.attendance-sentinel{height:1px;visibility:hidden;pointer-events:none}.attendance-detail-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:flex-end;justify-content:center;padding:0}.attendance-detail-modal{width:100%;max-width:480px;max-height:85dvh;display:flex;flex-direction:column;background:var(--color-surface);border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #00000026}.attendance-detail-header{padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.attendance-detail-header h2{margin:0 0 8px;font-size:1.125rem;font-weight:600;color:var(--color-text);line-height:1.4}.attendance-detail-meta{display:flex;gap:var(--space-md);font-size:.8125rem;color:var(--color-text-muted)}.attendance-detail-date{margin-top:4px;font-size:.8125rem;color:var(--color-text-muted)}.attendance-detail-body{flex:1;overflow-y:auto;padding:var(--space-lg)}.attendance-detail-content{font-size:.9375rem;line-height:1.6;color:var(--color-text)}.attendance-detail-content p{margin:0 0 12px}.attendance-detail-close{margin:var(--space-md) var(--space-lg) calc(var(--space-lg) + var(--safe-bottom));padding:12px;font-size:1rem;font-weight:500;color:#fff;background:var(--color-accent);border:none;border-radius:8px;cursor:pointer}.attendance-detail-close:active{opacity:.9}.disburse-search{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.disburse-search-input{flex:1;min-width:100px;min-height:38px;padding:0 12px;line-height:38px;box-sizing:border-box;font-size:.9375rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg)}.disburse-search-input[type=date]{min-width:120px}.disburse-search-select{flex:1;min-width:120px;height:38px;min-height:38px;padding:0 12px;font-size:.9375rem;line-height:36px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);box-sizing:border-box}.disburse-search .searchable-select{height:38px;flex:1 1 auto}.disburse-search-btn{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 16px;font-size:.9375rem;font-weight:500;color:#fff;background:var(--color-accent);border:none;border-radius:6px;cursor:pointer}.disburse-search-btn:active{opacity:.9}.disburse-content{padding-top:var(--space-md);overflow-y:auto}.disburse-list{display:flex;flex-direction:column;gap:var(--space-sm)}.disburse-item{padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:background .15s}.disburse-item:active{background:#00000008}.disburse-item-header{display:flex;align-items:flex-start;gap:var(--space-sm);margin-bottom:6px}.disburse-item-subject{flex:1;font-size:.9375rem;font-weight:600;color:var(--color-text);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.disburse-item-status{flex-shrink:0;font-size:.6875rem;font-weight:600;padding:3px 8px;border-radius:6px;white-space:nowrap}.disburse-item-status--draft{background:#e2e8f0;color:#64748b}.disburse-item-status--pending{background:#dbeafe;color:#1d4ed8;border:1px solid #93c5fd}.disburse-item-status--approved{background:#dcfce7;color:#15803d;border:1px solid #86efac}.disburse-item-status--settlement{background:#fef3c7;color:#b45309;border:1px solid #fcd34d}.disburse-item-status--complete{background:#dcfce7;color:#15803d;font-weight:700;box-shadow:0 1px 2px #22c55e33}.disburse-item-status--rejected{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5;font-weight:700}.disburse-item-meta{display:flex;flex-wrap:wrap;gap:var(--space-sm);font-size:.8125rem;color:var(--color-text-muted)}.disburse-loading,.disburse-empty,.disburse-loading-more{padding:var(--space-xl) 0;text-align:center;font-size:.9375rem;color:var(--color-text-muted)}.disburse-sentinel{height:1px;visibility:hidden;pointer-events:none}.disburse-detail-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:flex-end;justify-content:center;padding:0}.disburse-detail-modal{width:100%;max-width:480px;max-height:85dvh;display:flex;flex-direction:column;background:var(--color-surface);border-radius:16px 16px 0 0;box-shadow:0 -4px 20px #00000026}.disburse-detail-header{padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.disburse-detail-header h2{margin:0 0 8px;font-size:1.125rem;font-weight:600;color:var(--color-text);line-height:1.4}.disburse-detail-meta{display:flex;gap:var(--space-md);font-size:.8125rem;color:var(--color-text-muted)}.disburse-detail-date{margin-top:4px;font-size:.8125rem;color:var(--color-text-muted)}.disburse-detail-body{flex:1;overflow-y:auto;padding:var(--space-lg)}.disburse-detail-content{font-size:.9375rem;line-height:1.6;color:var(--color-text)}.disburse-detail-content p{margin:0 0 12px}.disburse-detail-html{margin-top:12px}.disburse-detail-html strong{display:block;margin-bottom:6px}.disburse-detail-html p{margin:0 0 8px;line-height:1.6}.disburse-detail-html a{color:var(--color-accent);word-break:break-all}.disburse-detail-section{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--color-border)}.disburse-detail-section-title{display:flex;align-items:center;gap:6px;margin-bottom:var(--space-sm);font-size:.9375rem;font-weight:600;color:var(--color-text)}.disburse-detail-thing{padding:var(--space-sm) 0;font-size:.875rem;color:var(--color-text-muted);border-bottom:1px dashed var(--color-border)}.disburse-detail-thing:last-child{border-bottom:none}.disburse-detail-thing>div{margin-bottom:2px}.disburse-detail-files{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.disburse-detail-file{flex:0 0 auto}.disburse-detail-file a{color:var(--color-accent);word-break:break-all}.disburse-detail-fileimg{max-width:120px;max-height:120px;border-radius:6px;border:1px solid var(--color-border)}.disburse-detail-close{margin:var(--space-md) var(--space-lg) calc(var(--space-lg) + var(--safe-bottom));padding:12px;font-size:1rem;font-weight:500;color:#fff;background:var(--color-accent);border:none;border-radius:8px;cursor:pointer}.disburse-detail-close:active{opacity:.9}.visitlog-tabs{display:flex;gap:0;padding:0 var(--space-lg);background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:5}.visitlog-tab{flex:1;padding:var(--space-md) var(--space-lg);border:none;background:transparent;font-size:.9375rem;font-weight:500;color:var(--color-text-muted);border-bottom:3px solid transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.visitlog-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.visitlog-error{padding:var(--space-sm) var(--space-md);background:#fef2f2;color:#dc2626;font-size:.875rem;border-radius:var(--radius-md);margin-bottom:var(--space-md)}.visitlog-form{display:flex;flex-direction:column;gap:var(--space-lg)}.visitlog-section{padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.visitlog-section-title{font-size:.9375rem;font-weight:600;color:var(--color-text);margin:0 0 var(--space-md);padding-bottom:var(--space-xs);border-bottom:1px solid var(--color-border)}.visitlog-field-row{display:flex;gap:var(--space-md)}.visitlog-field-row .visitlog-field{flex:1}.visitlog-field{margin-bottom:var(--space-md)}.visitlog-field:last-child{margin-bottom:0}.visitlog-field label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text);margin-bottom:var(--space-xs)}.visitlog-field select,.visitlog-field input,.visitlog-field textarea{width:100%;padding:var(--space-md) var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.9375rem;font-family:inherit;color:var(--color-text);background:var(--color-surface);-webkit-appearance:none;appearance:none;box-sizing:border-box}.visitlog-field input::placeholder,.visitlog-field textarea::placeholder{color:var(--color-text-muted);opacity:.8}.visitlog-field input:focus,.visitlog-field select:focus,.visitlog-field textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px #3b82f626}.visitlog-field input[type=datetime-local],.visitlog-field input[type=time]{min-height:44px}.visitlog-field textarea{resize:vertical;min-height:100px;line-height:1.5}.visitlog-photos{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:flex-start}.visitlog-photo-preview{position:relative;width:80px;height:80px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.visitlog-photo-preview img{width:100%;height:100%;object-fit:cover}.visitlog-photo-remove{position:absolute;top:2px;right:2px;width:22px;height:22px;border:none;border-radius:50%;background:#0009;color:#fff;font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.visitlog-photo-add{width:80px;height:80px;border:2px dashed var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);font-size:.75rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.visitlog-photo-add:hover,.visitlog-photo-add:active{border-color:var(--color-accent);color:var(--color-accent)}.visitlog-submit{padding:var(--space-md) var(--space-xl);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.visitlog-submit:disabled{opacity:.6;cursor:not-allowed}.visitlog-form-actions{display:flex;gap:var(--space-md);align-items:center}.visitlog-cancel{padding:var(--space-md) var(--space-lg);background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.9375rem;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent}.visitlog-cancel:hover{border-color:var(--color-text-muted);color:var(--color-text)}.visitlog-list ul{list-style:none;margin:0;padding:0}.visitlog-item{padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-md);cursor:pointer;-webkit-tap-highlight-color:transparent}.visitlog-item-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-xs)}.visitlog-item-header-right{display:flex;align-items:center;gap:var(--space-sm)}.visitlog-view-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:.75rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent}.visitlog-view-btn:hover{background:#f1f5f9;border-color:var(--color-text-muted)}.visitlog-edit-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--color-accent);background:transparent;color:var(--color-accent);font-size:.75rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;-webkit-tap-highlight-color:transparent}.visitlog-edit-btn:hover{background:var(--color-accent);color:#fff}.visitlog-item-store{font-weight:600;font-size:.9375rem;color:var(--color-text)}.visitlog-checkbadge{display:inline-flex;align-items:center;gap:2px;padding:2px 8px;background:#22c55e20;color:#22c55e;font-size:.75rem;font-weight:600;border-radius:999px}.visitlog-unchecked-badge{display:inline-flex;align-items:center;gap:2px;padding:2px 8px;background:#f1f5f9;color:var(--color-text-muted);font-size:.75rem;font-weight:500;border-radius:999px}.visitlog-item-memo{font-size:.875rem;color:var(--color-text);margin:0 0 var(--space-xs);white-space:pre-wrap}.visitlog-item-extra{font-size:.75rem;color:var(--color-text-muted);margin:0 0 var(--space-xs)}.visitlog-item-comment{font-size:.8125rem;color:var(--color-text-muted);margin:0 0 var(--space-xs);padding:var(--space-xs) var(--space-sm);background:#f8fafc;border-left:3px solid var(--color-accent);border-radius:var(--radius-sm);white-space:pre-wrap}.visitlog-comment-label{font-weight:600;color:var(--color-accent)}.visitlog-admin-section{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px dashed var(--color-border)}.visitlog-admin-in-modal{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-md)}.visitlog-admin-toggle{padding:6px 12px;background:#f1f5f9;color:var(--color-accent);border:1px solid var(--color-border);font-size:.8125rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;-webkit-tap-highlight-color:transparent}.visitlog-admin-toggle:hover{background:#e2e8f0}.visitlog-admin-edit{display:flex;flex-direction:column;gap:var(--space-sm)}.visitlog-admin-row{display:flex;flex-direction:column;gap:4px}.visitlog-admin-row label{font-size:.8125rem;font-weight:500;color:var(--color-text-muted)}.visitlog-admin-select,.visitlog-admin-textarea{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;font-family:inherit;color:var(--color-text);background:var(--color-surface);box-sizing:border-box}.visitlog-admin-textarea{resize:vertical;min-height:60px;line-height:1.5}.visitlog-admin-actions{display:flex;gap:var(--space-sm)}.visitlog-admin-save{padding:var(--space-xs) var(--space-md);background:var(--color-accent);color:#fff;border:none;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;-webkit-tap-highlight-color:transparent}.visitlog-admin-save:disabled{opacity:.6;cursor:not-allowed}.visitlog-admin-cancel{padding:var(--space-xs) var(--space-md);background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border);font-size:.875rem;border-radius:var(--radius-md);cursor:pointer;-webkit-tap-highlight-color:transparent}.visitlog-item-date{font-size:.75rem;color:var(--color-text-muted);margin:0}.visitlog-item-thumbs{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin:var(--space-sm) 0}.visitlog-thumb-btn{padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;width:56px;height:56px;flex-shrink:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.visitlog-thumb-btn img{width:100%;height:100%;object-fit:cover}.visitlog-modal-overlay{position:fixed;inset:0;z-index:1000;background:#000000e6;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.visitlog-modal-img{max-width:100%;max-height:100%;object-fit:contain}.d-none{display:none!important}.visitlog-detail-modal{width:100%;max-width:480px;max-height:85vh;margin:auto;background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.visitlog-detail-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0}.visitlog-detail-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--color-text)}.visitlog-detail-close{padding:var(--space-xs) var(--space-md);background:transparent;color:var(--color-accent);border:1px solid var(--color-accent);font-size:.875rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;-webkit-tap-highlight-color:transparent}.visitlog-detail-body{overflow-y:auto;padding:var(--space-md)}.visitlog-detail-section{margin-bottom:var(--space-md)}.visitlog-detail-section p{margin:0 0 var(--space-xs);font-size:.875rem;color:var(--color-text)}.visitlog-detail-memo,.visitlog-detail-text,.visitlog-detail-comment{white-space:pre-wrap;font-size:.875rem;color:var(--color-text);padding:var(--space-sm);background:#f8fafc;border-radius:var(--radius-sm);margin-top:var(--space-xs)}.visitlog-detail-thumbs{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-xs)}.visitinfo-alert{background:#d4edda;color:#155724;padding:var(--space-md) var(--space-lg);border-radius:8px;margin-bottom:var(--space-lg);font-size:.9375rem}.visitinfo-section{background:var(--color-surface);border-radius:8px;overflow:hidden;border:1px solid var(--color-border)}.visitinfo-title{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:#0d6efd;color:#fff;font-weight:600;font-size:1rem}.visitinfo-item{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:4px}.visitinfo-item:last-of-type{border-bottom:none}.visitinfo-item .label{font-size:.8125rem;color:var(--color-text-muted)}.visitinfo-item .value{font-size:.9375rem;font-weight:500}.visitinfo-item .value.info{color:#0d6efd;font-weight:600}.visitinfo-radio .radio-group{display:flex;gap:var(--space-lg);margin-top:4px}.visitinfo-radio label{display:inline-flex;align-items:center;gap:6px;font-size:.9375rem;cursor:pointer}.visitinfo-item input[type=date],.visitinfo-item input[type=text],.visitinfo-item select,.visitinfo-item textarea{padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:.9375rem}.visitinfo-item .input-row{display:flex;gap:var(--space-sm)}.visitinfo-item .input-row input{flex:1}.visitinfo-item .input-row select{width:90px}.visitinfo-memobtn{margin-top:var(--space-sm)}.visitinfo-memolist{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border)}.visitinfo-memolist .memo-item{padding:6px 0;border-bottom:1px dotted #ccc;font-size:.875rem}.visitinfo-memolist .memo-item:last-child{border-bottom:none}.visitinfo-memolist .memo-date{color:var(--color-text-muted);font-size:.8125rem}.visitinfo-savebtn{margin:var(--space-lg);width:calc(100% - var(--space-lg) * 2);margin-left:var(--space-lg);margin-right:var(--space-lg);padding:12px}.btn{display:inline-block;padding:10px 20px;border-radius:8px;font-size:.9375rem;font-weight:500;text-align:center;cursor:pointer;transition:opacity .15s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#0d6efd;color:#fff}.btn-primary:hover:not(:disabled){background:#0b5ed7}.btn-sm{padding:6px 12px;font-size:.875rem}.visitinfo-success{color:#198754;font-size:.9375rem;padding:var(--space-sm) var(--space-lg)}.visitinfo-error{color:#dc3545;font-size:.9375rem;padding:var(--space-sm) var(--space-lg)}.visitinfo-alert{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px;padding:12px;margin-bottom:16px;font-size:.95rem}.visitinfo-section{margin-bottom:20px;border:1px solid #dee2e6;border-radius:4px;overflow:hidden}.visitinfo-title{display:flex;align-items:center;gap:8px;padding:10px 12px;background-color:#0d6efd;color:#fff;font-weight:600}.visitinfo-item{padding:10px 12px;border-bottom:1px solid #eee}.visitinfo-item:last-child{border-bottom:none}.visitinfo-item .label{font-weight:600;margin-right:8px}.visitinfo-item .value.danger{color:#dc3545;font-weight:600}.visitinfo-item a{margin-left:8px;color:#0d6efd}.visitinfo-photo-preview{max-width:100%;max-height:200px;margin-top:8px;border:1px solid #ddd;border-radius:4px}.visitinfo-signature-wrap{min-height:120px;border:1px solid #ccc;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#f9f9f9;margin-top:8px}.visitinfo-signature-img{max-width:100%;max-height:200px;object-fit:contain}.visitinfo-signature-placeholder{color:#999;display:flex;align-items:center;gap:8px}.visitinfo-error{color:#dc3545;margin-bottom:8px}.visitinfo-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050;padding:16px}.visitinfo-modal{background:#fff;border-radius:8px;max-width:100%;width:100%;max-height:90vh;overflow:auto}.visitinfo-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #eee}.visitinfo-modal-body{padding:16px}.visitinfo-signature-canvas-wrap{border:1px solid #ddd;border-radius:4px;overflow:hidden;margin-bottom:12px;width:100%;height:240px;touch-action:none;-webkit-user-select:none;user-select:none}.visitinfo-signature-canvas{display:block;width:100%!important;height:100%!important;touch-action:none;-webkit-touch-callout:none}.visitinfo-signature-actions{display:flex;gap:8px;justify-content:flex-end}.visitinfo-submit-btn{width:100%}.stockmove-alert{background:#d4edda;color:#155724;padding:var(--space-md) var(--space-lg);border-radius:8px;margin-bottom:var(--space-lg);font-size:.9375rem}.stockmove-section{background:var(--color-surface);border-radius:8px;overflow:hidden;border:1px solid var(--color-border);margin-bottom:var(--space-lg)}.stockmove-title{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:#0d6efd;color:#fff;font-weight:600;font-size:1rem}.stockmove-item{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border);display:flex;flex-direction:column;gap:4px}.stockmove-item:last-of-type{border-bottom:none}.stockmove-item .label,.stockmove-item>label{font-size:.875rem;font-weight:500;color:var(--color-text-muted, #6c757d)}.content-html{font-size:.9375rem;line-height:1.5;word-break:break-word}.content-html img{max-width:100%;height:auto;display:block}.content-html p{margin:.5em 0}.content-html p:first-child{margin-top:0}.stockmove-item .value{font-size:.9375rem;font-weight:500}.stockmove-item .value.danger{color:#dc3545;font-weight:600}.stockmove-item .value.info{color:#0d6efd;font-weight:600}.stockmove-phone{display:inline-flex;align-items:center;gap:4px;color:#0d6efd;text-decoration:none;margin-left:6px}.stockmove-phone:hover{text-decoration:underline}.stockmove-select{width:100%;padding:12px 36px 12px 14px;border:1px solid var(--color-border);border-radius:8px;font-size:1rem;font-weight:500;margin-top:6px;box-sizing:border-box;background-color:var(--color-surface);color:var(--color-text, #212529);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236c757d' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}.stockmove-select:focus{outline:none;border-color:#0d6efd;box-shadow:0 0 0 3px #0d6efd26}.stockmove-textarea{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:6px;font-size:.9375rem;margin-top:4px;box-sizing:border-box}.stockmove-memo-line{font-size:.9375rem;padding:4px 0}.stockmove-memo-hint{font-size:.8125rem;color:var(--color-text-muted);display:block;margin-top:4px}.stockmove-memobtn{margin-top:var(--space-sm)}.stockmove-fileimg{max-width:100%;border-radius:6px;margin-top:8px}.stockmove-file a{color:#0d6efd;text-decoration:none}.stockmove-file a:hover{text-decoration:underline}.stockmove-product-summary{background:#f1f8ff;color:#0070ff}.stockmove-product-summary .stockmove-item{border-bottom-color:#0070ff33}.stockmove-product-summary .label{color:#0070ffcc}.stockmove-product-item{padding:var(--space-md);border-bottom:1px solid var(--color-border);font-size:.9375rem}.stockmove-product-item:last-of-type{border-bottom:none}.stockmove-product-item .product-name{font-weight:600;margin-bottom:4px}.stockmove-product-item .product-vendor{margin-bottom:4px}.stockmove-product-item .label-danger{color:#dc3545}.stockmove-product-item .danger{color:#dc3545;font-weight:600}.stockmove-paydate-row{display:flex;align-items:center;gap:var(--space-sm);margin-top:6px}.stockmove-paydate-row label{font-size:.875rem;min-width:60px}.stockmove-paydate-row input{flex:1;max-width:180px;padding:6px 10px;border:1px solid var(--color-border);border-radius:6px;font-size:.9375rem}.stockmove-actions .btn-block{width:100%;padding:14px 12px;min-height:48px;cursor:pointer;-webkit-tap-highlight-color:transparent;font-size:1rem}.stockmove-total{padding:var(--space-md);font-weight:600;font-size:1rem}.stockmove-total .danger{color:#dc3545}.text-muted{color:var(--color-text-muted);font-size:.875rem}.btn-success{background:#198754;color:#fff}.btn-success:hover:not(:disabled){background:#157347}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover:not(:disabled){background:#bb2d3b}.stockmove-actions{display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-lg)}.stockmove-btn-approve,.stockmove-btn-reject{width:100%;padding:12px;display:flex;align-items:center;justify-content:center;gap:8px}.stockmove-actions-notapprov{margin-top:var(--space-md);margin-bottom:var(--space-sm)}.stockmove-btn-notapprov{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;border-radius:8px;border:none;box-sizing:border-box;color:#fff;background:#0aa2c0}.stockmove-btn-notapprov:active{opacity:.92}.stockmove-actions .stockmove-btn-notapprov:hover{color:#fff;background:#0889a3}