@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary-hue: 220;--primary: hsl(var(--primary-hue), 90%, 56%);--primary-dark: hsl(var(--primary-hue), 90%, 45%);--primary-light: hsl(var(--primary-hue), 90%, 95%);--accent-hue: 260;--accent: hsl(var(--accent-hue), 80%, 65%);--success: hsl(150, 80%, 40%);--warning: hsl(35, 90%, 60%);--danger: hsl(0, 80%, 60%);--bg-body: #f8fafc;--bg-surface: #ffffff;--bg-sidebar: #0f172a;--text-main: #1e293b;--text-muted: #64748b;--text-light: #f1f5f9;--border-color: #e2e8f0;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.1);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.1), 0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05);--transition-fast: .2s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-body);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;font-family:inherit}a{text-decoration:none;color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}#root{height:100vh;display:flex;flex-direction:column}.org-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100}.org-modal-container{background-color:#fff;width:900px;height:650px;border-radius:8px;display:flex;flex-direction:column;box-shadow:0 10px 25px #0003}.org-header{padding:16px 20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.org-header h3{font-size:1.1rem;font-weight:600;margin:0}.org-body{flex:1;display:flex;overflow:hidden;padding:20px;gap:16px;background-color:#f8fafc}.org-panel{flex:1;background-color:#fff;border:1px solid #cbd5e1;border-radius:4px;display:flex;flex-direction:column}.panel-header{padding:10px 12px;background-color:#f1f5f9;border-bottom:1px solid #cbd5e1;font-size:.85rem;font-weight:600;color:#475569}.tree-container,.selected-list{flex:1;overflow-y:auto;padding:8px 0}.tree-item{display:flex;align-items:center;padding:6px 12px;cursor:pointer;font-size:.9rem;-webkit-user-select:none;user-select:none}.tree-item:hover{background-color:#f8fafc}.tree-item.dept{font-weight:600;color:#334155;gap:6px}.tree-item.user{justify-content:space-between}.tree-item.user.selected{background-color:#eff6ff;color:var(--primary)}.tree-item-content{display:flex;align-items:center;gap:8px}.user-name{color:#1e293b}.user-role{font-size:.75rem;color:#94a3b8}.org-actions-center{display:flex;align-items:center;justify-content:center;color:#cbd5e1}.empty-state{text-align:center;margin-top:40px;color:#94a3b8;font-size:.85rem}.selected-user-item{display:flex;align-items:center;padding:8px 12px;border-bottom:1px solid #f1f5f9;gap:8px}.selected-user-item:hover{background-color:#f8fafc}.order-num{font-size:.75rem;background-color:#e2e8f0;color:#64748b;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.selected-user-item .name{flex:1;font-size:.9rem;font-weight:500}.selected-user-item .role{font-size:.8rem;color:#94a3b8}.remove-btn{background:transparent;color:#cbd5e1;padding:4px}.remove-btn:hover{color:var(--danger);background-color:#fef2f2;border-radius:4px}.org-footer{padding:24px 32px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:16px;background:#f8fafc}.btn-confirm{height:44px;min-width:120px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:0 24px;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 4px 12px #667eea4d;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.btn-confirm:hover{transform:translateY(-2px);box-shadow:0 6px 18px #667eea66}.btn-confirm:active,.btn-cancel:active{transform:translateY(0)}.btn-cancel{height:44px;padding:0 24px;background-color:#fff;border:2px solid #e2e8f0;color:#64748b;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-cancel:hover{background-color:#f1f5f9;border-color:#cbd5e1;color:#334155}.favorites-list{padding:4px}.section-divider{display:flex;align-items:center;margin:20px 0 12px;font-size:.85rem;font-weight:600;color:#64748b}.section-divider:before,.section-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.section-divider span{padding:0 10px}.fav-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 4px 6px -1px #0000000d;transition:all .2s ease}.fav-card:hover{box-shadow:0 10px 15px -3px #00000014;transform:translateY(-2px);border-color:#cbd5e1}.fav-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.fav-title-group{display:flex;align-items:center;gap:8px}.fav-icon{font-size:1.1rem}.fav-name{font-weight:600;color:#1e293b;font-size:.95rem}.fav-count-badge{background:#f1f5f9;color:#64748b;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500}.fav-preview{background:#f8fafc;border-radius:8px;padding:10px;margin-bottom:15px;min-height:42px;display:flex;align-items:center}.fav-preview-flow{font-size:.85rem;color:#475569;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fav-preview-flow .arrow{color:#cbd5e1;margin:0 6px}.fav-empty-text{font-size:.8rem;color:#94a3b8;font-style:italic}.fav-actions{display:grid;grid-template-columns:2fr 1.5fr;gap:10px}.btn-fav-load{background:#eff6ff;color:#2563eb;border:1px solid #dbeafe;border-radius:6px;padding:8px;font-size:.85rem;font-weight:600;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .2s}.btn-fav-load:hover{background:#2563eb;color:#fff;border-color:#2563eb}.btn-fav-save{background:#fff;color:#64748b;border:1px solid #e2e8f0;border-radius:6px;padding:8px;font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .2s}.btn-fav-save:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease}.modal-container{background-color:#fff;width:100%;max-width:900px;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:90vh;animation:slideUp .3s ease}.modal-header{padding:24px 32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;align-items:center;border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);box-shadow:0 4px 12px #0000001a}.modal-header h3{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.025em}.close-btn{background:#ffffff1a;color:#fff;padding:8px;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2)}.close-btn:hover{background-color:#fff3;transform:rotate(90deg);color:#fff}.modal-body{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full{width:100%}.form-row{display:flex;gap:20px}.form-row .form-group{flex:1}.form-group label{font-size:.9rem;font-weight:600;color:var(--text-main)}.form-input,.form-select,.form-textarea{padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.95rem;outline:none;transition:border-color .2s;font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.date-input-wrapper{position:relative;display:flex;align-items:center;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:0 12px;background-color:#fff}.date-input-wrapper svg{color:var(--text-muted);margin-right:8px}.date-input-wrapper input{border:none;outline:none;padding:10px 0;flex:1;font-family:inherit}.approval-line-preview{background-color:#f8fafc;padding:16px;border-radius:var(--radius-sm);border:1px dashed var(--border-color)}.line-steps{display:flex;align-items:center;margin-top:8px}.step{display:flex;flex-direction:column;align-items:center;background-color:#fff;padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-color);min-width:80px}.step.active{border-color:var(--primary);background-color:#eff6ff}.step-role{font-size:.75rem;color:var(--text-muted)}.step-name{font-size:.9rem;font-weight:600}.step-arrow{margin:0 12px;color:var(--text-muted);font-weight:700}.form-section{border-top:1px solid var(--border-color);padding-top:20px;display:flex;flex-direction:column;gap:16px}.form-section h4{font-size:1rem;font-weight:600;color:var(--text-muted);margin:0}.modal-footer{padding:32px;border-top:1px solid #e2e8f0;background:#f8fafc;display:flex;justify-content:center;gap:20px;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.btn-cancel,.btn-submit{height:52px;width:200px;border-radius:12px;font-size:16px;font-weight:700;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;outline:none}.btn-cancel{background:linear-gradient(135deg,#e11d48,#fb7185)!important;color:#fff!important;border:none!important;box-shadow:0 6px 20px #e11d4859!important;position:relative;overflow:hidden}.btn-cancel:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .7s ease}.btn-cancel:hover:before{left:100%}.btn-cancel:hover{transform:translateY(-3px);box-shadow:0 12px 30px #e11d4880!important;background:linear-gradient(135deg,#f43f5e,#fda4af)!important}.btn-submit{background:linear-gradient(135deg,#6366f1,#a855f7)!important;color:#fff!important;border:none!important;box-shadow:0 6px 20px #6366f159!important;position:relative;overflow:hidden}.btn-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .7s ease}.btn-submit:hover:before{left:100%}.btn-submit:hover{transform:translateY(-3px);box-shadow:0 12px 30px #6366f180!important;background:linear-gradient(135deg,#818cf8,#c084fc)!important}.btn-submit:active,.btn-cancel:active{transform:translateY(-1px);box-shadow:0 4px 10px #0003!important}.btn-action-secondary,.btn-add-row{background:#fff;color:#7c3aed;border:1.5px solid #ddd6fe;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;display:flex;flex-direction:row;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-action-secondary:hover,.btn-add-row:hover{background-color:#f5f3ff;border-color:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed33}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.form-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.btn-add-row{background:#fff;color:#7c3aed;border:1.5px solid #ddd6fe;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;display:flex;flex-direction:row;align-items:center;gap:6px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #7c3aed1a;white-space:nowrap}.btn-add-row:hover{background-color:#f5f3ff;border-color:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed33}.expense-table{width:100%;border-collapse:collapse;font-size:.9rem}.expense-table th{text-align:center;padding:8px;background-color:#f8fafc;border-bottom:2px solid #e2e8f0;font-weight:600;color:#64748b}.expense-table td{padding:8px;border-bottom:1px solid #e2e8f0}.table-input{width:100%;padding:8px;border:1px solid #e2e8f0;border-radius:4px;font-size:.9rem;outline:none;font-family:inherit}.table-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.table-input.text-right,.text-right{text-align:right}.text-center{text-align:center}.font-bold{font-weight:700}.text-primary{color:var(--primary)}.btn-remove-row{background:transparent;color:#cbd5e1;padding:6px;border-radius:4px}.btn-remove-row:hover:not(:disabled){color:var(--danger);background-color:#fefff2}.btn-remove-row:disabled{opacity:.2;cursor:not-allowed}.expense-table tfoot td{border-top:2px solid #cbd5e1;border-bottom:none;padding-top:16px;font-size:1rem}.file-upload-container{padding:20px;background-color:#f8fafc;border:2px dashed #e2e8f0;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:16px}.file-upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:var(--primary);gap:8px;padding:12px;transition:background-color .2s;border-radius:var(--radius-sm)}.file-upload-dropzone:hover{background-color:var(--primary-light)}.selected-files-list{display:flex;flex-direction:column;gap:8px}.selected-file-item{display:flex;align-items:center;background:#fff;padding:8px 12px;border-radius:4px;border:1px solid #e2e8f0;font-size:.9rem}.selected-file-item.existing{border-left:4px solid var(--primary)}.file-badge{padding:2px 6px;font-size:.7rem;font-weight:700;border-radius:4px;margin-right:8px;color:#fff}.file-badge.existing{background-color:var(--primary)}.file-badge.new{background-color:var(--success)}.file-name{flex:1;font-weight:500}.file-size{color:var(--text-muted);margin:0 10px}.btn-remove-file{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center}.btn-remove-file:hover{color:var(--danger)}.approval-form-table{width:100%;border-collapse:collapse;margin-top:10px;border-top:2px solid #333}.approval-form-table th{background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 15px;text-align:left;font-weight:600;color:#475569;width:120px;vertical-align:middle}.approval-form-table td{border-bottom:1px solid #e2e8f0;padding:12px 15px;vertical-align:middle}.approval-form-table input[type=text],.approval-form-table textarea,.approval-form-table select{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:var(--radius-sm);font-size:.95rem;transition:all .2s}.approval-form-table textarea{resize:vertical;min-height:80px}.approval-form-table .date-range-container{display:flex;align-items:center;gap:10px}.approval-form-table .vacation-type-container{display:flex;gap:20px;align-items:flex-start}.approval-form-table .vacation-option{display:flex;flex-direction:column;gap:5px}@media screen and (max-width:768px){.modal-container{width:100%!important;height:100%;max-height:100%;border-radius:0;display:flex;flex-direction:column}.modal-header{padding:16px;border-radius:0}.modal-body{padding:16px;flex:1;overflow-y:auto;overflow-x:hidden!important}.modal-footer{padding:16px 16px 80px!important;flex-direction:row;gap:12px;border-radius:0;background-color:#fff;border-top:1px solid #e2e8f0;box-shadow:0 -8px 20px #0000001f!important}.btn-cancel,.btn-submit{height:48px;width:100%;font-size:1rem;border-radius:8px;flex:1}.form-row{flex-direction:column;gap:16px}.approval-form-table,.approval-form-table tbody{display:contents!important}.approval-form-table{width:100%!important}.approval-form-table colgroup,.approval-form-table col{display:none!important}.approval-form-table tr{display:block!important;background-color:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:12px!important;padding:16px!important;margin-bottom:16px!important;box-sizing:border-box!important;width:auto!important;max-width:100%!important}.approval-form-table tr:last-child{margin-bottom:0!important}.approval-form-table th{display:block!important;width:100%!important;text-align:left!important;background:none!important;padding:0 0 8px!important;color:#64748b!important;font-size:.85rem!important;font-weight:600!important}.approval-form-table td{display:block!important;width:100%!important;padding:0 0 16px!important;border:none!important;box-sizing:border-box!important}.approval-form-table td:last-child{padding-bottom:0!important;border-top:1px dashed #e2e8f0!important;padding-top:12px!important;margin-top:4px!important}.date-range-container{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;background:#fff!important;padding:10px!important;border-radius:8px!important;border:1px solid #e2e8f0!important;width:100%!important;box-sizing:border-box!important}.date-range-container span{text-align:center!important;color:#94a3b8!important;font-size:.8rem!important;flex-shrink:0}.date-input-wrapper{flex:1!important;min-width:0!important;box-sizing:border-box!important;padding:0 4px!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important}.date-input-wrapper svg{display:none!important}.date-input-wrapper input{width:100%!important;height:100%!important;min-width:0!important;font-size:14px!important;padding:0!important;text-align:center;background:transparent!important}.vacation-type-container{display:flex!important;flex-direction:column!important;gap:6px!important;background:#fff!important;padding:8px!important;border-radius:8px!important;border:1px solid #e2e8f0!important;width:100%!important;box-sizing:border-box!important}.vacation-option{padding:8px 12px!important;border-radius:6px!important;background:#f1f5f9!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;box-sizing:border-box!important;font-size:.85rem!important}.vacation-option:has(input:checked){background:#e0f2fe!important;border:1px solid #7dd3fc!important}.vacation-sub-option{margin:8px 0 0 10px!important;padding:8px!important;background:#fff!important;border-radius:6px!important;border:1px solid #e2e8f0!important;display:flex!important;gap:12px!important;width:auto!important;max-width:calc(100% - 12px)!important;box-sizing:border-box!important}.form-group.full>div{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.btn-secondary{justify-content:center;width:auto!important;align-self:flex-start;padding:6px 12px!important;font-size:.85rem!important;min-height:36px}.expense-table-container{width:100%!important;display:block!important;box-sizing:border-box!important;overflow:hidden!important}.expense-table,.expense-table tbody{display:contents!important}.expense-table thead{display:none!important}.expense-table tr{display:block!important;background-color:#f8fafc!important;border:1px solid #e2e8f0!important;border-radius:8px!important;padding:16px!important;margin-bottom:16px!important;box-sizing:border-box!important;width:auto!important;min-width:0!important;max-width:100%!important}.expense-table td{display:block!important;width:100%!important;padding:0 0 16px!important;border:none!important;box-sizing:border-box!important}.expense-table td:last-child{padding-bottom:0!important;display:flex;justify-content:flex-end;border-top:1px dashed #e2e8f0!important;padding-top:12px!important;margin-top:4px!important}.table-input{display:block!important;width:100%!important;min-width:0!important;height:48px!important;padding:0 12px!important;border:1px solid #cbd5e1!important;border-radius:6px!important;background-color:#fff!important;font-size:16px!important;margin-top:6px!important;box-sizing:border-box!important;color:#1e293b!important}.expense-table tbody td:before{content:attr(data-label);display:block;font-weight:600;font-size:14px;color:#64748b;margin-bottom:4px}.expense-table tbody td:nth-child(1):before{content:"적요 (사용 내역)"}.expense-table tbody td:nth-child(2):before{content:"금액 (원)"}.expense-table tbody td:nth-child(3):before{content:"거래처"}.expense-table tbody td:nth-child(4):before{content:"비고"}.btn-remove-row{padding:8px 16px;background-color:#fee2e2;color:#ef4444;border-radius:6px;display:flex;align-items:center;gap:6px;font-weight:600;font-size:.85rem}.btn-remove-row:after{content:" 삭제"}.expense-table tfoot{display:block;margin-top:12px}.expense-table tfoot tr{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;background-color:#fff7ed;border:1px solid #ffedd5;border-radius:12px;padding:16px;width:auto!important}.expense-table tfoot td{width:auto!important;padding:0!important;display:block!important}.expense-table tfoot td:before{display:none!important}.expense-table tfoot td[colSpan="4"],.expense-table tfoot td[colSpan="3"]{display:none}.line-steps{flex-direction:row;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.step{min-width:100px;flex-shrink:0}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.detail-modal-container{background-color:transparent;width:98vw;height:95vh;max-width:1800px;border-radius:var(--radius-lg);display:flex;flex-direction:row;flex-wrap:nowrap;animation:slideUp .3s ease;overflow:hidden;gap:16px;z-index:1001;position:relative;box-shadow:0 25px 50px -12px #00000040}.modal-left-panel{flex:1;min-width:0;background-color:#525659;padding:40px;overflow-y:auto;display:flex;justify-content:center;border-radius:var(--radius-lg)}.document-paper{background-color:#fff;width:100%;max-width:210mm;min-height:297mm;padding:20mm 15mm;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;flex-direction:column;margin:auto 0}.doc-paper-header{display:flex;flex-direction:column;gap:20px;margin-bottom:32px;border-bottom:2px solid #333;padding-bottom:24px}.doc-paper-title{width:100%;text-align:center;margin-bottom:10px}.doc-paper-title h2{font-size:2rem;font-weight:800;margin:0;color:#111}.modal-right-panel{width:320px;flex-shrink:0;background-color:#fff;border-radius:var(--radius-lg);display:flex;flex-direction:column;box-shadow:var(--shadow-lg);border-left:1px solid var(--border-color)}.sidebar-header{padding:20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.sidebar-header h3{margin:0;font-size:1.1rem;font-weight:700;color:var(--text-main)}.sidebar-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:24px}.sidebar-section h4{font-size:.9rem;color:var(--text-muted);margin-bottom:12px;text-transform:uppercase;font-weight:600;letter-spacing:.05em}.sidebar-footer{padding:20px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:12px;background-color:#fff}.btn-full{width:100%;justify-content:center;padding:12px}.flow-timeline{position:relative;padding-left:16px;border-left:2px solid #e2e8f0;display:flex;flex-direction:column;gap:20px}.timeline-item{position:relative}.timeline-dot{position:absolute;left:-21px;top:0;width:10px;height:10px;border-radius:50%;background-color:#cbd5e1;border:2px solid white}.timeline-item.approved .timeline-dot{background-color:var(--success)}.timeline-item.rejected .timeline-dot{background-color:var(--danger)}.timeline-item.pending .timeline-dot{background-color:var(--warning)}.timeline-content{display:flex;flex-direction:column;gap:2px}.ti-role{font-size:.75rem;color:var(--text-muted)}.ti-name{font-size:.9rem;font-weight:600}.ti-date{font-size:.75rem;color:var(--text-muted)}.ti-status{font-size:.8rem;font-weight:500}.ti-status.approved{color:var(--success)}.ti-status.rejected{color:var(--danger)}.ti-status.pending{color:var(--warning)}.referrer-tags{display:flex;flex-wrap:wrap;gap:8px}.ref-tag{background-color:#f1f5f9;padding:4px 10px;border-radius:999px;font-size:.8rem;color:var(--text-main)}.attachment-list{display:flex;flex-direction:column;gap:8px}.attachment-item{display:flex;align-items:center;gap:10px;padding:10px;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;text-decoration:none;color:var(--text-main);transition:all .2s}.attachment-item:hover{background-color:#f1f5f9;border-color:var(--primary);transform:translateY(-1px)}.attachment-item .file-name{flex:1;font-size:.85rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-item .download-icon{color:var(--text-muted)}.attachment-item:hover .download-icon{color:var(--primary)}.print-file-list{border:1px solid #e2e8f0;padding:10px;border-radius:4px;background-color:#fcfcfc}.compact-comments{display:flex;flex-direction:column;gap:12px}.compact-comment-item{background-color:#f8fafc;padding:10px;border-radius:8px;font-size:.85rem}.cc-header{display:flex;justify-content:space-between;margin-bottom:4px;font-size:.75rem;color:var(--text-muted)}.cc-text{line-height:1.4}.paper-content{flex:1;font-size:1rem;line-height:1.8;display:flex;flex-direction:column}.doc-subject{font-size:1.8rem;font-weight:800;text-align:center;margin-bottom:32px;color:#0f172a;letter-spacing:-.02em}.doc-form-title{font-size:2.5rem;font-weight:900;text-align:center;margin-bottom:40px;color:#111;letter-spacing:.2rem;text-decoration:underline;text-underline-offset:8px}.doc-subject-line{font-size:1.1rem;margin-bottom:20px;border-bottom:1px solid #e2e8f0;padding-bottom:10px}.doc-subject-line .label{font-weight:800;margin-right:10px}.doc-summary-text{margin-bottom:20px;font-size:1.1rem}.paper-sign-area{margin-top:30px;text-align:center;font-size:1.2rem}.hospital-footer{margin-top:auto;text-align:center;display:flex;justify-content:center;align-items:center;padding-top:40px}.footer-logo{height:40px;object-fit:contain}.doc-info-table{width:100%;border-collapse:collapse;margin-bottom:20px}.doc-info-table th{background-color:#f8fafc;border:1px solid #1e293b;padding:8px;font-weight:700;width:15%;text-align:center;color:#334155}.doc-info-table td{border:1px solid #1e293b;padding:8px;width:35%;text-align:center;color:#0f172a;font-weight:500}.doc-form-table{width:100%;border-collapse:collapse;margin-top:20px;table-layout:fixed}.expense-form-wrapper{margin-left:-30px;margin-right:-30px;width:calc(100% + 60px)}.doc-form-table tfoot td.text-right{white-space:nowrap!important}.doc-form-table th,.doc-form-table td{border:1px solid #1e293b;padding:10px;font-size:.95rem;word-break:break-word;white-space:pre-wrap}.doc-form-table tfoot th,.doc-form-table tfoot td{border:1px solid #1e293b;padding:10px;font-size:.95rem}.doc-form-table thead th{background-color:#f8fafc;text-align:center;font-weight:800;color:#0f172a}.doc-form-table .text-center{text-align:center}.doc-form-table .text-right{text-align:right}.expense-table th,.expense-table td{font-size:.8rem!important;padding:6px!important;vertical-align:middle}.approval-area-wrapper{display:flex;border:1px solid #1e293b;margin-top:20px;background-color:#fff}.approval-header-label{width:40px;background-color:#f1f5f9;display:flex;align-items:center;justify-content:center;border-right:1px solid #1e293b;font-weight:700;color:#334155}.approval-box-container{display:flex;flex:1;border:none!important}.approval-box{display:flex;flex-direction:column;flex:1;border-left:1px solid #1e293b!important;text-align:center}.approval-box:first-child{border-left:none!important}.box-role{background-color:#f1f5f9;padding:4px;font-size:.75rem;border-bottom:1px solid #1e293b!important;font-weight:600;color:#334155}.box-sign{height:64px;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;position:relative}.box-sign.approved{color:var(--primary);font-family:serif}.box-sign.rejected{color:var(--danger);font-weight:700}.box-date{font-size:.7rem;border-top:1px solid #1e293b!important;padding:2px;color:#666}.stamp-circle{border:2px solid var(--primary);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:.8rem;transform:rotate(-15deg);opacity:.8}.official-form-table{width:100%;border-collapse:collapse;border:2px solid #000;font-size:.9rem;margin-bottom:20px}.official-form-table td{border:1px solid #000;padding:6px;text-align:center;vertical-align:middle}.form-title{font-size:2rem;font-weight:800;height:100px;letter-spacing:.1em}.bg-gray{background-color:#f0f0f0}.vertical-text{width:30px;line-height:1.2}.sign-row{height:60px}.stamp-placeholder{height:100%;display:flex;align-items:center;justify-content:center}.stamp-circle-sm{border:2px solid #2563eb;color:#2563eb;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:.75rem;opacity:.9;transform:rotate(-10deg)}.bold-text{font-weight:700}.text-right{text-align:right!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.padding-left-10{padding-left:10px!important}.padding-right-10{padding-right:10px!important}.small-text{font-size:.8rem}.footer-sign-area{padding:40px 0;text-align:center}.dept-assign-row{display:flex;justify-content:space-between;border-top:2px solid #000;border-bottom:2px solid #000;margin-top:20px}.assign-box{display:flex;flex:1}.assign-box span{padding:10px;border-right:1px solid #000}.label-box{width:100px;font-weight:700;border-left:1px solid #000}.value-box{flex:1;text-align:left}.hospital-logo-placeholder{margin-top:30px;text-align:center;color:#007bff;display:flex;justify-content:center;align-items:center;gap:8px}.hospital-logo-placeholder h2{font-size:1.8rem;font-weight:800;margin:0;font-family:sans-serif}.comment-input-area{display:flex;align-items:center;gap:8px;padding:12px 0 4px;margin-top:auto;border-top:1px solid var(--border-color)}.comment-input-area input{flex:1;padding:12px 16px;height:46px;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;outline:none;transition:all .2s;background-color:#f8fafc}.comment-input-area input:focus{border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 2px #2563eb1a}.btn-send{background-color:var(--primary);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;transition:background-color .2s;flex-shrink:0}.btn-send:hover{background-color:#1d4ed8}@media screen and (max-width:1024px){.detail-modal-container{flex-direction:column;width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0;gap:0;overflow:hidden}.mobile-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;flex-shrink:0;z-index:10}.mobile-back-btn{background:none;border:none;padding:8px;display:flex;align-items:center;justify-content:center;color:#1e293b}.mobile-tab-toggle{display:flex;background-color:#f1f5f9;padding:4px;border-radius:8px;gap:4px}.mobile-tab-btn{padding:6px 16px;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;background:transparent;color:#64748b}.mobile-tab-btn.active{background-color:#fff;color:#2563eb;box-shadow:0 2px 4px #0000000d}.mobile-visible{display:flex!important}.mobile-hidden{display:none!important;visibility:hidden!important;height:0!important;overflow:hidden!important}.modal-left-panel{border-radius:0;padding:16px;background-color:#f1f5f9}.document-paper{margin:0 auto 20px;width:100%;max-width:100%;min-height:auto;padding:20px 16px;box-shadow:0 1px 3px #0000001a}.doc-form-title{font-size:1.5rem;margin-bottom:24px}.modal-right-panel{width:100%;border-left:none;border-top:1px solid var(--border-color);max-height:40vh;border-radius:0;display:flex;flex-direction:column}.sidebar-header{padding:12px 16px;font-size:.9rem}.sidebar-body{padding:16px}}@media screen and (min-width:1025px){.mobile-modal-header{display:none}}.draft-paper-container{font-family:Malgun Gothic,Dotum,-apple-system,sans-serif;color:#000;width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:0;background:#fff;padding:10px}.draft-table{width:100%;border-collapse:collapse;table-layout:fixed;margin-bottom:-1px}.draft-table th,.draft-table td{border:1px solid #333;padding:6px 4px;font-size:13px;vertical-align:middle;line-height:1.4;color:#000}.header-table{border-top:2px solid #000}.header-table td{height:30px}.draft-title-cell{font-size:28px;font-weight:700;text-align:center;letter-spacing:8px;color:#000;background-color:#fff!important;border-bottom:1px solid #333!important}.draft-label{text-align:center;background-color:#f8f9fa;font-weight:600;color:#000;letter-spacing:1px}.draft-value{text-align:center;background-color:#fff}.draft-approval-label{writing-mode:vertical-rl;text-orientation:upright;text-align:center;width:30px;letter-spacing:5px;background-color:#f8f9fa;font-weight:600;color:#000;padding:0}.draft-approver-cell{text-align:center;font-size:11px;color:#000;background-color:#f8f9fa;height:24px}.draft-approval-stamp-cell{height:60px;text-align:center;position:relative;vertical-align:middle;background-color:#fff}.drafter-table{margin-top:-1px}.drafter-table td{height:40px}.special-table{margin-top:-1px}.special-table td{vertical-align:top;height:80px}.draft-vertical-label{writing-mode:vertical-rl;text-orientation:upright;text-align:center;width:30px;font-weight:600;letter-spacing:2px;background-color:#f1f5f9;color:#475569;vertical-align:middle!important;padding:10px 0}.title-table{margin-top:10px;border:1px solid #000;border-bottom:none}.title-table .draft-label{width:100px;background-color:#f8f9fa;font-weight:600;color:#000}.title-table td{padding:10px;font-size:14px;border:1px solid #333}.draft-main-container{border:1px solid #000;background-color:#fff;min-height:400px;padding:20px;display:flex;flex-direction:column}.draft-content-text{white-space:pre-wrap;margin-bottom:40px;line-height:1.6;font-size:14px;color:#000}.draft-section-divider{text-align:center;font-weight:600;margin:20px 0;font-size:15px;color:#000;letter-spacing:2px}.draft-details-list{margin-top:20px;display:flex;flex-direction:column;gap:8px;font-size:13px}.draft-detail-item{display:flex;gap:10px}.draft-detail-label{min-width:80px;font-weight:600;color:#000}.draft-detail-value{flex:1;color:#000;line-height:1.4}.draft-table.info-table{width:280px;border:1px solid #000}.draft-table.info-table .draft-value{white-space:nowrap;text-align:center}.draft-table.info-table td{height:35px;border:1px solid #000;padding:0 5px;font-size:12px}.draft-table.info-table .draft-label{width:80px;background-color:#f8f9fa;font-weight:700;border-right:1px solid #000;text-align:center}.draft-table.approval-table{flex:1;border:1px solid #000}.draft-table.approval-table td{border:1px solid #000;text-align:center;vertical-align:middle}.draft-table.approval-table .draft-approval-label{background-color:#f8f9fa;width:30px;font-weight:700;border-right:1px solid #000}.draft-table.approval-table .draft-approver-cell{height:25px;background-color:#f8f9fa;border-bottom:1px solid #000;font-size:12px}.draft-table.approval-table .draft-approval-stamp-cell{height:70px;background-color:#fff}.draft-footer{display:flex;justify-content:center;align-items:center;margin-top:20px;margin-bottom:20px}.draft-footer-logo{width:200px;height:auto;opacity:.8}.draft-opening-phrase{margin-bottom:30px;line-height:1.6;font-size:16px}.draft-content-body{white-space:pre-wrap;line-height:1.8;font-size:16px;min-height:200px;padding:0 10px}.draft-section-divider{text-align:center;margin:30px 0 20px;font-weight:700;font-size:16px}.draft-detail-row{display:flex;margin-bottom:10px;font-size:16px;line-height:1.6}.draft-detail-label{width:120px;font-weight:700}.draft-detail-value{flex:1}.btn-approve{background-color:#22c55e!important;color:#fff!important;border:none!important;transition:background-color .2s;border-radius:var(--radius-md, 6px);font-weight:600}.btn-approve:hover{background-color:#16a34a!important}.btn-reject{background-color:#ef4444!important;color:#fff!important;border:none!important;transition:background-color .2s;border-radius:var(--radius-md, 6px);font-weight:600}.btn-reject:hover{background-color:#dc2626!important}.draft-header-title{font-size:32px;font-weight:900;text-align:center;margin:0 0 15px;letter-spacing:12px;color:#000;text-decoration:underline;text-underline-offset:10px}.draft-header-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:30px;width:100%}@media screen and (max-width:1024px){.modal-overlay{align-items:flex-start!important;padding:0!important;background-color:#0006}.detail-modal-container{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:100%!important;height:100dvh!important;margin:0!important;padding:0 0 60px!important;border-radius:0!important;background-color:#fff;display:flex!important;flex-direction:column!important;box-sizing:border-box!important;z-index:1001;box-shadow:none!important;overflow:hidden!important}.modal-left-panel{padding:0!important;background-color:#f1f5f9;flex:1!important;height:100%!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;display:flex;justify-content:center}.document-paper{width:100%!important;max-width:100%!important;box-sizing:border-box;padding:15mm 10mm!important;box-shadow:none;margin:0 auto;transform:none!important;min-height:auto!important}.draft-header-section{flex-direction:column;gap:16px;margin-bottom:20px}.draft-table,.doc-form-table{width:100%!important;table-layout:fixed!important;word-break:break-all;box-sizing:border-box}.draft-header-section{flex-direction:column!important;gap:12px!important}.draft-table.info-table,.draft-table.approval-table{width:100%!important}.draft-table.title-table colgroup col:first-child,.doc-form-table colgroup col:first-child{width:70px!important}.draft-table.approval-table colgroup col:first-child{width:30px!important}.draft-table td,.doc-form-table td,.doc-form-table th{word-break:break-all;white-space:normal!important}.draft-table.info-table tr{display:table-row}.draft-table.info-table td{display:table-cell;border:1px solid #000;height:30px;padding:0 4px}.draft-table.info-table{width:100%}.draft-header-title{font-size:24px;letter-spacing:4px;margin-bottom:20px}.draft-content-body,.draft-opening-phrase,.draft-detail-row{font-size:14px}.sidebar-header{display:none!important}.modal-right-panel.mobile-visible{flex:1!important;height:auto!important;width:100%!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;background-color:#fff;position:relative!important}.sidebar-section.history-section{display:block!important}.sidebar-body{flex:1!important;display:flex!important;flex-direction:column!important;overflow-y:auto!important;gap:12px!important;padding:12px!important;height:auto!important;width:100%!important}.sidebar-section:last-child{flex:1!important;display:flex;flex-direction:column;margin-top:0}.compact-comments{flex:1}.sidebar-section h4{margin-bottom:6px!important;font-size:.85rem!important;color:#64748b}.flow-timeline{flex-direction:row!important;overflow-x:auto!important;padding-left:0!important;border-left:none!important;gap:6px!important;padding-bottom:6px!important;-webkit-overflow-scrolling:touch}.timeline-item{min-width:70px!important;flex-shrink:0;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;padding:3px!important;display:flex;flex-direction:column;align-items:center;text-align:center}.timeline-dot{position:static!important;width:6px!important;height:6px!important;margin-bottom:4px!important;display:block}.ti-role{font-size:.6rem!important;font-weight:600;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.ti-name{font-size:.8rem!important;font-weight:700;margin:1px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.ti-status{font-size:.65rem!important;padding-top:2px;white-space:nowrap}.ti-date{font-size:.55rem!important;color:#94a3b8;display:block}.sidebar-footer{position:static!important;width:100%!important;padding:12px!important;border-top:1px solid #f1f5f9;background-color:#fff;margin:0!important;flex-shrink:0!important;z-index:10;box-shadow:0 -2px 5px #00000008}.action-buttons{flex-direction:row;gap:8px}.btn-approve,.btn-reject,.btn-edit-draft,.btn-delete-draft,.btn-redraft{flex:1;padding:4px 8px!important;font-size:.75rem!important;min-height:28px!important;display:flex!important;align-items:center;justify-content:center;gap:4px!important;border-radius:4px!important}.btn-approve svg,.btn-reject svg,.btn-edit-draft svg,.btn-delete-draft svg,.btn-redraft svg{width:12px!important;height:12px!important}}@media print{@page{size:portrait;margin:5mm}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body{visibility:hidden!important;background:#fff!important}.modal-overlay{visibility:visible!important;position:absolute!important;left:0!important;top:0!important;width:100%!important;height:auto!important;z-index:9999!important;background:#fff!important;padding:0!important;margin:0!important;display:block!important}.modal-overlay *{visibility:visible!important}.detail-modal-container{visibility:visible!important;position:static!important;width:100%!important;max-width:none!important;height:auto!important;background:transparent!important;border:none!important;box-shadow:none!important;display:block!important;overflow:visible!important;padding:0!important;margin:0!important}.modal-right-panel,.modal-right-panel.mobile-visible,.sidebar-header,.sidebar-body,.sidebar-footer,.close-action-btn,.mobile-modal-header,.mobile-tab-toggle,.mobile-back-btn,.btn-full,.comment-input-area,.confirmation-modal,.mobile-zoom-hint{display:none!important;visibility:hidden!important;height:0!important;padding:0!important;margin:0!important;border:none!important}.modal-left-panel,.modal-left-panel.mobile-visible{visibility:visible!important;display:block!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin:0!important;width:100%!important;height:auto!important;overflow:visible!important}.document-paper{visibility:visible!important;box-shadow:none!important;margin:0 auto!important;width:210mm!important;min-height:297mm!important;padding:15mm 10mm!important;border:none!important;transform:scale(1)!important;background:#fff!important}.draft-header-section{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:flex-start!important;gap:20px!important;width:100%!important}.draft-header-title{font-size:28px!important;margin-bottom:20px!important;display:block!important}.draft-table.info-table{width:280px!important;flex:0 0 auto!important}.draft-table.approval-table{flex:1!important;width:auto!important}.draft-table th,.draft-table td,.doc-form-table th,.doc-form-table td,.doc-info-table th,.doc-info-table td,.draft-label,.draft-vertical-label,.draft-approval-label,.bg-gray,.box-role{border-color:#000!important;color:#000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.draft-label,.draft-vertical-label,.draft-approval-label,.box-role{background-color:#f8f9fa!important}.draft-main-container{border-color:#000!important;min-height:auto!important;padding:10px!important}.draft-title-cell{border-bottom:2px solid #000!important}table{page-break-inside:auto}tr{page-break-inside:avoid;page-break-after:auto}}.approval-container{height:100%;display:flex;flex-direction:column;gap:24px}.approval-header{display:flex;justify-content:space-between;align-items:flex-end}.header-title h2{font-size:1.75rem;font-weight:700;color:var(--text-main);margin-bottom:4px}.header-title p{color:var(--text-muted)}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 24px;border-radius:8px;border:none;font-weight:600;font-size:14px;display:flex;flex-direction:row;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 15px #667eea66;position:relative;overflow:hidden;white-space:nowrap}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 10px #667eea66}.approval-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-box{background-color:var(--bg-surface);padding:20px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:flex-start}.stat-label{font-size:.85rem;color:var(--text-muted);margin-bottom:8px}.stat-value{font-size:1.5rem;font-weight:700}.stat-value.warning{color:var(--warning)}.stat-value.primary{color:var(--primary)}.stat-value.danger{color:var(--danger)}.stat-value.success{color:var(--success)}.approval-content{background-color:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex:1;display:flex;flex-direction:column;overflow:hidden}.filter-bar{padding:16px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.tabs{display:flex;gap:8px}.tab-btn{padding:8px 16px;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);font-weight:500;font-size:.9rem}.tab-btn:hover{background-color:var(--bg-body)}.tab-btn.active{background-color:#eff6ff;color:var(--primary);font-weight:600}.search-input{display:flex;align-items:center;background-color:var(--bg-body);padding:8px 12px;border-radius:var(--radius-sm);color:var(--text-muted);width:240px}.search-input input{border:none;background:transparent;outline:none;margin-left:8px;font-size:.9rem;width:100%}.document-list{flex:1;overflow-y:auto}.list-header{display:flex;padding:12px 24px;background-color:#f8fafc;border-bottom:1px solid var(--border-color);font-size:.85rem;font-weight:600;color:var(--text-muted)}.list-row{display:flex;padding:16px 24px;border-bottom:1px solid var(--border-color);align-items:center;transition:background-color var(--transition-fast);cursor:pointer}.list-row:hover{background-color:#f8fafc}.col-type{width:120px}.col-title{flex:1;font-weight:500;color:var(--text-main)}.col-author{width:100px;color:var(--text-muted)}.col-date{width:120px;color:var(--text-muted);font-size:.9rem}.col-status{width:120px;display:flex;justify-content:flex-end}.doc-type-badge{background-color:#f1f5f9;color:var(--text-muted);padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.status-badge{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:500}.status-badge.success{color:var(--success)}.status-badge.danger{color:var(--danger)}.status-badge.warning{color:var(--warning)}@media(max-width:768px){.approval-container{gap:16px}.approval-header{flex-direction:row;align-items:center;gap:12px;margin-bottom:8px}.approval-header .header-title p{display:none}.approval-header .header-title h2{font-size:1.5rem}.approval-stats{display:none}.filter-bar{flex-direction:column;gap:12px;align-items:stretch;padding:12px}.tabs{overflow-x:auto;padding-bottom:4px;white-space:nowrap;-webkit-overflow-scrolling:touch;gap:6px}.tab-btn{padding:6px 12px;font-size:.85rem;background-color:#f1f5f9;border-radius:20px}.tab-btn.active{background-color:var(--primary);color:#fff}.search-input{width:100%;background-color:#f8fafc}.list-header{display:none}.document-list{padding:0 16px 80px;background-color:var(--bg-body)}.list-body{display:flex;flex-direction:column;gap:12px}.list-row{flex-direction:column;align-items:flex-start;gap:10px;padding:16px;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 5px #00000008;position:relative;overflow:hidden}.list-row:hover{background-color:#fff;transform:scale(.99)}.col-type{order:1;width:auto;margin-bottom:0}.doc-type-badge{font-size:.75rem;padding:3px 8px;background-color:#f3f4f6;color:#4b5563;border-radius:6px}.col-title{order:2;font-size:1.05rem;font-weight:700;color:#1e293b;width:100%;line-height:1.4}.col-author{order:3;font-size:.85rem;color:#64748b;display:flex;align-items:center}.col-author:after{content:"";display:none}.col-date{order:4;font-size:.8rem;color:#94a3b8;position:absolute;top:16px;right:16px}.col-status{order:5;width:100%;margin-top:8px;padding-top:12px;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end}.status-badge{font-size:.9rem;padding:6px 12px;background-color:#f8fafc;border-radius:8px}.status-badge.pending{background-color:#fff7ed;color:#c2410c}.status-badge.approved{background-color:#ecfdf5;color:#047857}.status-badge.rejected{background-color:#fef2f2;color:#b91c1c}}.archive-container{padding:20px;background-color:var(--bg-neutral)}.archive-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.archive-tabs{display:flex;gap:12px;margin-bottom:20px;border-bottom:2px solid #e2e8f0;padding-bottom:0}.archive-tab-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;border:none;border-bottom:2px solid transparent;font-size:1rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s ease;margin-bottom:-2px}.archive-tab-btn:hover{color:#0f172a;background-color:#f8fafc}.archive-tab-btn.active{color:#2563eb;border-bottom-color:#2563eb;font-weight:600;background-color:#eff6ff}.tab-icon{font-size:1.1rem}.archive-controls{display:flex;justify-content:space-between;align-items:center;background-color:var(--bg-surface);padding:16px;border-radius:8px;box-shadow:0 1px 2px #0000000d;margin-bottom:20px;border:1px solid #e2e8f0}.control-group{display:flex;gap:15px;align-items:center}.search-box{display:flex;align-items:center;gap:10px;background-color:var(--bg-input);padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.search-box input{border:none;outline:none;background:transparent;font-size:.95rem;color:var(--text-primary);width:250px}.filter-select{padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background-color:var(--bg-neutral);color:var(--text-primary);font-size:.95rem;cursor:pointer}.archive-table-wrapper{background-color:var(--bg-surface);border-radius:var(--radius-md);box-shadow:0 1px 3px #0000000d;overflow-x:auto}.archive-table{width:100%;border-collapse:collapse}.archive-table th,.archive-table td{padding:12px 16px;text-align:center;border-bottom:1px solid var(--border-color);font-size:.9rem}.archive-table th{background-color:var(--bg-neutral);color:var(--text-secondary);font-weight:600}.archive-table tr.archive-row{cursor:pointer}.archive-table tr.archive-row:hover{background-color:var(--bg-hover)}.archive-table td.font-mono{font-family:monospace;color:var(--text-secondary)}.archive-table td.font-medium{font-weight:500}.archive-table td.text-left{text-align:left}.archive-table td.text-center{text-align:center}.doc-type-tag{display:inline-block;padding:4px 8px;background-color:var(--bg-neutral);border-radius:4px;font-size:.8rem;color:var(--text-primary);font-weight:500}.badge-approved{background-color:#ecfdf5;color:#059669;padding:4px 8px;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-rejected{background-color:#fef2f2;color:#dc2626;padding:4px 8px;border-radius:9999px;font-size:.75rem;font-weight:600}.badge-pending{background-color:#fffbeb;color:#d97706;padding:4px 8px;border-radius:9999px;font-size:.75rem;font-weight:600}.btn-view{border:none;background:transparent;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center}@media(max-width:768px){.archive-container{padding:16px}.archive-header{flex-direction:column;align-items:flex-start;gap:16px}.archive-tabs{width:100%;overflow-x:auto;padding-bottom:4px;white-space:nowrap}.archive-controls{flex-direction:column;align-items:stretch;gap:16px;padding:12px}.control-group{flex-direction:column;align-items:stretch;width:100%;gap:12px}.search-box,.search-box input,.filter-select{width:100%}.mobile-archive-list{display:flex;flex-direction:column;gap:16px}.mobile-archive-card{background:#fff;border:1px solid var(--border-color);border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:10px;cursor:pointer}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:var(--text-muted)}.doc-num{font-family:monospace;background:#f1f5f9;padding:2px 6px;border-radius:4px}.card-main{display:flex;flex-direction:column;gap:6px}.card-title{font-size:1.1rem;font-weight:700;color:var(--text-main);margin:0;line-height:1.4}.card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:4px;padding-top:12px;border-top:1px solid #f1f5f9}.card-author{font-size:.9rem;color:var(--text-secondary);font-weight:500}.archive-table-wrapper{display:none}}.login-container{display:flex;align-items:center;justify-content:center;height:100vh;width:100vw;background-color:#f1f5f9}.login-card{background:#fff;padding:40px;border-radius:16px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;width:100%;max-width:400px;text-align:center}.login-header{margin-bottom:32px}.login-logo{width:64px;height:64px;background-color:#2563eb;color:#fff;font-weight:800;font-size:2rem;display:flex;align-items:center;justify-content:center;border-radius:16px;margin:0 auto 16px}.login-title{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:8px}.login-subtitle{color:#64748b;font-size:.9rem}.login-form{display:flex;flex-direction:column;gap:16px}.form-group{text-align:left}.form-group label{display:block;font-size:.85rem;font-weight:600;color:#475569;margin-bottom:6px}.form-input{width:100%;padding:12px;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;outline:none;transition:all .2s}.form-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.btn-login{background-color:#2563eb;color:#fff;border:none;padding:14px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:8px}.btn-login:hover{background-color:#1d4ed8}.login-footer{margin-top:24px;font-size:.8rem;color:#94a3b8}.error-msg{color:#ef4444;font-size:.85rem;margin-bottom:16px;background-color:#fef2f2;padding:10px;border-radius:8px;border:1px solid #fee2e2}.db-container{display:flex;flex-direction:column;height:100%;gap:20px}.db-header{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:10px;border-bottom:2px solid #f1f5f9}.header-info h2{font-size:1.5rem;font-weight:800;color:#1e293b;display:flex;align-items:center;gap:12px;margin-bottom:4px}.header-info p{color:#64748b;font-size:.9rem}.header-actions{display:flex;gap:8px;align-items:center}.mode-btn{padding:8px 16px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid #e2e8f0;background:#fff;color:#64748b}.mode-btn:hover{background:#f8fafc;color:#334155}.mode-btn.active{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:0 4px 6px -1px #2563eb33}.db-workspace{display:flex;flex:1;gap:0;overflow:hidden;background-color:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;border:1px solid #e2e8f0}.table-list-panel{width:280px;background-color:#f8fafc;border-right:1px solid #e2e8f0;display:flex;flex-direction:column}.panel-title{padding:20px;font-weight:700;font-size:.95rem;color:#334155;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.badge{background:#e2e8f0;color:#475569;padding:2px 8px;border-radius:12px;font-size:.75rem}.table-list{flex:1;overflow-y:auto;padding:12px}.table-item{padding:12px;cursor:pointer;border-radius:10px;transition:all .2s;margin-bottom:4px;border:1px solid transparent}.table-item:hover{background-color:#fff;border-color:#e2e8f0;transform:translate(4px)}.table-item.active{background-color:#eff6ff;border-color:#bfdbfe}.item-main{display:flex;align-items:center;gap:10px;margin-bottom:4px}.table-name{font-weight:600;font-size:.9rem;color:#1e293b}.table-item.active .table-name{color:#2563eb}.table-desc{font-size:.75rem;color:#94a3b8;padding-left:24px}.query-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#f1f5f9;font-size:.8rem;font-weight:600;color:#475569}.warning-text{color:#ef4444}.query-editor{border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;background-color:#fff}.query-textarea{height:120px;width:100%;padding:15px 20px;font-family:JetBrains Mono,Fira Code,monospace;font-size:14px;border:none;resize:none;outline:none;background-color:#fdfdfd}.query-actions{padding:10px 20px;display:flex;justify-content:flex-end;background:#f8fafc;border-top:1px solid #e2e8f0}.table-info-bar{padding:15px 20px;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;gap:15px}.current-table-name{font-weight:700;color:#1e293b}.current-table-desc{font-size:.85rem;color:#64748b}.btn-execute{background-color:#1e293b;color:#fff;border:none;padding:8px 20px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-execute:hover{background-color:#0f172a;transform:translateY(-1px)}.results-area{flex:1;overflow:hidden;position:relative;background-color:#fff}.table-wrapper{width:100%;height:100%;overflow:auto}.data-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.85rem}.data-table th{background-color:#f8fafc;font-weight:700;color:#475569;padding:12px 16px;text-align:left;position:sticky;top:0;z-index:20;border-bottom:2px solid #e2e8f0}.data-table td{border-bottom:1px solid #f1f5f9;padding:10px 16px;color:#334155;white-space:nowrap}.data-table tr:hover td{background-color:#f8fafc}.json-cell{background:#f1f5f9;color:#64748b;padding:2px 6px;border-radius:4px;font-size:.75rem;cursor:help}.loading-overlay{position:absolute;inset:0;background:#fffc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;z-index:30;color:#64748b}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{height:100%;display:flex;align-items:center;justify-content:center}.success-msg,.no-data{display:flex;flex-direction:column;align-items:center;gap:15px;color:#64748b}.success-msg p{color:#059669;font-weight:600}.status-bar{padding:10px 20px;font-size:.75rem;border-top:1px solid #e2e8f0;background-color:#f8fafc;color:#64748b;display:flex;justify-content:space-between}.status-left{display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;background-color:#10b981}.error-banner{background-color:#fff1f2;color:#e11d48;padding:12px 20px;font-size:.85rem;font-weight:600;border-bottom:1px solid #ffe4e6}.icon-btn.refresh{color:#64748b;padding:8px;border-radius:8px}.icon-btn.refresh:hover{background:#f1f5f9;color:#334155}.user-detail-panel-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.user-detail-panel{background:#fff;width:800px;max-width:95vw;max-height:90vh;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;animation:slideUp .3s ease}.panel-header{padding:24px 32px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:flex-start}.panel-header h2{margin:0;font-size:24px;color:#111827}.panel-subtitle{margin:4px 0 0;font-size:14px;color:#6b7280}.close-btn{background:none;border:none;cursor:pointer;color:#6b7280;padding:4px;border-radius:6px;transition:all .2s}.close-btn:hover{background:#f3f4f6;color:#111827}.panel-content{flex:1;overflow-y:auto;padding:24px 32px}.section{margin-bottom:32px}.section h3{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:16px;font-weight:600;color:#374151}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.form-group input,.form-group select{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn-reset-password{margin-top:12px;padding:10px 16px;background:#fef2f2;border:1px solid #fca5a5;color:#b91c1c;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px;transition:all .2s}.btn-reset-password:hover{background:#fee2e2}.permission-option{margin-bottom:20px;padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.checkbox-label{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.checkbox-label input[type=checkbox]{margin-top:2px;width:18px;height:18px;cursor:pointer}.checkbox-text{display:flex;flex-direction:column;gap:4px}.checkbox-text strong{font-size:14px;color:#111827}.checkbox-text small{font-size:13px;color:#6b7280}.subsection{margin-top:12px;padding:16px;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.subsection label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:8px}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tag-button{padding:6px 12px;background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.tag-button:hover{border-color:#3b82f6;background:#eff6ff}.tag-button.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.add-custom{display:flex;gap:8px}.add-custom input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px}.add-custom button{padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500}.add-custom button:hover{background:#2563eb}.selected-tags{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.selected-tags small{font-size:12px;color:#6b7280}.selected-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#dbeafe;color:#1e40af;border-radius:4px;font-size:12px}.selected-tag svg{cursor:pointer}.status-options{display:flex;flex-direction:column;gap:10px}.status-checkbox{display:flex;align-items:center;gap:10px;padding:10px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s}.status-checkbox:hover{background:#f9fafb}.status-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.status-indicator{width:12px;height:12px;border-radius:50%}.panel-footer{padding:20px 32px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;background:#f9fafb}.btn-cancel{padding:12px 28px;background:#fff;border:2px solid #d1d5db;color:#6b7280;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.btn-cancel:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.btn-save{padding:12px 32px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;display:flex;flex-direction:row;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 15px #667eea66;position:relative;overflow:hidden;white-space:nowrap}.btn-save:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-save:hover:before{left:100%}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.btn-save:active{transform:translateY(0);box-shadow:0 2px 10px #667eea66}.user-management-container{display:flex;height:100%;background-color:#f8fafc}.um-sidebar{width:250px;background-color:#fff;border-right:1px solid #e2e8f0;padding:20px;display:flex;flex-direction:column;gap:10px}.um-sidebar h3{margin-bottom:20px;font-size:1.1rem;color:#1e293b}.um-nav-item{display:flex;align-items:center;gap:10px;padding:12px 15px;border:none;background:none;text-align:left;font-size:.95rem;color:#64748b;border-radius:8px;cursor:pointer;transition:all .2s}.um-nav-item:hover{background-color:#f1f5f9;color:#0f172a}.um-nav-item.active{background-color:#eff6ff;color:#2563eb;font-weight:600}.um-content{flex:1;padding:30px;overflow-y:auto}.um-panel h2{margin-bottom:20px;font-size:1.5rem;color:#1e293b}.add-user-form{display:flex;gap:10px;background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;flex-wrap:wrap}.add-user-form input,.add-user-form select{padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;flex:1;min-width:120px}.add-user-form button{padding:8px 16px;background-color:#2563eb;color:#fff;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:5px}.add-user-form button:hover{background-color:#1d4ed8}.um-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.um-table th,.um-table td{padding:15px;text-align:left;border-bottom:1px solid #e2e8f0}.um-table th{background-color:#f8fafc;font-weight:600;color:#475569}.role-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase}.role-badge.admin{background-color:#fee2e2;color:#ef4444}.role-badge.user{background-color:#dbeafe;color:#2563eb}.icon-btn-delete{background:none;border:none;color:#ef4444;cursor:pointer;padding:5px;border-radius:4px}.icon-btn-delete:hover{background-color:#fee2e2}.btn-danger-outline{width:100%;padding:10px;border:1px solid #ef4444;color:#ef4444;background:none;border-radius:6px;cursor:pointer;font-weight:700}.btn-danger-outline:hover{background-color:#fef2f2}.preset-grid{display:grid;grid-template-columns:1fr;gap:16px;padding-bottom:20px}.preset-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;justify-content:flex-start;height:100%;transition:transform .2s,box-shadow .2s}.preset-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.preset-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:1px solid #f1f5f9;padding-bottom:10px}.preset-header h4{margin:0;font-size:1.1rem;color:#334155}.btn-edit-line{background:none;border:1px solid #cbd5e1;color:#64748b;padding:5px 10px;border-radius:6px;font-size:.85rem;cursor:pointer;display:flex;align-items:center;gap:4px}.btn-edit-line:hover{background-color:#f8fafc;color:#0f172a;border-color:#94a3b8}.preset-body{display:flex;align-items:center;gap:8px;padding-top:15px;flex-wrap:wrap}.preset-step{position:relative;display:flex;flex-direction:column;align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;padding:6px 4px;border-radius:4px;min-width:48px}.preset-step.empty{border:1px dashed #cbd5e1;background:none;color:#94a3b8}.step-role{font-size:.65rem;color:#64748b;margin-bottom:2px;white-space:nowrap}.step-name{font-weight:600;color:#334155;font-size:.75rem;white-space:nowrap}.step-job{font-size:.75rem;color:#94a3b8}.danger-zone{border:1px solid #ef4444;background-color:#fef2f2;padding:20px;border-radius:8px;margin-top:20px}.danger-zone h3{color:#b91c1c;display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:1.1rem}.danger-zone p{color:#7f1d1d;margin-bottom:20px;line-height:1.5}.btn-danger-block{width:100%;padding:12px;background-color:#dc2626;color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer;font-size:1rem}.btn-danger-block:hover{background-color:#b91c1c}.profile-card{background-color:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;padding:32px;max-width:500px;border:1px solid #f1f5f9}.profile-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #f1f5f9}.profile-avatar{width:80px;height:80px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 10px #2563eb33}.profile-title{display:flex;flex-direction:column;gap:5px}.profile-title h3{margin:0;font-size:1.5rem;color:#1e293b;font-weight:700}.profile-role-badge{background-color:#eff6ff;color:#2563eb;padding:4px 10px;border-radius:20px;font-size:.8rem;font-weight:600;align-self:flex-start;text-transform:uppercase;border:1px solid #dbeafe}.profile-body{display:grid;grid-template-columns:1fr 1fr;gap:20px}.profile-field{display:flex;flex-direction:column;gap:5px}.profile-field.full-width{grid-column:span 2}.profile-field label{font-size:.8rem;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.profile-field .field-value{font-size:1rem;color:#334155;font-weight:500;padding:10px;background-color:#f8fafc;border-radius:8px;border:1px solid #f1f5f9}.preset-remove-btn{position:absolute;top:-6px;right:-6px;background:#ef4444;border:2px solid white;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:0;padding:0;transition:all .2s;box-shadow:0 2px 4px #ef44444d;z-index:10}.preset-remove-btn:hover{background:#dc2626;transform:scale(1.1)}.preset-step{position:relative;padding:12px 18px}@media(max-width:768px){.user-management-container{flex-direction:column}.um-sidebar{width:100%;border-right:none;border-bottom:1px solid #e2e8f0;padding:16px;flex-direction:row;overflow-x:auto;gap:12px;align-items:center;white-space:nowrap}.um-sidebar h3{display:none}.um-nav-item{padding:8px 12px;flex-shrink:0;border:1px solid #e2e8f0}.um-content{padding:16px}.add-user-form{flex-direction:column}.add-user-form input,.add-user-form select,.add-user-form button{width:100%;min-width:0}.um-table{display:block;overflow-x:auto;white-space:nowrap}.um-table th,.um-table td{padding:12px}.preset-grid,.profile-body{grid-template-columns:1fr}.profile-field.full-width{grid-column:span 1}.detail-panel{position:fixed;top:0;right:0;width:100%;height:100%;z-index:2000}}.management-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:20px;margin-top:20px}.management-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 1px 2px #0000000d}.management-box h3{margin:0;display:flex;align-items:center;gap:8px;font-size:1.1rem;color:#1e293b}.management-box p{margin:0;font-size:.9rem;color:#64748b;line-height:1.5}.reset-option-list{display:flex;flex-direction:column;gap:12px;margin:8px 0}.reset-option{display:flex;align-items:center;gap:10px;padding:10px;border-radius:6px;background-color:#f8fafc;cursor:pointer;transition:background-color .2s}.reset-option:hover{background-color:#f1f5f9}.reset-option input[type=checkbox]{width:18px;height:18px;cursor:pointer}.reset-option-text{display:flex;flex-direction:column}.reset-option-title{font-size:.95rem;font-weight:600;color:#334155}.reset-option-desc{font-size:.8rem;color:#94a3b8}.btn-system-action{padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.btn-backup{background-color:#fff;border:1px solid #e2e8f0;color:#475569}.btn-backup:hover{background-color:#f8fafc;border-color:#cbd5e1}.btn-selective-reset{background-color:#ef4444;border:none;color:#fff}.btn-selective-reset:hover{background-color:#dc2626}.btn-selective-reset:disabled{background-color:#fca5a5;cursor:not-allowed}.text-danger{color:#ef4444}.text-primary{color:#2563eb}.text-success{color:#10b981}.text-warning{color:#f59e0b}.collaboration-view{padding:20px;height:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:20px}.calendar-header{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:15px 20px;border-radius:12px;box-shadow:0 1px 3px #0000001a}.calendar-controls{display:flex;align-items:center;gap:15px}.calendar-controls button{background:none;border:1px solid #e2e8f0;border-radius:6px;padding:5px 10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s}.calendar-controls button:hover{background-color:#f1f5f9;color:#1e293b}.calendar-title{font-size:1.25rem;font-weight:700;color:#1e293b}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;flex:1}.calendar-day-header{padding:15px;text-align:center;font-weight:600;color:#64748b;border-bottom:1px solid #e2e8f0;background-color:#f8fafc}.calendar-day-header.sun{color:#ef4444}.calendar-day-header.sat{color:#3b82f6}.calendar-cell{border-right:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;min-height:100px;padding:8px;position:relative;transition:background-color .2s}.calendar-cell:nth-child(7n){border-right:none}.calendar-cell.other-month{background-color:#f8fafc;color:#cbd5e1}.calendar-cell.today{background-color:#f0fdf4}.day-number{font-weight:600;margin-bottom:5px;display:inline-block;width:24px;height:24px;text-align:center;line-height:24px;border-radius:50%}.calendar-cell.today .day-number{background-color:#22c55e;color:#fff}.event-list{display:flex;flex-direction:column;gap:4px}.calendar-event{font-size:.75rem;padding:2px 6px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;color:#fff;font-weight:500}.calendar-event.vacation{background-color:#10b981}.calendar-event.vacation.am{background:linear-gradient(90deg,#10b981 50%,#e2e8f0 50%);color:#064e3b}.calendar-event.vacation.pm{background:linear-gradient(90deg,#e2e8f0 50%,#10b981 50%);color:#064e3b}.calendar-legend{display:flex;gap:15px;padding:10px 20px;background-color:#fff;border-radius:8px;margin-top:10px;font-size:.85rem;color:#64748b}.legend-item{display:flex;align-items:center;gap:6px}.legend-color{width:12px;height:12px;border-radius:3px}.communication-view{padding:20px;height:100%;box-sizing:border-box;display:flex;flex-direction:column;background-color:#f8fafc}.communication-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.communication-tabs{display:flex;gap:10px;background-color:#fff;padding:5px;border-radius:8px;box-shadow:0 1px 2px #0000000d}.comm-tab{padding:8px 16px;border:none;background:none;cursor:pointer;font-weight:500;color:#64748b;border-radius:6px;transition:all .2s}.comm-tab:hover{background-color:#f1f5f9}.comm-tab.active{background-color:#e0e7ff;color:#4f46e5;font-weight:600}.btn-write-post{display:flex;align-items:center;gap:8px;background-color:#4f46e5;color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:500;transition:background-color .2s}.btn-write-post:hover{background-color:#4338ca}.post-list{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden;flex:1;overflow-y:auto}.post-item{display:flex;align-items:center;padding:15px 20px;border-bottom:1px solid #e2e8f0;cursor:pointer;transition:background-color .1s}.post-item:hover{background-color:#f8fafc}.post-item:last-child{border-bottom:none}.post-icon{width:40px;height:40px;border-radius:8px;background-color:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;margin-right:15px}.post-icon.notice{background-color:#fee2e2;color:#ef4444}.post-content-preview{flex:1}.post-title{font-weight:600;color:#1e293b;margin-bottom:4px;display:flex;align-items:center;gap:8px}.post-meta{font-size:.85rem;color:#94a3b8;display:flex;gap:15px}.post-detail-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.post-detail-modal{background-color:#fff;width:700px;max-width:90%;max-height:90vh;border-radius:16px;display:flex;flex-direction:column;box-shadow:0 10px 25px #0003;overflow:hidden}.post-detail-header{padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:flex-start}.post-detail-title h2{margin:0 0 10px;font-size:1.5rem;color:#1e293b}.post-detail-meta{display:flex;gap:20px;font-size:.9rem;color:#64748b}.btn-close{background:none;border:none;cursor:pointer;color:#94a3b8}.post-detail-body{padding:24px;flex:1;overflow-y:auto;font-size:1rem;line-height:1.6;color:#334155;white-space:pre-wrap}.post-comments-section{background-color:#f8fafc;padding:24px;border-top:1px solid #e2e8f0}.comment-list{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;max-height:200px;overflow-y:auto}.comment-item{background-color:#fff;padding:12px;border-radius:8px;border:1px solid #e2e8f0}.comment-header{display:flex;justify-content:space-between;margin-bottom:5px;font-size:.85rem}.comment-author{font-weight:600;color:#475569}.comment-date{color:#94a3b8}.comment-input-area{display:flex;gap:10px}.comment-input{flex:1;padding:10px;border:1px solid #ced4da;border-radius:6px;font-size:.95rem}.btn-send-comment{background-color:#3b82f6;color:#fff;border:none;border-radius:6px;padding:0 20px;cursor:pointer;font-weight:600}.write-form{padding:24px;display:flex;flex-direction:column;gap:20px}.form-group label{display:block;margin-bottom:6px;font-weight:600;color:#475569}.form-input,.form-textarea,.form-select{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:6px;font-size:.95rem;box-sizing:border-box}.form-textarea{resize:vertical;min-height:200px}.write-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.btn-cancel{padding:10px 20px;border:1px solid #cbd5e1;background-color:#fff;border-radius:6px;cursor:pointer;font-weight:500;color:#64748b}.btn-submit{padding:10px 24px;background-color:#4f46e5;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.password-change-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.password-change-modal{background:#fff;width:480px;max-width:95vw;border-radius:16px;box-shadow:0 25px 70px #0006;animation:slideUp .3s ease;overflow:hidden}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{padding:32px 32px 24px;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.header-icon{width:64px;height:64px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.modal-header h2{margin:0 0 12px;font-size:24px;font-weight:600}.forced-notice{display:flex;align-items:center;justify-content:center;gap:8px;background:#fbbf2433;padding:10px 16px;border-radius:8px;font-size:14px;margin-top:12px}.password-form{padding:32px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.form-group input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:15px;transition:all .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.error-message{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#b91c1c;font-size:14px;margin-bottom:20px}.password-requirements{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:24px}.password-requirements h4{margin:0 0 12px;font-size:13px;color:#6b7280;font-weight:600}.password-requirements ul{list-style:none;padding:0;margin:0}.password-requirements li{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:14px;color:#9ca3af}.password-requirements li svg{opacity:.3}.password-requirements li.valid{color:#10b981}.password-requirements li.valid svg{opacity:1}.btn-submit{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:12px}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.btn-cancel{width:100%;padding:12px;background:#fff;color:#6b7280;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#f9fafb}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden;background-color:var(--bg-body)}.sidebar{width:260px;background-color:var(--bg-sidebar);color:var(--text-light);display:flex;flex-direction:column;flex-shrink:0;transition:width var(--transition-fast)}.sidebar-header{height:70px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.1);justify-content:flex-start;gap:10px}.logo-icon{width:32px;height:32px;background:var(--primary);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700;margin-right:0}.logo-text{font-size:1.25rem;font-weight:600;letter-spacing:-.025em;margin:0}.sidebar-nav{flex:1;padding:24px 16px;overflow-y:auto}.nav-section{margin-bottom:32px}.nav-label{display:block;font-size:.75rem;font-weight:600;color:var(--text-muted);margin-bottom:12px;padding-left:12px;opacity:.6}.nav-item{width:100%;display:flex;align-items:center;padding:12px;margin-bottom:4px;border-radius:var(--radius-sm);background:transparent;color:#94a3b8;text-align:left;transition:all var(--transition-fast)}.nav-item:hover{background-color:#ffffff0d;color:var(--text-light)}.nav-item.active{background-color:var(--primary);color:#fff}.nav-item span{margin-left:12px;font-size:.9rem;font-weight:500}.user-profile-mini{padding:16px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center}.avatar{width:36px;height:36px;background-color:var(--accent);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:12px}.user-info{display:flex;flex-direction:column}.user-info .name{font-size:.9rem;font-weight:500}.user-info .role{font-size:.75rem;color:var(--text-muted)}.btn-logout-mini{margin-left:auto;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-logout-mini:hover{background-color:#ffffff1a;color:#ef4444}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.top-header{height:70px;background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 32px;justify-content:space-between}.menu-toggle{background:transparent;color:var(--text-muted);display:none}.search-bar{display:flex;align-items:center;background-color:var(--bg-body);border-radius:var(--radius-lg);padding:8px 16px;width:300px}.search-icon{color:var(--text-muted);margin-right:8px}.search-bar input{border:none;background:transparent;outline:none;width:100%;font-size:.9rem}.icon-btn{position:relative;background:transparent;color:var(--text-muted);padding:8px;border-radius:50%}.icon-btn:hover{background-color:var(--bg-body);color:var(--primary)}.badge{position:absolute;top:4px;right:4px;background-color:var(--danger);color:#fff;font-size:.65rem;padding:2px 5px;border-radius:10px;border:2px solid var(--bg-surface)}.content-scrollable{flex:1;overflow-y:auto;padding:32px}.page-header{margin-bottom:32px}.page-header h2{font-size:1.75rem;font-weight:700;margin-bottom:8px}.page-header p{color:var(--text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px}.stat-card{background-color:var(--bg-surface);border-radius:var(--radius-lg);padding:24px;display:flex;align-items:center;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:16px}.stat-icon.pending{background-color:#fff7ed;color:var(--warning)}.stat-icon.success{background-color:#f0fdf4;color:var(--success)}.stat-icon.message{background-color:#eff6ff;color:var(--primary)}.stat-icon.calendar{background-color:#f5f3ff;color:var(--accent)}.stat-info .label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:4px}.stat-info .value{font-size:1.5rem;font-weight:700;color:var(--text-main)}.recent-activity-section{background-color:var(--bg-surface);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.recent-activity-section h3{font-size:1.1rem;font-weight:600;margin-bottom:20px}.activity-item{display:flex;align-items:center;padding:16px 0;border-bottom:1px solid var(--border-color)}.activity-item:last-child{border-bottom:none}.activity-avatar{width:40px;height:40px;background-color:#e2e8f0;border-radius:50%;margin-right:16px}.activity-details{display:flex;flex-direction:column}.activity-text{font-size:.9rem;margin-bottom:4px}.activity-time{font-size:.8rem;color:var(--text-muted)}.placeholder-view{height:100%;display:flex;align-items:center;justify-content:center}.placeholder-content{text-align:center;color:var(--text-muted)}.placeholder-icon{margin-bottom:16px;color:var(--primary);opacity:.5}.bottom-nav,.mobile-top-bar{display:none}@media(max-width:768px){.mobile-top-bar{display:flex;align-items:center;margin-left:auto;gap:12px}.mobile-user-name{font-size:.9rem;font-weight:600;color:var(--text-main)}.mobile-user-role{font-size:.75rem;color:var(--text-muted);font-weight:400;margin-left:4px}.btn-mobile-logout{background:transparent;border:none;color:var(--text-muted);padding:8px;display:flex;align-items:center;justify-content:center;cursor:pointer}.btn-mobile-logout:active{color:#ef4444}.top-header{justify-content:space-between}.stats-carousel{display:flex;overflow-x:hidden;gap:6px;margin-bottom:24px;width:100%;justify-content:space-between}.stat-card.mobile-stat{min-width:0;flex:1;padding:10px 4px;flex-direction:column;align-items:center;text-align:center;border:1px solid var(--border-color);background-color:var(--bg-surface);border-radius:12px}.mobile-stat .stat-icon{margin-bottom:6px;margin-right:0;width:32px;height:32px}.mobile-stat .stat-icon svg{width:18px;height:18px}.mobile-stat .stat-info .label{font-size:.7rem;white-space:nowrap;margin-bottom:2px}.mobile-stat .stat-info .value{font-size:1.1rem}.app-container{overflow:hidden;flex-direction:column;padding-bottom:60px}.sidebar,.mobile-overlay{display:none}.top-header{padding:0 16px;position:sticky;top:0;z-index:99}.menu-toggle{display:none}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;width:100%;height:60px;background-color:#fff;border-top:1px solid #e2e8f0;z-index:1000;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -1px 3px #0000000d}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;color:#94a3b8;background:none;border:none;cursor:pointer;gap:4px}.bottom-nav-item.active{color:var(--primary)}.bottom-nav-label{font-size:10px;font-weight:500}.table-container,.approval-list,.file-list,.archive-list,.user-list,.communication-list{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;display:block}table{min-width:600px}.modal-overlay{padding:10px;align-items:flex-end}.modal-content{width:100%;max-width:100%;margin:0;border-radius:12px 12px 0 0;max-height:90vh;overflow-y:auto}.modal-header h2{font-size:1.2rem}.form-group{margin-bottom:12px}.form-actions{flex-direction:column-reverse;gap:8px}.btn-submit,.btn-cancel,.btn-primary,.btn-secondary{width:100%;justify-content:center}.approval-flow{flex-direction:column;align-items:flex-start}.approval-step{width:100%;margin-bottom:8px}.org-chart-container{flex-direction:column;height:auto;max-height:80vh}.org-tree{width:100%;border-right:none;border-bottom:1px solid var(--border-color);max-height:30vh}.org-user-list{max-height:40vh}.fc-header-toolbar{flex-direction:column;gap:8px}.fc-toolbar-chunk{display:flex;justify-content:center;width:100%}.post-list-item{padding:12px}.post-meta{flex-direction:column;align-items:flex-start;gap:4px}.content-scrollable{padding:16px}.stats-grid{grid-template-columns:1fr;gap:16px}.stat-card,.recent-activity-section{padding:16px}.activity-item{flex-direction:column;align-items:flex-start}.activity-avatar{margin-bottom:8px}.activity-details{width:100%}.activity-time{margin-top:4px;align-self:flex-end}}