*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-family:Malgun Gothic,맑은 고딕,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}*{-webkit-overflow-scrolling:touch}@media (max-width:768px){body{font-size:14px}button{min-height:44px;min-width:44px}input,select,textarea{font-size:16px}}body.dark{--d-bg:#0e1622;--d-surface:#141d2b;--d-surface-2:#1b2839;--d-line:#26344a;--d-line-soft:#22304a;--d-text:#e7edf5;--d-text-soft:#c4d0e0;--d-muted:#9daac0;--d-faint:#6f8098;--d-brand:#5b8cf0;background:#0e1622;color:var(--d-text)}body.dark,body.dark input[type=date],body.dark input[type=datetime-local],body.dark input[type=month],body.dark input[type=time],body.dark select{color-scheme:dark}body.dark .content,body.dark .layout{background:#0e1622!important}body.dark .box,body.dark .card,body.dark .content-header,body.dark .filter-bar,body.dark .filters,body.dark .form-section,body.dark .list-card,body.dark .page-header,body.dark .panel,body.dark .reports-page-header,body.dark .section-card,body.dark .section-header,body.dark .stat-card,body.dark .table-container,body.dark .tile,body.dark .toolbar,body.dark .widget,body.dark [class*=-box],body.dark [class*=-card],body.dark [class*=-form-section],body.dark [class*=-panel],body.dark [class*=-tile],body.dark [class*=-widget],body.dark [class*=table-container]{background:var(--d-surface)!important;border-color:var(--d-line)!important;box-shadow:0 1px 2px #0006,0 8px 22px #0006;color:var(--d-text)}body.dark .card .card,body.dark .card .panel,body.dark .panel .panel,body.dark .panel-b,body.dark .panel-h{background:#0000!important}body.dark table{background:var(--d-surface);color:var(--d-text-soft)}body.dark table th,body.dark thead th{background:var(--d-surface-2)!important;border-color:var(--d-line)!important;color:var(--d-muted)!important}body.dark table td,body.dark tbody td{border-color:var(--d-line-soft)!important;color:var(--d-text-soft)}body.dark tbody tr:hover{background:#1b2a40!important}body.dark tbody tr:nth-child(2n){background:hsla(0,0%,100%,.015)}body.dark .date-input,body.dark .filter-input,body.dark .search-input,body.dark input,body.dark select,body.dark textarea{background:#0f1a2a!important;border-color:#2c3b52!important;color:var(--d-text)!important}body.dark input::placeholder,body.dark textarea::placeholder{color:var(--d-faint)!important}body.dark input:focus,body.dark select:focus,body.dark textarea:focus{border-color:var(--d-brand)!important;box-shadow:0 0 0 3px #5b8cf02e!important}body.dark .create-task-modal,body.dark .edit-modal,body.dark .modal,body.dark .modal-body,body.dark .modal-content,body.dark .modal-footer,body.dark .modal-header,body.dark .task-detail-modal,body.dark [class*=modal-body],body.dark [class*=modal-content],body.dark [class*=modal-header]{background:var(--d-surface)!important;border-color:var(--d-line)!important;color:var(--d-text)!important}body.dark .modal-backdrop,body.dark [class*=modal-backdrop],body.dark [class*=modal-overlay]{background:#0000009e!important}body.dark :where(h1,h2,h3,h4,h5,h6){color:var(--d-text)}body.dark :where(p,span,li,td,th,label,strong,b,small,dt,dd,em){color:inherit}body.dark :where(.subtitle,.muted,.text-muted,.hint,.desc,.description,.meta){color:var(--d-muted)}body.dark [style*="color: #111"],body.dark [style*="color: #222"],body.dark [style*="color: #333"],body.dark [style*="color: rgb(51, 51, 51)"],body.dark [style*="color:#222"],body.dark [style*="color:#333"]{color:var(--d-text-soft)!important}body.dark [style*="background-color: #f0f0f0"],body.dark [style*="background-color: #fff"],body.dark [style*="background-color: #ffffff"],body.dark [style*="background-color: white"],body.dark [style*="background-color:#f"],body.dark [style*="background: #f8"],body.dark [style*="background: #f9"],body.dark [style*="background: #fafafa"],body.dark [style*="background: #fff"],body.dark [style*="background: #ffffff"],body.dark [style*="background: white"],body.dark [style*="background:#fff"]{background:var(--d-surface)!important;color:var(--d-text)}body.dark a{color:var(--d-brand)}body.dark hr{border-color:var(--d-line)}body.dark .dropdown,body.dark [class*=-menu]:not(.user-menu):not(.admin-menu-section):not(.admin-menu-toggle),body.dark [class*=context-menu],body.dark [class*=dropdown-menu],body.dark [class*=popover]{background:var(--d-surface)!important;border-color:var(--d-line)!important;color:var(--d-text)}body.dark code,body.dark pre{background:#0b1422!important;border-color:var(--d-line);color:#c9d6ea}body.dark .log-viewer{background:#0a0f18!important;color:#c9d6ea}body.dark .empty-box,body.dark .no-data,body.dark .no-results{background:#141d2b!important;border-color:#26344a!important;box-shadow:0 1px 2px #0006!important;color:#9daac0!important}body.dark .loading-box,body.dark .loading-container,body.dark .spinner-container{background:#141d2b!important;border-color:#26344a!important;color:#c4d0e0!important}body.dark .filter-container,body.dark .filter-section,body.dark .filters-section,body.dark .search-section{background:#141d2b!important;border-color:#26344a!important;box-shadow:0 1px 2px #0006!important;color:#d7e0ec!important}.profile-image-container{align-items:center;display:inline-flex;gap:8px}.profile-image{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 2px 4px #0000001a;display:flex;flex-shrink:0;justify-content:center;overflow:hidden;position:relative}.profile-image.small{font-size:10px;height:24px;width:24px}.profile-image.medium{font-size:12px;height:32px;width:32px}.profile-image.large{font-size:16px;height:48px;width:48px}.profile-image.extra-large{font-size:20px;height:64px;width:64px}.profile-img{display:block;height:100%;object-fit:cover;width:100%}.profile-initials{align-items:center;color:#fff;display:flex;font-weight:600;height:100%;justify-content:center;text-transform:uppercase;width:100%}.profile-name{color:#374151;font-size:14px;font-weight:500}.profile-image:hover{box-shadow:0 4px 8px #00000026;transform:scale(1.05);transition:transform .2s ease}.profile-image:first-child{background:linear-gradient(135deg,#667eea,#764ba2)}.profile-image:nth-child(2){background:linear-gradient(135deg,#f093fb,#f5576c)}.profile-image:nth-child(3){background:linear-gradient(135deg,#4facfe,#00f2fe)}.profile-image:nth-child(4){background:linear-gradient(135deg,#43e97b,#38f9d7)}.profile-image:nth-child(5){background:linear-gradient(135deg,#fa709a,#fee140)}.profile-image-inline{vertical-align:middle}.profile-image-inline .profile-image{font-size:9px;height:20px;width:20px}.profile-image-inline .profile-name{font-size:13px}.task-comments{border-top:2px solid #f1f5f9;margin-top:12px;padding-top:12px}.comments-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.comments-header h4{color:#1e3c72;font-size:1.2rem;font-weight:600;margin:0}.comment-hint{color:#6b7280;font-size:.8rem;font-style:italic}.comments-list{max-height:none!important;overflow:visible!important;padding-right:5px}.no-comments{padding:15px 10px}.no-comments-icon{font-size:2rem;margin-bottom:10px}.no-comments p{font-size:.9rem;margin:0}.comment-item{animation:slideInComment .3s ease-out;display:flex;gap:12px;margin-bottom:20px}@keyframes slideInComment{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.comment-avatar,.comment-item .profile-image-container{flex-shrink:0}.comment-header .profile-image-container{margin-right:4px}.comment-content{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex:1 1;padding:15px;position:relative}.comment-content:before{border-right:8px solid #f8fafc;left:-8px}.comment-content:after,.comment-content:before{border-bottom:8px solid #0000;border-top:8px solid #0000;content:"";height:0;position:absolute;top:15px;width:0}.comment-content:after{border-right:8px solid #e2e8f0;left:-9px}.comment-header{gap:10px}.comment-author{color:#1e3c72;font-size:.9rem}.comment-time{color:#6b7280;font-size:.8rem}.comment-actions{gap:5px;margin-left:auto}.comment-delete,.comment-edit{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1rem;opacity:.7;padding:4px 6px;transition:all .2s}.comment-edit{color:#3b82f6}.comment-edit:hover{background:#3b82f61a;opacity:1}.comment-delete{color:#ef4444}.comment-delete:hover{background:#ef44441a;opacity:1}.comment-text{word-wrap:break-word;color:#374151;font-size:.9rem;line-height:1.5}.mention{cursor:pointer!important;display:inline-block!important;font-size:.9em!important;line-height:1.4!important;margin:0 2px!important;position:relative!important;text-decoration:none!important;transition:all .2s ease!important}.comment-text .mention,.mention{background:#dbeafe!important;border:1px solid #60a5fa!important;border-radius:4px!important;color:#1e40af!important;font-weight:600!important;padding:2px 6px!important}.comment-text .mention-me{background:#fef3c7!important;border:1px solid #fbbf24!important;color:#92400e!important;font-weight:700!important}.mention:hover{background:#bfdbfe!important;border-color:#3b82f6!important;box-shadow:0 4px 8px #3b82f666!important;transform:translateY(-1px)!important}.mention:before{content:"";font-weight:900;margin-right:1px}.mention-me{animation:mentionPulse 2s ease-in-out;background:#fef3c7!important;border:1px solid #fbbf24!important;box-shadow:0 2px 8px #fbbf244d;color:#92400e!important;font-weight:700!important}.mention-me:hover{background:#fde68a!important;border-color:#f59e0b!important;box-shadow:0 6px 20px #ef444499;transform:translateY(-1px)}@keyframes mentionPulse{0%{box-shadow:0 0 0 0 #ef4444b3}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 0 0 #ef444400}}.comment-mentions{border-top:1px solid #e5e7eb;font-size:.8rem;margin-top:10px;padding-top:10px}.mentions-label{color:#6b7280;margin-right:8px}.mentioned-user{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #7dd3fc;border-radius:15px;box-shadow:0 1px 3px #0ea5e933;color:#0369a1;display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:4px;margin-right:8px;padding:4px 10px}.mentioned-user:before{color:#0284c7;content:"@";font-weight:700;margin-right:2px}.comment-form{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:10px;transition:border-color .2s}.comment-form:focus-within{border-color:#1e3c72}.comment-input-container{display:flex;gap:12px;margin-bottom:12px}.current-user-avatar{align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:36px;justify-content:center;width:36px}.comment-input-wrapper{flex:1 1;position:relative}.comment-input{line-height:1.4;min-height:50px;padding:10px;transition:border-color .2s}.comment-input:focus{border-color:#1e3c72;box-shadow:0 0 0 3px #1e3c721a}.comment-input::placeholder{color:#9ca3af}.mention-list{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #00000026;max-height:200px;overflow-y:auto;width:280px}.mention-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:background-color .2s}.mention-item:last-child{border-bottom:none}.mention-item:hover{background:#f8fafc}.mention-item.no-results{color:#6b7280;cursor:default;font-style:italic;justify-content:center}.mention-item.no-results:hover{background:#fff}.mention-avatar{align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:600;height:28px;justify-content:center;width:28px}.mention-info{flex:1 1}.mention-name{color:#1e3c72;font-size:.9rem;font-weight:600}.mention-department{color:#6b7280;font-size:.8rem}.comment-actions .btn-primary{font-size:.9rem;padding:8px 16px}.comment-actions .btn-primary:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.edit-comment-form{margin-top:10px}.edit-comment-input{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:.9rem;line-height:1.4;margin-bottom:8px;min-height:60px;padding:8px 12px;resize:vertical;width:100%}.edit-comment-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.edit-comment-actions{display:flex;gap:8px}.btn-sm{border-radius:4px;font-size:.8rem;padding:6px 12px}.comment-footer{border-top:1px solid #f3f4f6;margin-top:10px;padding-top:8px}.reply-button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:.8rem;padding:4px 0;transition:color .2s}.reply-button:hover{color:#3b82f6}.replies-list{border-left:2px solid #e5e7eb;margin-top:15px;padding-left:20px}.reply-item{display:flex;gap:10px;margin-bottom:12px}.reply-avatar{font-size:.8rem!important;height:30px!important;width:30px!important}.reply-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:12px;padding:12px}.reply-input-container{display:flex;gap:10px;margin-bottom:10px}.reply-input{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;flex:1 1;font-size:.85rem;line-height:1.4;min-height:50px;padding:8px 12px;resize:vertical}.reply-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.reply-actions{display:flex;gap:8px;justify-content:flex-end}.btn-secondary{background:#f3f4f6}.btn-secondary:hover{background:#e5e7eb}.comment-attachment{margin-top:10px;max-width:100%;overflow:hidden}.attachment-image{display:inline-block}.attachment-image img{border:1px solid #e2e8f0;box-shadow:0 2px 4px #0000001a;transition:transform .2s,box-shadow .2s}.attachment-image img:hover{box-shadow:0 4px 8px #00000026;transform:scale(1.02)}.attachment-file{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;color:#2563eb;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:6px;max-width:100%;padding:6px 12px;text-decoration:none;transition:background-color .2s}.attachment-file:hover{background:#dbeafe;color:#1d4ed8}.attachment-file .attachment-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attached-files-preview{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.attached-file-preview{align-items:center;background:#f0fdf4;border:1px solid #86efac;border-radius:6px;display:flex;gap:8px;padding:8px 12px}.attached-file-preview .file-name{color:#166534;flex:1 1;font-size:.85rem;word-break:break-all}.attached-file-preview .remove-file-btn{align-items:center;background:#fecaca;border:none;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;font-size:14px;height:22px;justify-content:center;transition:background-color .2s;width:22px}.attached-file-preview .remove-file-btn:hover{background:#fca5a5}.file-attach-btn{align-items:center;display:flex;font-size:.9rem;gap:6px;margin-right:8px;padding:8px 12px}.file-attach-btn:hover{background:#e5e7eb}.comment-actions{display:flex;gap:8px;justify-content:flex-end}.comment-form,.reply-form{position:relative;transition:border-color .2s,background-color .2s}.comment-form.dragging,.reply-form.dragging{background-color:#eff6ff;border:2px dashed #3b82f6;border-radius:8px}.drop-overlay{align-items:center;background:#3b82f61a;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:10}.drop-message{background:#3b82f6;border-radius:8px;box-shadow:0 4px 12px #3b82f64d;color:#fff;font-size:.95rem;font-weight:500;padding:12px 24px}@media (max-width:768px){.comments-header{align-items:flex-start;flex-direction:column;gap:8px}.comment-input-container{gap:8px}.comment-avatar,.current-user-avatar{font-size:.8rem;height:32px;width:32px}.mention-list{width:250px}.comment-actions{justify-content:stretch}.comment-actions .btn-primary{width:100%}}@media (max-width:480px){.task-comments{margin-top:20px;padding-top:20px}.comment-form{padding:12px}.mention-list{left:20px!important;width:calc(100vw - 40px)}}.tasks-page.admin-tasks-page.user-tasks-page .comments-list{margin-bottom:12px}.tasks-page.admin-tasks-page.user-tasks-page .comment-content{padding:9px 13px}.tasks-page.admin-tasks-page.user-tasks-page .comment-header{margin-bottom:4px}.tasks-page.admin-tasks-page.user-tasks-page .comment-footer{padding-top:6px}.tasks-page.admin-tasks-page.user-tasks-page .reply-item{margin-bottom:8px}.tasks-page.admin-tasks-page.user-tasks-page .no-comments{padding:6px 10px}.tasks-page.admin-tasks-page.user-tasks-page .no-comments-icon{font-size:1.3rem;margin-bottom:2px}.tasks-page.admin-tasks-page.user-tasks-page .no-comments p{font-size:.85rem}.tasks-page.admin-tasks-page.user-tasks-page .task-comments{margin-top:8px;padding-top:8px}.tasks-page.admin-tasks-page.user-tasks-page .comments-header{margin-bottom:6px}.tasks-page.admin-tasks-page.user-tasks-page .task-comments{border-top-width:1px;margin-top:6px;padding-top:6px}.tasks-page.admin-tasks-page.user-tasks-page .comments-header{margin-bottom:4px}.tasks-page.admin-tasks-page.user-tasks-page .comments-header h4{font-size:1rem}.tasks-page.admin-tasks-page.user-tasks-page .comment-form{border-radius:10px;padding:8px}.tasks-page.admin-tasks-page.user-tasks-page .comment-input-container{gap:8px;margin-bottom:8px}.tasks-page.admin-tasks-page.user-tasks-page .current-user-avatar{font-size:.8rem;height:30px;width:30px}.tasks-page.admin-tasks-page.user-tasks-page .comment-input{padding:8px 10px}.tasks-page.admin-tasks-page.user-tasks-page .comment-actions .btn-primary,.tasks-page.admin-tasks-page.user-tasks-page .file-attach-btn{padding:6px 12px}.tasks-page.admin-tasks-page.user-tasks-page .comment-form{padding:6px}.tasks-page.admin-tasks-page.user-tasks-page .comment-input-container{gap:6px;margin-bottom:6px}.tasks-page.admin-tasks-page.user-tasks-page .current-user-avatar{font-size:.75rem;height:28px;width:28px}.tasks-page.admin-tasks-page.user-tasks-page .comment-input{font-size:.83rem;min-height:34px;padding:7px 9px}.tasks-page.admin-tasks-page.user-tasks-page .comment-actions .btn-primary{font-size:.83rem;padding:6px 12px}.tasks-page.admin-tasks-page.user-tasks-page .file-attach-btn{font-size:.83rem;margin-right:6px;padding:6px 10px}.tasks-page.admin-tasks-page.user-tasks-page .comment-hint{font-size:.72rem}.tasks-page.admin-tasks-page.user-tasks-page .no-comments{padding:4px 8px}.tasks-page.admin-tasks-page.user-tasks-page .no-comments-icon{font-size:1.1rem;margin-bottom:0}.tasks-page.admin-tasks-page.user-tasks-page .no-comments p{font-size:.8rem}.tasks-page.admin-tasks-page.user-tasks-page .no-comments{display:none}.tasks-page.admin-tasks-page.user-tasks-page .comment-form{align-items:flex-end;display:flex;flex-wrap:wrap;gap:8px;padding:8px 10px}.tasks-page.admin-tasks-page.user-tasks-page .comment-input-container{align-items:flex-end;flex:1 1 240px;margin-bottom:0;min-width:0}.tasks-page.admin-tasks-page.user-tasks-page .comment-input-wrapper{flex:1 1 auto;min-width:0}.tasks-page.admin-tasks-page.user-tasks-page .comment-input{min-height:38px}.tasks-page.admin-tasks-page.user-tasks-page .comment-actions{align-items:center;flex-shrink:0;gap:6px}.tasks-page.admin-tasks-page.user-tasks-page .attached-files-preview{flex-basis:100%;margin:0;order:-1}.tasks-page.admin-tasks-page.user-tasks-page .comment-input-container{align-items:center!important;flex:1 1 240px!important;margin-bottom:0!important;min-width:0!important}.tasks-page.admin-tasks-page.user-tasks-page .comment-input-wrapper{flex:1 1 auto!important;min-width:0!important}.tasks-page.admin-tasks-page.user-tasks-page .comment-input{max-height:90px!important}.tasks-page.admin-tasks-page.user-tasks-page .comment-actions{align-items:center!important;flex-shrink:0!important}.tasks-page.admin-tasks-page.user-tasks-page .comment-form{align-items:center!important;border-top:none!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important;height:auto!important;max-height:160px!important;min-height:0!important;padding:8px 10px!important}.tasks-page.admin-tasks-page.user-tasks-page .comment-input{height:38px!important;max-height:80px!important;min-height:38px!important}.tasks-page.admin-tasks-page.user-tasks-page .comment-item{gap:10px;margin-bottom:10px}.tasks-page.admin-tasks-page.user-tasks-page .comment-content:after,.tasks-page.admin-tasks-page.user-tasks-page .comment-content:before{display:none!important}.tasks-page.admin-tasks-page.user-tasks-page .comment-content{background:#f8fafc;padding:10px 13px}.tasks-page.admin-tasks-page.user-tasks-page .comment-header{margin-bottom:6px}.tasks-page.admin-tasks-page.user-tasks-page .comment-author{font-size:.88rem}.tasks-page.admin-tasks-page.user-tasks-page .comment-time{color:#94a3b8;font-size:.76rem}.tasks-page.admin-tasks-page.user-tasks-page .comment-text{color:#334155;font-size:.88rem;line-height:1.55}.tasks-page.admin-tasks-page.user-tasks-page .comment-delete,.tasks-page.admin-tasks-page.user-tasks-page .comment-edit{font-size:.85rem;padding:2px 5px}.tasks-page.admin-tasks-page.user-tasks-page .comment-footer{margin-top:6px}.tasks-page.admin-tasks-page.user-tasks-page .reply-button{color:#64748b;font-size:.78rem;padding:2px 0}.tasks-page.admin-tasks-page.user-tasks-page .replies-list{margin-top:8px;padding-left:16px}.tasks-page.admin-tasks-page.user-tasks-page .comments-list{margin-bottom:6px}.tasks-page.admin-tasks-page.user-tasks-page .comment-item{align-items:flex-start;gap:8px;margin-bottom:6px}.tasks-page.admin-tasks-page.user-tasks-page .comment-avatar .profile-image,.tasks-page.admin-tasks-page.user-tasks-page .comment-item>.profile-image-container .profile-image{height:30px!important;width:30px!important}.tasks-page.admin-tasks-page.user-tasks-page .comment-content{align-self:flex-start;background:#fff;border:1px solid #eef2f7;border-radius:4px 14px 14px 14px;flex:0 1 auto!important;max-width:80%;padding:7px 11px;width:auto}.tasks-page.admin-tasks-page.user-tasks-page .comment-header{gap:6px;margin-bottom:2px}.tasks-page.admin-tasks-page.user-tasks-page .comment-author{color:#1e293b;font-size:.82rem;font-weight:700}.tasks-page.admin-tasks-page.user-tasks-page .comment-time{color:#b0b8c4;font-size:.72rem}.tasks-page.admin-tasks-page.user-tasks-page .comment-text{color:#1f2937;font-size:.86rem;line-height:1.45}.tasks-page.admin-tasks-page.user-tasks-page .comment-attachment{margin-top:5px}.tasks-page.admin-tasks-page.user-tasks-page .comment-footer{border-top:none;margin-top:3px;padding-top:0}.tasks-page.admin-tasks-page.user-tasks-page .reply-button{color:#94a3b8;font-size:.74rem;padding:1px 0}.tasks-page.admin-tasks-page.user-tasks-page .replies-list{border-left-color:#eef2f7;margin-top:6px;padding-left:14px}.tasks-page.admin-tasks-page.user-tasks-page .reply-item{align-items:flex-start;gap:8px;margin-bottom:6px}.tasks-page.admin-tasks-page.user-tasks-page .comment-content{border-radius:10px;flex:1 1 auto!important;max-width:none!important;width:auto!important}.tasks-page.admin-tasks-page.user-tasks-page .current-user-avatar{display:none!important}body.dark .comment-form,body.dark .comment-input-container,body.dark .comment-input-wrapper{background:#141d2b!important;border-color:#2c3b52!important}body.dark .comment-input,body.dark .edit-comment-input{background:#0f1a2a!important;border-color:#2c3b52!important;color:#e7edf5!important}body.dark .comment-input::placeholder,body.dark .edit-comment-input::placeholder{color:#6f8098!important}body.dark .comments-header,body.dark .comments-list,body.dark .edit-comment-form,body.dark .reply-form{background:#0000!important;border-color:#26344a!important}body.dark .comment-item,body.dark .replies-list .reply-item{background:#18253a!important;border-color:#2a3b55!important;color:#dce6f2!important}body.dark .comment-author,body.dark .mention-name{color:#eaf0f8!important}body.dark .comment-hint,body.dark .comment-time,body.dark .mention-department,body.dark .mentions-label{color:#9daac0!important}body.dark .comment-content,body.dark .comment-text{color:#d7e0ec!important}body.dark .mention-list{background:#141d2b!important;border-color:#2c3b52!important;box-shadow:0 8px 24px #00000080!important}body.dark .mention-item{color:#dce6f2!important}body.dark .mention-item.mention-me,body.dark .mention-item:hover{background:#1f2f49!important}body.dark .btn-secondary,body.dark .file-attach-btn{background:#22304a!important;border-color:#2c3b52!important;color:#d7e0ec!important}body.dark .attached-file-preview,body.dark .attached-files-preview,body.dark .attachment-file{background:#18253a!important;border-color:#2a3b55!important;color:#c4d0e0!important}body.dark .comment-content{background:#18253a!important;border-color:#2a3b55!important}body.dark .comment-content:before{border-right-color:#18253a!important}body.dark .comment-content:after{border-right-color:#2a3b55!important}@media (max-width:768px){.task-comments{--c-surf:#f4f7fc;--c-line:#e7ecf3;--c-ink:#1b2533;--c-ink2:#5e6b7e;--c-ink3:#9aa6b6;border-top:1px solid var(--c-line)!important;margin:8px 16px 22px!important;padding-top:16px!important}body.dark .task-comments{--c-surf:#131d2f;--c-line:#94a3b829;--c-ink:#e7edf6;--c-ink2:#9aa7bd;--c-ink3:#6b7890}.task-comments .comments-header{align-items:center!important;display:flex!important;gap:8px!important;margin-bottom:14px!important}.task-comments .comments-header h4{color:var(--c-ink)!important;font-size:14px!important;font-weight:800!important;margin:0!important}.task-comments .comments-header h4:before{content:"💬 "}.task-comments .comment-hint{display:none!important}.task-comments .no-comments{background:#0000!important;border:1px dashed var(--c-line)!important;border-radius:14px!important;color:var(--c-ink3)!important;padding:26px 16px!important;text-align:center!important}.task-comments .no-comments-icon{font-size:22px!important;margin-bottom:8px!important;opacity:.5!important}.task-comments .no-comments p{color:var(--c-ink3)!important;font-size:12.5px!important;margin:0!important}.task-comments .comment-form,.tasks-page.admin-tasks-page.user-tasks-page .task-comments .comment-form{align-items:flex-end!important;background:#0000!important;border:0!important;display:flex!important;flex-wrap:nowrap!important;gap:10px!important;margin-top:14px!important;padding:0!important}.task-comments .comment-input-container{display:block!important;flex:1 1 auto!important;min-width:0!important}.task-comments .current-user-avatar{display:none!important}.task-comments .comment-input-wrapper{width:100%!important}.task-comments .comment-input{background:var(--c-surf)!important;border:1px solid var(--c-line)!important;border-radius:12px!important;box-sizing:border-box!important;color:var(--c-ink)!important;font-size:13px!important;min-height:46px!important;padding:12px 13px!important;width:100%!important}.task-comments .comment-input::placeholder{color:var(--c-ink3)!important}.task-comments .attached-files-preview{flex:1 0 100%!important;order:3!important}.task-comments .comment-actions{align-items:center!important;display:flex!important;flex:0 0 auto!important;gap:0!important;margin-top:0!important}.task-comments .comment-actions .file-attach-btn,.tasks-page.admin-tasks-page.user-tasks-page .comment-actions .file-attach-btn{display:none!important}.task-comments .comment-actions .btn-primary,.tasks-page.admin-tasks-page.user-tasks-page .comment-actions .btn-primary,.tasks-page.admin-tasks-page.user-tasks-page .task-comments .comment-actions .btn-primary{background:linear-gradient(180deg,#3b82f6,#2563eb)!important;border:0!important;border-radius:12px!important;box-shadow:0 4px 12px #2563eb66!important;color:#fff!important;display:grid!important;flex:none!important;font-size:0!important;height:46px!important;min-width:46px!important;padding:0!important;place-items:center!important;width:46px!important}.task-comments .comment-actions .btn-primary:before,.tasks-page.admin-tasks-page.user-tasks-page .task-comments .comment-actions .btn-primary:before{content:"↑"!important;font-size:18px!important;font-weight:800!important}.task-comments .comment-actions .btn-primary:disabled{box-shadow:none!important;opacity:.45!important}}.task-detail-modal-overlay{align-items:center;background:#0009;bottom:0;box-sizing:border-box;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.task-detail-modal{background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;max-width:1000px;overflow:hidden;width:95%}.task-detail-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e5e7eb;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.task-detail-modal-header h2{font-size:1.25rem;font-weight:600;margin:0}.task-detail-close-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;padding:8px 12px;transition:all .2s}.task-detail-close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.task-detail-btn-close{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .2s}.task-detail-btn-close:hover{background:#4b5563;transform:translateY(-1px)}.task-header-info{flex:1 1;margin-right:16px}.task-modal-title{color:#fff;font-size:1.5rem;font-weight:700;line-height:1.4;margin:0 0 12px}.task-header-badges{display:flex;flex-wrap:wrap;gap:8px}.task-header-badges .priority-badge,.task-header-badges .status-badge{border-radius:16px;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.task-header-badges .priority-badge{background:#fff3;border:1px solid #ffffff4d;color:#fff}.task-header-badges .status-badge{background:#ffffffe6;color:#374151}.task-close-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;flex-shrink:0;font-size:1.2rem;font-weight:700;padding:8px 12px;transition:all .2s}.task-close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.task-modal-body{flex:1 1;gap:24px;overflow-y:auto;padding:24px 28px}.task-loading,.task-modal-body{display:flex;flex-direction:column}.task-loading{align-items:center;color:#6b7280;justify-content:center;padding:60px 20px}.task-meta-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.task-meta-row{display:flex;gap:32px;margin-bottom:12px}.task-meta-row:last-child{margin-bottom:0}.task-meta-item{align-items:center;display:flex;flex:1 1;gap:8px}.meta-label{color:#374151;min-width:60px}.meta-value{color:#6b7280;font-weight:500}.task-description{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;white-space:pre-wrap}.task-description h4{color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 16px}.task-description-content{color:#4b5563}.task-comments-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.task-comments-section h4{color:#374151;font-size:1.1rem;font-weight:600;margin:0 0 16px}.comments-list{margin-bottom:20px;max-height:300px;overflow-y:auto}.comment-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;padding:16px}.comment-item:last-child{margin-bottom:0}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.comment-author{color:#374151;font-weight:600}.comment-date{color:#6b7280;font-size:.85rem}.comment-content{color:#4b5563;line-height:1.5;white-space:pre-wrap}.no-comments{color:#9ca3af;font-style:italic;margin:0;padding:20px;text-align:center}.comment-form{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:12px;padding-top:16px}.comment-input{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:.9rem;min-height:80px;padding:12px;resize:vertical;width:100%}.comment-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.comment-submit-btn{align-self:flex-end;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.comment-submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.comment-submit-btn:disabled{cursor:not-allowed;opacity:.6}.task-error{align-items:center;color:#ef4444;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.task-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:20px 28px}.task-action-btn{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .2s}.task-action-btn:hover{background:#4b5563;transform:translateY(-1px)}.priority-low{background:#4caf501a!important;border:1px solid #4caf504d!important;color:#4caf50!important}.priority-normal{background:#2196f31a!important;border:1px solid #2196f34d!important;color:#2196f3!important}.priority-high{background:#ff98001a!important;border:1px solid #ff98004d!important;color:#ff9800!important}.priority-urgent{background:#f443361a!important;border:1px solid #f443364d!important;color:#f44336!important}.status-badge.requested{background:#667eea1a!important;color:#667eea!important}.status-badge.in_progress{background:#43e97b1a!important;color:#43e97b!important}.status-badge.completed{background:#4facfe1a!important;color:#4facfe!important}.claim-link-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .3s ease;width:100%}.claim-link-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.claim-link-btn:active{transform:translateY(0)}.task-detail-content{background:#f8f9fa;max-height:70vh;padding:20px}.task-detail-table{background:#fff;font-size:.85rem}.task-detail-table th{background-color:#f3f4f6;border:1px solid #d1d5db;white-space:nowrap;width:15%}.task-detail-table td{border:1px solid #d1d5db;vertical-align:middle}.task-detail-table tr:hover{background-color:#f9fafb}.task-detail-table .status-select{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:.8rem;padding:5px 8px}.task-detail-table .priority-badge{border-radius:4px;font-size:.75rem;font-weight:600;padding:3px 8px}.task-detail-table .title-cell{color:#1e3c72;font-size:1.1rem;font-weight:600}.task-detail-table .description-th{vertical-align:top}.task-detail-table .description-cell{line-height:1.6;min-height:100px;vertical-align:top;white-space:pre-wrap;word-break:break-word}.claim-info{font-size:.85rem;line-height:1.6}.claim-info div{margin-bottom:4px}.claim-link-btn-small{font-size:.85rem;margin-top:12px;padding:6px 12px;width:auto}.edit-mode-btn{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;cursor:pointer;font-size:14px;padding:6px 12px}.edit-mode-btn:hover{background-color:#e9ecef}.edit-title-input{border:2px solid #007bff;border-radius:4px;font-size:18px;font-weight:600;margin-bottom:12px;padding:8px 12px;width:100%}.edit-textarea{min-height:150px;padding:12px;resize:vertical;width:100%}.edit-date-input,.edit-textarea{border:2px solid #007bff;border-radius:4px;font-family:inherit;font-size:14px}.edit-date-input{cursor:pointer;padding:8px 12px}.task-description-display{background:#f9fafb;border-left:4px solid #1e3c72;border-radius:8px;min-height:100px;padding:12px}.task-description-content,.task-description-display{line-height:1.6;white-space:pre-wrap;word-break:break-word}.task-description-content{color:#374151;font-size:.85rem;max-height:150px;overflow-y:auto}.claim-link-section{margin-bottom:16px}.assignee-info{align-items:center;display:flex;gap:4px}.assignee-info .profile-image{font-size:8px;height:20px;width:20px}.task-detail-layout{display:flex;gap:20px;margin-bottom:20px}.task-detail-left{flex:1 1;min-width:0}.task-detail-section{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:16px;padding:20px}.task-detail-section:last-child{margin-bottom:0}.section-title{border-bottom:2px solid #e9ecef;color:#0d6efd;font-size:1.25rem;margin:0 0 16px;padding-bottom:12px}.description-content{color:#212529;font-size:.85rem;line-height:1.7;min-height:150px;white-space:pre-wrap;word-break:break-word}.task-detail-right{flex-shrink:0;width:280px}.task-info-table{background:#fff;border:1px solid #dee2e6;border-collapse:collapse;border-radius:8px;font-size:.85rem;overflow:hidden;width:100%}.task-info-table th{background:#f8f9fa;color:#495057;font-size:.75rem;font-weight:600;text-align:left;text-transform:uppercase;width:80px}.task-info-table td,.task-info-table th{border-bottom:1px solid #dee2e6;padding:10px 12px}.task-info-table td{color:#212529}.task-info-table tr:last-child td,.task-info-table tr:last-child th{border-bottom:none}.task-info-table tr:hover{background:#f8f9fa}.task-info-table .status-select{background:#fff;border:1px solid #ced4da;border-radius:4px;cursor:pointer;font-size:.8rem;padding:5px 8px;width:100%}.task-info-table .status-select:focus{border-color:#86b7fe;box-shadow:0 0 0 .2rem #0d6efd40;outline:0}.task-info-table .priority-badge{border-radius:4px;font-size:.7rem;font-weight:600;padding:3px 8px}.profile-image-inline{gap:6px}.task-detail-loading{background:#fff;padding:60px 40px;text-align:center}.task-detail-loading-text{color:#6c757d;font-size:1.1rem}@media (max-width:768px){.task-detail-layout{flex-direction:column}.task-detail-right{width:100%}.task-detail-modal{max-width:100%;width:100%}.task-detail-modal-overlay{padding:10px}}.assignee-edit-section{display:flex;flex-direction:column;gap:8px}.selected-assignees{background:#e7f3ff;border:2px solid #007bff;border-radius:4px;display:flex;flex-wrap:wrap;gap:6px;min-height:32px;padding:8px}.assignee-tag{align-items:center;background:#007bff;border-radius:12px;color:#fff;display:inline-flex;font-size:12px;font-weight:500;padding:4px 8px}.assignee-remove-btn{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;line-height:1;margin-left:6px;padding:0}.assignee-select-list{background:#fff;border:2px solid #007bff;border-radius:4px;font-size:13px;max-height:150px;overflow-y:auto}.assignee-option{align-items:center;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background-color .15s}.assignee-option:hover{background:#f8f9fa}.assignee-option.selected{background:#e7f3ff}.assignee-option input[type=checkbox]{height:16px;margin:0;width:16px}.assignee-name{flex:1 1}.assignee-option.selected .assignee-name{font-weight:600}.assignee-dept{color:#999;font-size:11px}.assignee-display{display:flex;flex-wrap:wrap;gap:6px}.assignee-tag-readonly{align-items:center;background:#007bff;border-radius:12px;color:#fff;display:inline-flex;font-size:12px;font-weight:500;padding:4px 8px}.file-upload-area{margin-bottom:12px}.file-input{border:2px solid #007bff;font-size:12px;width:100%}.file-input,.selected-files{border-radius:4px;padding:6px}.selected-files{background:#e7f3ff;color:#007bff;font-size:11px;margin-top:6px}.attachment-item{background:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:8px}.attachment-image-link{display:flex;flex:1 1;flex-direction:column;gap:4px;text-decoration:none}.attachment-image{border-radius:4px;max-height:200px;max-width:100%}.attachment-filename{color:#666;font-size:11px}.attachment-file-link,.attachment-filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-file-link{background:#f0f7ff;border:1px solid #bfdbfe;border-radius:4px;color:#2563eb;display:block;flex:1 1;font-size:13px;padding:8px 12px;text-decoration:none}.attachment-file-link:hover{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}.attachment-delete-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:10px;padding:2px 6px}.attachment-delete-btn:hover{background:#c82333}.section-subtitle{color:#495057;font-size:.9rem;font-weight:600;margin:0 0 12px}.task-detail-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:8px;justify-content:flex-end;padding:16px 24px}.task-detail-btn-save{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px}.task-detail-btn-save:hover{background:#218838}.task-detail-btn-cancel{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px}.task-detail-btn-cancel:hover{background:#5a6268}@media (max-width:768px){.task-modal-overlay{padding:10px}.task-modal-container{max-height:95vh}.task-modal-body,.task-modal-footer,.task-modal-header{padding:16px 20px}.task-meta-row{flex-direction:column;gap:12px}.task-modal-title{font-size:1.3rem}}.assignees-list{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.assignee-item{align-items:center;display:inline-flex;gap:2px}.view-check{color:#22c55e;font-size:.9rem;font-weight:700;margin-left:2px}.view-status{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 10px}.tasks-page.admin-tasks-page.user-tasks-page .task-detail-modal{border-radius:14px}.tasks-page.admin-tasks-page.user-tasks-page .task-detail-modal-header{background:#fff;border-bottom:1px solid #e7eaf0;color:#1e293b}.tasks-page.admin-tasks-page.user-tasks-page .task-detail-modal-header h2{color:#1e293b;font-weight:800}.tasks-page.admin-tasks-page.user-tasks-page .task-detail-close-btn{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.tasks-page.admin-tasks-page.user-tasks-page .task-detail-close-btn:hover{background:#e2e8f0;color:#1e293b;transform:none}.tasks-page.admin-tasks-page.user-tasks-page .edit-mode-btn{background:#2563eb;border:1px solid #2563eb;border-radius:8px;color:#fff;font-weight:600;padding:7px 14px}.tasks-page.admin-tasks-page.user-tasks-page .edit-mode-btn:hover{background:#1d4ed8}.tasks-page.admin-tasks-page.user-tasks-page .task-detail-content{background:#f4f6f9}.tasks-page.admin-tasks-page.user-tasks-page .task-detail-section,.tasks-page.admin-tasks-page.user-tasks-page .task-info-table{border:1px solid #e7eaf0;border-radius:12px}.tasks-page.admin-tasks-page.user-tasks-page .task-info-table th{background:#f8fafc;color:#64748b}.tasks-page.admin-tasks-page.user-tasks-page .section-title{border-bottom:1px solid #eef2f7;color:#0f172a;font-weight:800;text-align:left}.tasks-page.admin-tasks-page.user-tasks-page .comment-submit-btn{background:#2563eb}.tasks-page.admin-tasks-page.user-tasks-page .comment-submit-btn:hover:not(:disabled){box-shadow:0 4px 12px #2563eb4d}.tasks-page.admin-tasks-page.user-tasks-page .comment-input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f61f}.tasks-page.admin-tasks-page.user-tasks-page .claim-link-btn,.tasks-page.admin-tasks-page.user-tasks-page .claim-link-btn-small,.tasks-page.admin-tasks-page.user-tasks-page .view-status{background:#2563eb;box-shadow:none}.tasks-page.admin-tasks-page.user-tasks-page .claim-link-btn:hover{box-shadow:0 4px 12px #2563eb4d}.tasks-page.admin-tasks-page.user-tasks-page .task-detail-layout{flex-direction:column;gap:14px}.tasks-page.admin-tasks-page.user-tasks-page .task-detail-left{min-width:0;width:100%}.tasks-page.admin-tasks-page.user-tasks-page .task-detail-right{order:-1;width:100%}.tasks-page.admin-tasks-page.user-tasks-page .task-detail-content:not(.editing) .task-info-table{background:#f8fafc;border:none;border-radius:10px;display:block;padding:10px 14px;width:100%}.tasks-page.admin-tasks-page.user-tasks-page .task-detail-content:not(.editing) .task-info-table tbody{display:flex;flex-wrap:wrap;gap:8px 26px}.tasks-page.admin-tasks-page.user-tasks-page .task-detail-content:not(.editing) .task-info-table tr{align-items:center;display:flex;gap:6px}.tasks-page.admin-tasks-page.user-tasks-page .task-detail-content:not(.editing) .task-info-table tr:hover{background:#0000}.tasks-page.admin-tasks-page.user-tasks-page .task-detail-content:not(.editing) .task-info-table td,.tasks-page.admin-tasks-page.user-tasks-page .task-detail-content:not(.editing) .task-info-table th{align-items:center;background:#0000;border:none;display:flex;padding:0;white-space:nowrap;width:auto}.tasks-page.admin-tasks-page.user-tasks-page .task-detail-content:not(.editing) .task-info-table th{color:#94a3b8;font-size:.8rem;font-weight:600;text-transform:none}.tasks-page.admin-tasks-page.user-tasks-page .task-detail-modal-footer,.tasks-page.admin-tasks-page.user-tasks-page .task-detail-modal-header{flex-shrink:0}.tasks-page.admin-tasks-page.user-tasks-page .task-detail-content{display:block;flex:1 1 auto;max-height:none;min-height:0;overflow-y:auto}.tasks-page.admin-tasks-page.user-tasks-page .task-comments .comments-list{max-height:320px;overflow-y:auto!important}.tasks-page.admin-tasks-page.user-tasks-page .task-detail-content:not(.editing) .task-info-table tbody{align-items:flex-start}body.dark .task-detail-modal-overlay{background:#0009!important}body.dark .task-detail-modal,body.dark .tasks-page.admin-tasks-page.user-tasks-page .task-detail-modal{background:#141d2b!important;border-color:#26344a!important;color:#e7edf5!important}body.dark .task-detail-modal-footer,body.dark .task-detail-modal-header,body.dark .task-modal-footer,body.dark .tasks-page.admin-tasks-page.user-tasks-page .task-detail-modal-footer,body.dark .tasks-page.admin-tasks-page.user-tasks-page .task-detail-modal-header,body.dark .tasks-page.admin-tasks-page.user-tasks-page .task-modal-footer{background:#141d2b!important;border-color:#26344a!important}body.dark .task-detail-content,body.dark .task-modal-body,body.dark .tasks-page.admin-tasks-page.user-tasks-page .task-detail-content,body.dark .tasks-page.admin-tasks-page.user-tasks-page .task-modal-body{background:#141d2b!important;color:#e7edf5!important}body.dark .tasks-page.admin-tasks-page.user-tasks-page .section-subtitle,body.dark .tasks-page.admin-tasks-page.user-tasks-page .section-title,body.dark .tasks-page.admin-tasks-page.user-tasks-page .task-detail-modal h1,body.dark .tasks-page.admin-tasks-page.user-tasks-page .task-detail-modal h2,body.dark .tasks-page.admin-tasks-page.user-tasks-page .task-detail-modal h3,body.dark .tasks-page.admin-tasks-page.user-tasks-page .task-header-info,body.dark .tasks-page.admin-tasks-page.user-tasks-page .task-header-info *{color:#eaf0f8!important}body.dark .task-info-table,body.dark .task-meta-info,body.dark .task-meta-item,body.dark .tasks-page.admin-tasks-page.user-tasks-page .task-detail-table,body.dark .tasks-page.admin-tasks-page.user-tasks-page .task-info-table,body.dark .tasks-page.admin-tasks-page.user-tasks-page .task-meta-info,body.dark .tasks-page.admin-tasks-page.user-tasks-page .task-meta-item,body.dark .tasks-page.admin-tasks-page.user-tasks-page .task-meta-row{background:#0000!important;border-color:#26344a!important;color:#e7edf5}body.dark .meta-label,body.dark .tasks-page.admin-tasks-page.user-tasks-page .meta-label{color:#9daac0!important}body.dark .meta-value,body.dark .tasks-page.admin-tasks-page.user-tasks-page .meta-value{color:#e7edf5!important}body.dark .description-content,body.dark .task-description,body.dark .tasks-page.admin-tasks-page.user-tasks-page .description-content,body.dark .tasks-page.admin-tasks-page.user-tasks-page .task-description,body.dark .tasks-page.admin-tasks-page.user-tasks-page .task-description-content,body.dark .tasks-page.admin-tasks-page.user-tasks-page .task-description-display{background:#0f1a2a!important;border-color:#26344a!important;color:#d7e0ec!important}body.dark .tasks-page.admin-tasks-page.user-tasks-page .comments-list,body.dark .tasks-page.admin-tasks-page.user-tasks-page .task-comments-section{background:#0000!important}body.dark .comment-item,body.dark .tasks-page.admin-tasks-page.user-tasks-page .comment-item{background:#18253a!important;border-color:#2a3b55!important;color:#dce6f2!important}body.dark .comment-author{color:#eaf0f8!important}body.dark .comment-date{color:#9daac0!important}body.dark .comment-content{color:#d7e0ec!important}body.dark .no-comments{color:#9daac0!important}body.dark .task-detail-modal input,body.dark .task-detail-modal select,body.dark .task-detail-modal textarea,body.dark .tasks-page.admin-tasks-page.user-tasks-page .comment-input,body.dark .tasks-page.admin-tasks-page.user-tasks-page .edit-date-input,body.dark .tasks-page.admin-tasks-page.user-tasks-page .edit-textarea,body.dark .tasks-page.admin-tasks-page.user-tasks-page .edit-title-input{background:#0f1a2a!important;border-color:#2c3b52!important;color:#e7edf5!important}body.dark .assignee-item,body.dark .assignee-option,body.dark .assignee-tag,body.dark .assignee-tag-readonly{background:#22304a!important;border-color:#2c3b52!important;color:#dce6f2!important}body.dark .assignee-select-list{background:#0f1a2a!important;border-color:#2c3b52!important}body.dark .assignee-name{color:#e7edf5!important}body.dark .assignee-dept{color:#9daac0!important}body.dark .attachment-file-link,body.dark .attachment-filename,body.dark .task-close-btn,body.dark .task-detail-btn-close,body.dark .task-detail-close-btn{color:#c4d0e0!important}body.dark .task-detail-modal *,body.dark .tasks-page.admin-tasks-page.user-tasks-page .task-detail-modal *{border-color:#2a3b55!important}body.dark .task-detail-modal-header{border-bottom-color:#26344a!important}body.dark .task-detail-modal-footer,body.dark .task-modal-footer{border-top-color:#26344a!important}body.dark .tasks-page.admin-tasks-page.user-tasks-page .description-content,body.dark .tasks-page.admin-tasks-page.user-tasks-page .task-description-content{background:#18233a!important}body.dark .task-detail-section,body.dark .tasks-page.admin-tasks-page.user-tasks-page .task-detail-section{background:#0000!important;border-color:#2a3b55!important}@media (max-width:768px){.task-detail-modal-overlay{padding:8px!important}.task-detail-modal{border-radius:12px!important;max-height:94vh!important;max-width:100%!important;width:100%!important}.task-detail-modal-header{align-items:center!important;display:flex!important;flex-direction:row!important;gap:8px!important;justify-content:space-between!important;padding:12px 14px!important}.task-detail-modal-header h2{flex:0 1 auto;font-size:16px!important;margin:0!important;white-space:nowrap}.task-detail-modal-header .modal-header-actions{align-items:center!important;display:flex!important;flex:none!important;flex-direction:row!important;gap:6px!important;margin-left:auto!important;width:auto!important}.task-detail-modal-header .edit-mode-btn{font-size:12px!important;padding:6px 10px!important;white-space:nowrap}.task-detail-modal-header .task-detail-close-btn{align-items:center!important;display:inline-flex!important;flex:none!important;font-size:20px!important;height:30px!important;justify-content:center!important;padding:0!important;position:static!important;width:30px!important}.task-detail-content{padding:12px 14px!important}.task-detail-section{padding:10px 12px!important}.task-info-table tbody,.task-meta-info{gap:8px 14px!important}.task-detail-modal-footer,.task-modal-footer{padding:10px 14px!important}}body.dark .task-detail-modal .description-content,body.dark .task-detail-modal .task-description-content,body.dark .tasks-page.admin-tasks-page.user-tasks-page .task-detail-modal .description-content,body.dark .tasks-page.admin-tasks-page.user-tasks-page .task-detail-modal .task-description-content{background:#0000!important;border:none!important;box-shadow:none!important}@media (max-width:768px){.task-detail-modal-overlay{align-items:stretch!important;justify-content:stretch!important;padding:0!important}.task-detail-modal{--d-bg:#fff;--d-surf:#f4f7fc;--d-line:#e7ecf3;--d-ink:#1b2533;--d-ink2:#5e6b7e;--d-ink3:#9aa6b6;--d-blue:#2563eb;background:var(--d-bg)!important;border-radius:0!important;display:flex!important;flex-direction:column!important;height:100%!important;margin:0!important;max-height:none!important;max-width:none!important;overflow-x:hidden!important;width:100%!important}body.dark .task-detail-modal{--d-bg:#0b1220;--d-surf:#131d2f;--d-line:#94a3b829;--d-ink:#e7edf6;--d-ink2:#9aa7bd;--d-ink3:#6b7890;--d-blue:#3b82f6}.task-detail-modal-header{align-items:center!important;background:linear-gradient(180deg,#0f1a2e,#0f1729)!important;border-bottom:1px solid var(--d-line)!important;min-height:0!important;padding:10px 14px!important}.task-detail-modal-header h2{color:#e7edf6!important;font-size:15px!important;font-weight:800!important}.task-detail-modal-header h2:before{content:"📄 "}.task-detail-close-btn{background:#94a3b81f!important;border:1px solid #94a3b82e!important;border-radius:9px!important;color:#9aa7bd!important;display:grid!important;font-size:17px!important;height:32px!important;place-items:center!important;width:32px!important}.task-detail-content{background:var(--d-bg)!important;flex:1 1!important;overflow-x:hidden!important;overflow-y:auto!important;padding:0 0 16px!important}.task-detail-layout{display:flex!important;flex-direction:column!important;gap:0!important;max-width:100%!important;padding:0!important}.task-detail-modal .task-info-table td,.task-detail-modal .task-info-table th{white-space:normal!important}.task-detail-modal .description-content,.task-detail-modal .task-detail-left{min-width:0!important;overflow-wrap:anywhere!important;word-break:break-word!important}.task-detail-modal .task-detail-right{flex:none!important;order:-1!important;width:auto!important}.task-detail-modal .task-info-table,.tasks-page.admin-tasks-page.user-tasks-page .task-detail-content:not(.editing) .task-info-table{grid-gap:12px 10px!important;align-items:center!important;background:var(--d-surf)!important;border:1px solid var(--d-line)!important;border-radius:14px!important;display:grid!important;gap:12px 10px!important;grid-template-columns:auto 1fr auto 1fr!important;margin:16px!important;max-width:100%!important;padding:13px 15px!important;width:auto!important}.task-detail-modal .task-info-table tbody,.task-detail-modal .task-info-table tr,.tasks-page.admin-tasks-page.user-tasks-page .task-detail-content:not(.editing) .task-info-table tbody,.tasks-page.admin-tasks-page.user-tasks-page .task-detail-content:not(.editing) .task-info-table tr{display:contents!important}.task-detail-modal .task-info-table th,.tasks-page.admin-tasks-page.user-tasks-page .task-detail-content:not(.editing) .task-info-table th{align-self:center!important;background:#0000!important;border:0!important;color:var(--d-ink3)!important;display:block!important;font-size:11.5px!important;font-weight:700!important;padding:0!important;text-align:left!important;white-space:nowrap!important;width:auto!important}.task-detail-modal .task-info-table td,.tasks-page.admin-tasks-page.user-tasks-page .task-detail-content:not(.editing) .task-info-table td{align-self:center!important;background:#0000!important;border:0!important;color:var(--d-ink)!important;display:block!important;font-size:12.5px!important;min-width:0!important;overflow:hidden!important;padding:0!important;text-overflow:ellipsis!important;white-space:nowrap!important}.task-detail-left{padding:0!important;width:auto!important}.task-detail-left .task-detail-section{background:#0000!important;border:0!important;border-radius:0!important;margin:4px 16px 0!important;padding:0!important}.task-detail-left .section-title{border-bottom:1px solid var(--d-line)!important;color:var(--d-ink)!important;font-size:18px!important;font-weight:800!important;margin:0!important;padding:16px 0 12px!important}.task-detail-left .description-content{color:var(--d-ink2)!important;font-size:14px!important;line-height:1.7!important;padding:14px 0 20px!important;white-space:pre-wrap!important}.task-detail-left .section-subtitle{color:var(--d-ink2)!important}body.dark .task-detail-modal [style*=fffbeb]{background:#2a2512!important;border-color:#5a4a1e!important}body.dark .task-detail-modal [style*=fffbeb] *{color:#fcd34d!important}.task-detail-modal-footer{display:none!important}}.notifications-container{display:inline-block;position:relative}.notification-bell{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:50%;box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;font-size:1.2rem;height:45px;justify-content:center;position:relative;transition:all .3s ease;width:45px}.notification-bell:hover{background:#f8fafc;border-color:#1e3c72;box-shadow:0 4px 12px #1e3c7226;transform:translateY(-1px)}.notification-bell.has-notifications{animation:notification-pulse 2s infinite;background:linear-gradient(135deg,#1e3c72,#2a5298);border-color:#1e3c72;color:#fff}@keyframes notification-pulse{0%,to{box-shadow:0 2px 8px #1e3c724d;transform:scale(1)}50%{box-shadow:0 4px 15px #1e3c7266;transform:scale(1.05)}}.notification-badge{align-items:center;animation:badge-bounce .6s ease-out;background:#ff4757;border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:22px;justify-content:center;position:absolute;right:-8px;top:-8px;width:22px}@keyframes badge-bounce{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.notifications-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.notifications-dropdown{animation:dropdown-appear .3s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 20px 50px #00000026;max-height:500px;overflow:hidden;position:absolute;right:0;top:55px;width:380px;z-index:1000}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.notifications-dropdown .notifications-header{align-items:center;background:linear-gradient(135deg,#1e3c72,#2a5298);border-bottom:1px solid #f1f5f9;color:#fff;display:flex;justify-content:space-between;min-height:60px;padding:20px 24px}.notifications-dropdown .notifications-header h3{font-size:1.1rem;font-weight:600;line-height:1;margin:0}.notifications-dropdown .notifications-actions{align-items:center;display:flex;flex-shrink:0;gap:12px}.notifications-dropdown .clear-all-btn,.notifications-dropdown .delete-all-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 12px;transition:all .2s}.notifications-dropdown .clear-all-btn:hover,.notifications-dropdown .delete-all-btn:hover{background:#ffffff4d}.notifications-dropdown .delete-all-btn{background:#ef444433;border:1px solid #ef44444d}.notifications-dropdown .delete-all-btn:hover{background:#ef44444d}.notifications-dropdown .notifications-header .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:28px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:28px}.notifications-dropdown .notifications-header .close-btn:hover{background:#fff3}.notifications-list{max-height:400px;overflow-y:auto}.no-notifications{color:#9ca3af;padding:60px 20px;text-align:center}.no-notifications .empty-icon{display:block;font-size:3rem;margin-bottom:16px;opacity:.5}.no-notifications p{font-size:.95rem;margin:0}.notification-item{align-items:flex-start;border-bottom:1px solid #f8fafc;cursor:pointer;display:flex;padding:16px 24px;position:relative;transition:all .2s}.notification-item:hover{background:#f8fafc}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:#fef7f0;border-left:4px solid #1e3c72}.notification-item.unread:hover{background:#fef2e8}.notification-icon{flex-shrink:0;font-size:1.3rem;margin-right:12px;margin-top:2px}.notification-content{flex:1 1;min-width:0}.notification-title{color:#1e3c72;font-size:.9rem;font-weight:600;line-height:1.4;margin-bottom:4px}.notification-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4b5563;display:-webkit-box;font-size:.85rem;line-height:1.4;margin-bottom:6px;overflow:hidden}.notification-time{color:#9ca3af;font-size:.75rem;font-weight:500}.unread-indicator{background:#1e3c72;border-radius:50%;flex-shrink:0;height:8px;margin-left:8px;margin-top:8px;width:8px}@media (max-width:768px){.notification-bell{border-width:2px;font-size:1.1rem;height:40px;width:40px}.notification-badge{border-width:2px;font-size:.65rem;height:20px;right:-6px;top:-6px;width:20px}.notifications-dropdown{max-height:450px;max-width:340px;right:-8px;top:50px;width:calc(100vw - 32px)}.notifications-dropdown .notifications-header{padding:14px 16px}.notifications-dropdown .notifications-header h3{font-size:.95rem}.notifications-dropdown .notifications-actions{align-items:center;display:flex;gap:8px}.notifications-dropdown .clear-all-btn{font-size:.7rem;padding:4px 8px}.notifications-dropdown .notifications-header .close-btn{flex-shrink:0;font-size:1.2rem;height:24px;width:24px}.notifications-list{max-height:350px}.notification-item{padding:14px 18px}.notification-icon{font-size:1.2rem;margin-right:10px}.notification-title{font-size:.85rem}.notification-message{font-size:.8rem}.notification-time{font-size:.7rem}.no-notifications{padding:50px 20px}.no-notifications .empty-icon{font-size:2.5rem}.no-notifications p{font-size:.9rem}}@media (max-width:480px){.notification-bell{font-size:1rem;height:36px;width:36px}.notification-badge{font-size:.6rem;height:18px;right:-5px;top:-5px;width:18px}.notifications-dropdown{border-radius:10px;max-height:380px;max-width:320px;right:-10px;width:calc(100vw - 20px)}.notifications-dropdown .notifications-header{padding:12px 14px}.notifications-dropdown .notifications-header h3{font-size:.9rem}.notifications-dropdown .notifications-actions{align-items:center;display:flex;gap:6px}.notifications-dropdown .clear-all-btn{font-size:.65rem;padding:3px 6px;white-space:nowrap}.notifications-dropdown .notifications-header .close-btn{flex-shrink:0;font-size:1.1rem;height:22px;width:22px}.notifications-list{max-height:300px}.notification-item{padding:12px 14px}.notification-icon{font-size:1.1rem;margin-right:8px}.notification-title{font-size:.8rem}.notification-message{-webkit-line-clamp:2;font-size:.75rem}.notification-time{font-size:.65rem}.unread-indicator{height:6px;margin-left:6px;margin-top:6px;width:6px}.no-notifications{padding:40px 16px}.no-notifications .empty-icon{font-size:2rem;margin-bottom:12px}.no-notifications p{font-size:.85rem}}.layout{--bg:#eef2f8;--side:#fff;--line:#e7ecf3;--line-soft:#f0f3f8;--ink:#1b2533;--muted:#5e6b7e;--faint:#9aa6b6;--brand:#2b6ae8;--brand-dark:#1a53c0;--brand-soft:#ecf2fe;--brand-tint:#f5f8fe;--gold:#f6a623;--gold-dark:#d98c0a;--shadow:0 1px 2px #14202e0a,0 6px 20px #14202e0f;--nav-h:60px;background:var(--bg);display:flex;flex-direction:column;min-height:100vh}.header.topnav{align-items:center;background:linear-gradient(100deg,#0f2444,#18386f 55%,#1c3f7c);box-shadow:0 1px 0 #ffffff0a,0 4px 18px #0814282e;color:#fff;display:flex;gap:14px;height:var(--nav-h);padding:0 16px 0 12px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nv-burger{background:#0000;border:0;border-radius:10px;color:#cbd8ee;cursor:pointer;display:grid;flex:none;font-size:18px;height:38px;place-items:center;width:38px}.nv-burger:hover{background:#ffffff1a;color:#fff}.nv-logo{align-items:center;display:flex;gap:9px;padding-right:6px;text-decoration:none}.header-logo{filter:brightness(0) invert(1);height:30px;max-width:160px;object-fit:contain}.nv-search{flex:1 1;max-width:440px;position:relative}.nv-search .nv-search-ic{font-size:14px;left:12px;opacity:.7;position:absolute;top:50%;transform:translateY(-50%)}.nv-search input{background:#ffffff1a;border:1px solid #ffffff24;border-radius:11px;color:#fff;font-family:inherit;font-size:13.5px;height:40px;padding:0 14px 0 36px;width:100%}.nv-search input::placeholder{color:#a9bad6}.nv-search input:focus{background:#ffffff2e;border-color:#ffffff61;outline:none}.nv-right{align-items:center;display:flex;gap:8px;margin-left:auto}.header-quick-link.nv-cta{align-items:center;background:var(--gold);border:0;border-radius:10px;box-shadow:0 4px 12px #f6a62359;color:#3d2a04!important;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:7px;height:38px;padding:0 15px;text-decoration:none;transition:background .15s,transform .05s;white-space:nowrap}.header-quick-link.nv-cta:hover{background:var(--gold-dark);color:#2e2003!important;transform:translateY(-1px)}.header-quick-link.nv-cta .quick-link-icon{font-size:15px}.nv-div{background:#ffffff29;height:26px;margin:0 4px;width:1px}.user-menu{align-items:center;display:flex}.user-profile-container{position:relative}.user-profile-link.nv-user{align-items:center;background:#0000;border-radius:11px;color:#fff;cursor:pointer;display:flex;gap:9px;height:42px;padding:0 10px 0 7px}.user-profile-link.nv-user:hover{background:#ffffff1a}.user-avatar{background:linear-gradient(135deg,#7fa8f5,#3b6fe0);font-size:14px;height:30px;overflow:hidden;position:relative;width:30px}.user-avatar .avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.user-avatar .avatar-placeholder{align-items:center;color:#fff;display:flex;font-size:13px;font-weight:800;height:100%;justify-content:center;width:100%}.header-user-name{color:#fff!important;font-size:13.5px;font-weight:600}.nv-caret{color:#9fb3d6;font-size:12px}.user-dropdown-menu{background:var(--side);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);margin-top:8px;min-width:200px;padding:7px;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{align-items:center;background:none;border:none;border-radius:8px;color:var(--ink);cursor:pointer;display:flex;font-size:13.5px;font-weight:500;gap:10px;padding:9px 10px;text-align:left;text-decoration:none;transition:all .15s;width:100%}.dropdown-item:hover{background:var(--brand-tint);color:var(--brand-dark)}.dropdown-icon{font-size:16px;text-align:center;width:20px}.logout-btn{color:#d63b3b}.logout-btn:hover{background:#fcecec;color:#d63b3b}.main-container{display:flex;flex:1 1;overflow:hidden;position:relative}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:var(--nav-h);z-index:99}.sidebar-overlay.show{display:block}.sidebar{background:var(--side);border-right:1px solid var(--line);display:flex;flex-direction:column;height:calc(100vh - var(--nav-h));overflow-y:auto;position:-webkit-sticky;position:sticky;top:var(--nav-h);transition:width .22s cubic-bezier(.4,0,.2,1);width:248px;z-index:100}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar::-webkit-scrollbar-thumb{background:#e1e7f0;border:2px solid var(--side);border-radius:8px}.sidebar::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.sidebar-nav{display:flex;flex-direction:column;gap:1px;min-height:100%;padding:12px 10px 16px}.grp-label{color:var(--faint);font-size:10.5px;font-weight:700;letter-spacing:.07em;padding:14px 12px 6px;text-transform:uppercase}.nav-item-wrapper{align-items:center;display:flex;position:relative}.nav-item-wrapper .nav-item{flex:1 1}.nav-item{align-items:center;border-radius:10px;color:var(--muted);display:flex;font-size:13.5px;font-weight:600;gap:11px;height:42px;padding:0 11px;position:relative;text-decoration:none;transition:all .15s;white-space:nowrap}.nav-item:hover{background:var(--brand-tint);color:var(--ink)}.nav-item.active{background:var(--brand-soft);color:var(--brand-dark);font-weight:700}.nav-icon{display:grid;flex:none;font-size:17px;height:20px;place-items:center;width:20px}.nav-text{flex:1 1;font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis}.admin-menu-section{position:relative}.admin-menu-toggle{align-items:center;background:none;border:none;border-radius:10px;color:var(--muted);cursor:pointer;display:flex;font-size:13.5px;font-weight:600;gap:11px;height:42px;padding:0 11px;text-align:left;transition:all .15s;width:100%}.admin-menu-toggle:hover{background:var(--brand-tint);color:var(--ink)}.admin-menu-toggle .nav-text{flex:1 1}.admin-menu-toggle.open{color:var(--ink)}.admin-menu-section.section-active>.admin-menu-toggle{background:var(--brand-soft);color:var(--brand-dark)}.admin-menu-section.section-active>.admin-menu-toggle .nav-icon{color:var(--brand)}.accordion-arrow{color:var(--faint);flex:none;font-size:10px;transition:transform .2s}.admin-menu-toggle.open .accordion-arrow{transform:rotate(90deg)}.admin-submenu{border-left:1.5px solid var(--line);margin:2px 0 4px 22px;max-height:0;overflow:hidden;padding-left:12px;transition:max-height .24s ease}.admin-submenu.open{max-height:520px}.admin-submenu.closed{max-height:0}.submenu-wrapper{background:#0000}.submenu-item{border-radius:8px;font-size:13px;font-weight:500;gap:9px;height:36px;padding:0 10px}.submenu-item .nav-icon{font-size:14px;width:16px}.submenu-item:hover{background:var(--brand-tint);color:var(--ink)}.submenu-item.active{background:var(--brand-soft);color:var(--brand-dark);font-weight:700;position:relative}.submenu-item.active:before{background:var(--brand);border-radius:3px;bottom:7px;content:"";left:-13.5px;position:absolute;top:7px;width:2.5px}.new-window-btn{background:#0000;border:none;border-radius:6px;color:var(--faint);cursor:pointer;font-size:12px;padding:4px 6px;position:absolute;right:8px;transition:all .15s}.new-window-btn:hover{background:#e7edf6;color:var(--brand)}.submenu-new-window{right:4px}.sidebar.collapsed{width:66px}.sidebar.collapsed .accordion-arrow,.sidebar.collapsed .admin-submenu,.sidebar.collapsed .grp-label,.sidebar.collapsed .nav-text,.sidebar.collapsed .new-window-btn{display:none}.sidebar.collapsed .admin-menu-toggle,.sidebar.collapsed .nav-item{gap:0;justify-content:center;padding:0}.sidebar.collapsed .nav-item-wrapper{justify-content:center}.sidebar.collapsed .admin-menu-section:hover:after,.sidebar.collapsed .nav-item-wrapper:hover:after{background:var(--ink);border-radius:7px;box-shadow:var(--shadow);color:#fff;content:attr(data-name);font-size:12px;font-weight:600;left:60px;padding:6px 10px;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:20}.content{background:var(--bg);flex:1 1;height:calc(100vh - var(--nav-h));overflow-y:auto;padding:10px}body.dark .layout{--bg:#0e1622;--side:#141d2b;--line:#26344a;--line-soft:#1c2839;--ink:#e7edf5;--muted:#a1b1c7;--faint:#6f8098;--brand:#5b8cf0;--brand-dark:#86a9f6;--brand-soft:#1c2e50;--brand-tint:#18253a;--shadow:0 1px 2px #00000073,0 10px 28px #00000080}body.dark .header.topnav{background:linear-gradient(100deg,#0a1730,#122747 55%,#163059);box-shadow:0 4px 18px #0006}body.dark .new-window-btn:hover{background:#22324a}@media (max-width:820px){.nv-search{display:none}}@media (max-width:768px){.header.topnav{padding:0 10px}.header-quick-link.nv-cta .quick-link-text{display:none}.header-quick-link.nv-cta{padding:0 11px}.header-user-name{display:none}.sidebar{box-shadow:4px 0 20px #0000002e;height:calc(100vh - var(--nav-h));left:0;max-width:85vw;position:fixed;top:var(--nav-h);transform:translateX(-100%);width:280px;z-index:100}.sidebar.mobile-open{transform:translateX(0)}.sidebar.collapsed{width:280px}.sidebar.collapsed .accordion-arrow,.sidebar.collapsed .admin-submenu,.sidebar.collapsed .grp-label,.sidebar.collapsed .nav-text{display:revert}.sidebar.collapsed .admin-menu-toggle,.sidebar.collapsed .nav-item{gap:11px;justify-content:flex-start;padding:0 11px}.content{padding:0;width:100%}}.dxm-overlay,.estimates-modal-overlay,.image-modal-overlay,.image-viewer-overlay,.logistics-image-modal-overlay,.logistics-modal-overlay,.modal-backdrop,.modal-overlay,.notice-modal-overlay,.partners-modal-overlay,.preview-image-overlay,.qd-overlay,.request-modal-overlay,.task-detail-modal-overlay,.team-modal-overlay,.vacation-form-overlay,.vf-overlay{z-index:5000!important}.vacation-form-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.vacation-form-container{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.vacation-form-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e9ecef;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.vacation-form-header h3{font-size:1.3rem;font-weight:600;margin:0}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.close-button:hover{background:#fff3}.vacation-form{padding:24px}.form-input,.form-select,.form-textarea{background:#fff;border:2px solid #e9ecef;border-radius:8px;font-size:1rem;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-textarea{min-height:80px}.checkbox-label{color:#495057}.form-checkbox{margin-right:8px;transform:scale(1.2);width:auto!important}.vacation-days-info{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-left:4px solid #667eea;border-radius:8px;color:#495057;font-size:.95rem;margin:20px 0;padding:12px 16px}.vacation-days-info strong{color:#667eea;font-weight:600}.btn-cancel,.btn-submit{border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;min-width:100px;padding:12px 24px;transition:all .2s}.btn-cancel{background:#f8f9fa;border:2px solid #dee2e6;color:#6c757d}.btn-cancel:hover{background:#e9ecef;border-color:#adb5bd}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff}.btn-submit:hover{box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.btn-submit:active{transform:translateY(0)}@media (max-width:640px){.vacation-form-container{margin:10px;width:95%}.vacation-form,.vacation-form-header{padding:16px}.form-row{gap:0;grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}.color-picker-container{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);margin-top:8px}.color-option{align-items:center;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:8px;transition:all .2s}.color-option:hover{background:#f8f9fa}.color-option.selected{background:#f0f4ff;border-color:#667eea}.color-circle{border:2px solid #e9ecef;border-radius:50%;box-shadow:0 2px 4px #0000001a;height:32px;width:32px}.color-name{color:#6c757d;font-size:.75rem;font-weight:500}@media (max-width:480px){.color-picker-container{grid-template-columns:repeat(3,1fr)}}body.dark .vacation-form-container{background:#141d2b!important;border:1px solid #26344a!important;color:#e7edf5}body.dark .vacation-form{background:#0000!important}body.dark .vacation-form-header{border-bottom-color:#26344a}body.dark .form-group label,body.dark .vacation-form label{color:#c4d0e0!important}body.dark .form-input,body.dark .form-textarea{background:#0f1a2a!important;border-color:#2c3b52!important;color:#e7edf5!important}body.dark .form-input::placeholder,body.dark .form-textarea::placeholder{color:#6f8098!important}body.dark .days-info{color:#9daac0!important}body.dark .checkbox-label{color:#c4d0e0!important}body.dark .color-option:hover{background:#1f2f49!important}body.dark .color-option.selected{background:#1c2e50!important;border-color:#5b8cf0!important}body.dark .color-name{color:#aebbd0!important}body.dark .color-circle{border-color:#3a4a60!important}body.dark .btn-cancel{background:#22304a!important;border-color:#2c3b52!important;color:#d7e0ec!important}body.dark .btn-cancel:hover{background:#2a3b57!important}.vf-overlay{align-items:flex-end;background:#0509108c;display:flex;inset:0;justify-content:center;padding:0;position:fixed;z-index:100000}.vf-sheet{--surf:#fff;--surf2:#f4f6fa;--line:#e4eaf2;--line-soft:#eef1f6;--ink:#16202e;--muted:#5c6b82;--faint:#93a0b3;--brand:#2b6ae8;--brand-dark:#1a53c0;--brand-soft:#eaf1fe;--brand-tint:#f5f8fe;--ok:#16a34a;--ok-dark:#15803d;--req:#d63b3b;animation:vfRise .28s cubic-bezier(.4,0,.2,1);background:var(--surf);border-radius:24px 24px 0 0;box-shadow:0 -8px 40px #00000040;color:var(--ink);display:flex;flex-direction:column;max-height:94vh;max-width:480px;width:100%}@keyframes vfRise{0%{transform:translateY(100%)}to{transform:translateY(0)}}.vf-handle{background:#c8d2df;border-radius:3px;height:4px;margin:9px auto 0;width:40px}.vf-head{align-items:center;border-bottom:1px solid var(--line-soft);display:flex;gap:11px;padding:12px 18px 14px}.vf-ic{background:var(--brand-soft);border-radius:10px;display:grid;font-size:18px;height:34px;place-items:center;width:34px}.vf-ttl{flex:1 1;font-size:18px;font-weight:800;letter-spacing:-.01em}.vf-x{background:var(--surf2);border:0;border-radius:10px;color:var(--muted);cursor:pointer;font-size:16px;height:34px;width:34px}.vf-x:active{background:#e5eaf1}.vf-body{overflow-y:auto;padding:16px 18px 8px}.vf-fld{margin-bottom:16px}.vf-lbl{color:var(--muted);display:block;font-size:13px;font-weight:700;margin-bottom:7px}.vf-req{color:var(--req);margin-left:2px}.vf-opt{color:var(--faint);font-size:11.5px;font-weight:500;margin-left:5px}.vf-ctrl,.vf-sel,.vf-ta{background:var(--surf2);border:1px solid var(--line);border-radius:12px;color:var(--ink);font-family:inherit;font-size:14.5px;outline:none;width:100%}.vf-ctrl,.vf-sel{height:48px;padding:0 14px}.vf-ctrl:focus,.vf-sel:focus,.vf-ta:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.vf-ctrl:disabled{opacity:.5}.vf-sel{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235C6B82' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat}.vf-ta{line-height:1.5;min-height:84px;padding:12px 14px;resize:none}.vf-row2{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.vf-row2.locked>div:last-child{opacity:.45}.vf-toggle{align-items:center;background:var(--surf2);border:1px solid var(--line);border-radius:12px;display:flex;gap:12px;padding:12px 14px}.vf-tt{flex:1 1}.vf-tt .n{font-size:14.5px;font-weight:700}.vf-tt .s{color:var(--faint);font-size:12px;margin-top:1px}.vf-sw{background:#c2ccda;border-radius:999px;cursor:pointer;flex:none;height:28px;position:relative;transition:.2s;width:48px}.vf-sw:after{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:22px;left:3px;position:absolute;top:3px;transition:.2s;width:22px}.vf-sw.on{background:var(--ok)}.vf-sw.on:after{transform:translateX(20px)}.vf-half{margin-top:10px}.vf-seg{background:var(--surf2);border:1px solid var(--line);border-radius:11px;display:flex;padding:3px}.vf-seg button{background:#0000;border:0;border-radius:8px;color:var(--muted);cursor:pointer;flex:1 1;font-size:13px;font-weight:700;height:34px}.vf-seg button.on{background:var(--brand);color:#fff}.vf-summary{align-items:center;background:linear-gradient(120deg,var(--brand-soft),var(--surf2));border:1px solid var(--line);border-radius:14px;display:flex;gap:12px;margin-bottom:16px;padding:14px 16px}.vf-si{background:var(--brand);border-radius:11px;color:#fff;display:grid;flex:none;font-size:18px;height:38px;place-items:center;width:38px}.vf-sx{flex:1 1}.vf-sx .k{color:var(--muted);font-size:12px;font-weight:600}.vf-sx .v{font-size:22px;font-weight:800;letter-spacing:-.02em}.vf-sx .v b{color:var(--brand-dark)}.vf-warn{color:var(--req);font-size:11.5px;font-weight:600;text-align:right}.vf-foot{background:var(--surf);border-top:1px solid var(--line-soft);display:flex;gap:10px;padding:12px 18px calc(12px + env(safe-area-inset-bottom))}.vf-btn{border:0;border-radius:13px;cursor:pointer;font-size:15px;font-weight:800;height:50px}.vf-btn.cancel{background:var(--surf2);border:1px solid var(--line);color:var(--muted);flex:0 0 96px}.vf-btn.submit{background:var(--ok);color:#fff;flex:1 1}.vf-btn.submit:active{background:var(--ok-dark)}.vf-btn.submit:disabled{background:#cbd5e1;color:#94a3b8;cursor:not-allowed}@media (min-width:600px){.vf-overlay{align-items:center}.vf-sheet{animation:vfFade .2s ease;border-radius:20px;max-height:88vh}@keyframes vfFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}body.dark .vf-sheet{--surf:#141d2b;--surf2:#1b2738;--line:#26344a;--line-soft:#1f2c3e;--ink:#e7edf5;--muted:#a1b1c7;--faint:#6f8098;--brand:#5b8cf0;--brand-dark:#86a9f6;--brand-soft:#1c2e50;--brand-tint:#18253a;--ok:#22c55e;--ok-dark:#16a34a;--req:#f0676f}body.dark .vf-handle{background:#39485f}body.dark .vf-sw{background:#33445c}body.dark .vf-btn.submit{color:#06281a}body.dark .vf-btn.submit:disabled{background:#2b3a4d;color:#5c6e84}body.dark .vf-sel{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23A1B1C7' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.vf-colors{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr)}.vf-color{aspect-ratio:1/1;border:2px solid #0000;border-radius:50%;box-shadow:0 1px 3px #0000002e;cursor:pointer;justify-self:center;max-width:44px;padding:0;transition:transform .12s;width:100%}.vf-color:active{transform:scale(.92)}.vf-color.on{border-color:var(--surf);box-shadow:0 0 0 2px var(--brand),0 1px 3px #0003}.vf-tplbar{align-items:center;background:var(--surf2);border:1px solid var(--line);border-radius:12px;display:flex;gap:10px;justify-content:space-between;padding:10px 12px}.vf-tpllabel{color:var(--muted);font-size:13px;font-weight:700}.vf-tplbtn{background:var(--brand);border:0;border-radius:8px;color:#fff;cursor:pointer;flex:none;font-size:12px;font-weight:700;height:30px;padding:0 13px}.vf-tplbtn.close{background:var(--req)}.vf-tpllist{background:var(--surf);border:1px solid var(--line);border-radius:12px;margin-top:8px;max-height:160px;overflow-y:auto}.vf-tplitem{border-bottom:1px solid var(--line-soft);cursor:pointer;padding:9px 12px}.vf-tplitem:last-child{border-bottom:0}.vf-tplitem:active{background:var(--surf2)}.vf-tplt{color:var(--ink);font-size:13px;font-weight:700;margin-bottom:2px}.vf-tpld{color:var(--faint);font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vf-drop{background:var(--surf2);border:2px dashed var(--line);border-radius:12px;cursor:pointer;padding:18px;text-align:center;transition:.15s}.vf-drop.drag{background:var(--brand-soft);border-color:var(--brand)}.vf-drop-ic{font-size:24px;margin-bottom:6px}.vf-drop-t{color:var(--muted);font-size:13px}.vf-drop-s{color:var(--faint);font-size:11px;margin-top:3px}.vf-files{display:flex;flex-direction:column;gap:5px;margin-top:8px}.vf-file{align-items:center;background:var(--surf2);border:1px solid var(--line);border-radius:8px;color:var(--ink);display:flex;font-size:12px;gap:8px;justify-content:space-between;padding:6px 10px}.vf-file-n{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vf-file-x{background:var(--req);border:0;border-radius:50%;color:#fff;cursor:pointer;display:grid;flex:none;font-size:12px;height:18px;padding:0;place-items:center;width:18px}body.dark .vf-ctrl,body.dark .vf-sel,body.dark .vf-ta{color-scheme:dark}.vf-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.vf-chip{align-items:center;background:var(--brand);border-radius:999px;color:#fff;display:inline-flex;font-size:11.5px;font-weight:600;gap:5px;padding:4px 6px 4px 11px}.vf-chip.team{background:var(--ok)}.vf-chip-x{background:#0000;border:0;color:#fff;cursor:pointer;font-size:14px;line-height:1;padding:0}.vf-pick{background:var(--surf);border:1px solid var(--line);border-radius:12px;max-height:170px;overflow-y:auto}.vf-pick-item{align-items:center;border-bottom:1px solid var(--line-soft);color:var(--ink);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:9px 12px}.vf-pick-item:last-child{border-bottom:0}.vf-pick-item.on{background:var(--brand-soft)}.vf-pick-item input[type=checkbox]{accent-color:var(--brand);flex:none;height:15px;margin:0;width:15px}.vf-pick-name{flex:1 1}.vf-pick-item.on .vf-pick-name{font-weight:700}.vf-pick-sub{color:var(--faint);font-size:11px}.vf-pick-empty{color:var(--faint);font-size:12px;padding:10px 12px;text-align:center}.notice-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.notice-modal-container{animation:noticeModalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:80vh;max-width:700px;overflow:hidden;width:90%}@keyframes noticeModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.notice-modal-header{align-items:flex-start;background:linear-gradient(135deg,#3b82f6,#1e40af);border-bottom:2px solid #f1f5f9;color:#fff;display:flex;justify-content:space-between;padding:24px 24px 20px}.notice-header-info{flex:1 1;margin-right:16px}.notice-modal-title{color:#fff;font-size:1.5rem;font-weight:700;line-height:1.4;margin:0 0 8px}.notice-pinned-badge{background:#fbbf24;border-radius:12px;color:#92400e;font-size:.75rem;font-weight:600;padding:4px 8px}.notice-close-btn{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;flex-shrink:0;font-size:1.5rem;padding:4px;transition:background-color .2s}.notice-close-btn:hover{background-color:#fff3}.notice-modal-body{flex:1 1;overflow-y:auto;padding:24px}.notice-loading{padding:40px 20px;text-align:center}.loading-spinner{border:3px solid #e5e7eb;margin:0 auto 16px}.notice-meta-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px}.notice-meta-item{align-items:center;display:flex;font-size:.875rem;gap:8px}.meta-label{color:#64748b;font-weight:600}.meta-value{color:#1f2937}.notice-content{margin-bottom:24px}.notice-content-text{word-wrap:break-word;background:#fefefe;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-family:inherit;font-size:1rem;line-height:1.6;margin:0;padding:20px;white-space:pre-wrap}.notice-attachments{margin-top:24px}.notice-attachments h4{color:#1e3c72;font-size:1.1rem;font-weight:600;margin:0 0 12px}.attachment-item{background:#f8fafc;padding:12px 16px}.attachment-item:hover{background:#e2e8f0;border-color:#cbd5e1}.attachment-icon{font-size:1.2rem}.attachment-size{color:#64748b;font-size:.875rem}.notice-error{color:#ef4444;padding:40px 20px;text-align:center}.notice-error p{font-size:1rem;margin:0}.notice-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;padding:20px 24px}.notice-action-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:background-color .2s}.notice-action-btn:hover{background:#1e40af}@media (max-width:768px){.notice-modal-container{max-height:90vh;width:95%}.notice-modal-header{padding:20px 20px 16px}.notice-modal-title{font-size:1.25rem}.notice-modal-body{padding:20px}.notice-meta-info{flex-direction:column;gap:8px}.notice-content-text{font-size:.9rem;padding:16px}}.request-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.request-tasks-modal{background:#fff;border-radius:10px;box-shadow:0 20px 40px #0000001a;display:flex;flex-direction:column;height:75vh;max-height:75vh;max-width:700px;overflow:hidden;width:90%}.request-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #e9ecef;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.request-modal-title{align-items:center;display:flex;gap:8px}.request-modal-title h2{font-size:1.1rem;font-weight:600;margin:0}.request-task-count{background:#fff3;border-radius:10px;font-size:.8rem;font-weight:500;padding:2px 6px}.request-modal-close-btn{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;padding:4px;transition:background-color .2s}.request-modal-close-btn:hover{background-color:#ffffff1a}.request-modal-filters{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;flex-shrink:0;gap:12px;padding:8px 16px}.request-filter-group{align-items:center;display:flex;gap:6px}.request-filter-group label{color:#495057;font-size:.8rem;font-weight:500}.request-filter-group select{background:#fff;border:1px solid #ced4da;border-radius:4px;font-size:.8rem;min-width:100px;padding:4px 8px}.request-modal-content{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:0}.request-modal-content::-webkit-scrollbar{width:8px}.request-modal-content::-webkit-scrollbar-track{background:#f1f1f1}.request-modal-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.request-modal-content::-webkit-scrollbar-thumb:hover{background:#555}.request-loading-state{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;padding:40px 16px}.request-loading-spinner{animation:request-spin 1s linear infinite;border:2px solid #f3f4f6;border-radius:50%;border-top-color:#667eea;height:32px;margin-bottom:12px;width:32px}@keyframes request-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.request-empty-state{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;padding:40px 16px;text-align:center}.request-empty-icon{font-size:2.5rem;margin-bottom:12px;opacity:.5}.request-empty-state h3{color:#495057;font-size:.95rem;margin:0 0 6px}.request-empty-state p{font-size:.8rem;margin:0}.request-tasks-table{border-collapse:collapse;font-size:.85rem;table-layout:auto;width:100%}.request-tasks-table thead{background:#f8f9fa;position:-webkit-sticky;position:sticky;top:0;z-index:1}.request-tasks-table th{border-bottom:2px solid #e9ecef;color:#495057;font-size:.8rem;font-weight:600;padding:12px 10px;text-align:left;white-space:nowrap}.request-tasks-table td{border-bottom:1px solid #f0f0f0;color:#212529;padding:12px 10px;vertical-align:middle}.request-task-row{cursor:pointer;transition:background .15s ease}.request-task-row:hover{background:#f8f9ff}.request-tasks-table .col-status{text-align:center;width:55px}.request-tasks-table .col-priority{text-align:center;width:50px}.request-tasks-table .col-reporter{width:80px}.request-tasks-table .col-due{white-space:nowrap;width:90px}.task-title-cell{color:#2c3e50;font-weight:600;max-width:280px}.profile-image-inline{align-items:center;display:inline-flex;gap:4px}.request-priority-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;line-height:1.2;padding:3px 8px;text-align:center}.request-priority-badge.priority-low{background-color:#e0f2fe!important;color:#0369a1!important}.request-priority-badge.priority-normal{background-color:#dcfce7!important;color:#166534!important}.request-priority-badge.priority-high{background-color:#fef3c7!important;color:#92400e!important}.request-priority-badge.priority-urgent{background-color:#fee2e2!important;color:#dc2626!important}.request-category-badge{border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;padding:4px 8px;text-transform:capitalize}.request-task-title{border-bottom:2px solid #e9ecef;color:#0d6efd;font-size:1.1rem;font-weight:700;line-height:1.4;margin:0 0 12px;padding-bottom:8px}.request-status-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;line-height:1.2;padding:3px 8px;text-align:center;white-space:nowrap}.request-status-badge.requested{background-color:#fef3c7!important;color:#92400e!important}.request-status-badge.in_progress{background-color:#dbeafe!important;color:#1d4ed8!important}.request-status-badge.completed{background-color:#dcfce7!important;color:#166534!important}.request-task-description{color:#212529;font-size:.85rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.request-task-meta{display:flex;flex-wrap:wrap;font-size:.85rem;gap:20px}.request-meta-item{display:flex;gap:6px}.request-meta-label{color:#6c757d;font-weight:500}.request-meta-value{color:#495057}.request-meta-value.request-due-date{font-weight:500}.request-modal-footer{background-color:#f8f9fa;border-top:1px solid #e9ecef;display:flex;flex-shrink:0;gap:10px;justify-content:flex-end;padding:12px 16px}.request-btn-primary,.request-btn-secondary{border:none;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .2s}.request-btn-secondary{background-color:#6c757d;color:#fff}.request-btn-secondary:hover{background-color:#5a6268}.request-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.request-btn-primary:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}@media (max-width:768px){.request-tasks-modal{max-height:90vh;max-width:none;width:95%}.request-modal-header{padding:10px 12px}.request-modal-title h2{font-size:1rem}.request-modal-filters{flex-direction:column;gap:8px;padding:8px 12px}.request-tasks-table td,.request-tasks-table th{font-size:.7rem;padding:8px 4px}.col-due,.col-reporter{display:none}.task-title-cell{max-width:150px}.request-modal-footer{flex-direction:column;padding:10px 12px}.request-btn-primary,.request-btn-secondary{width:100%}}.vacation-edit-form{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:90%}.vacation-edit-form .form-header{align-items:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-bottom:1px solid #e9ecef;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.vacation-edit-form .form-header h2{font-size:1.3rem;font-weight:600;margin:0}.vacation-edit-form .close-btn{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.5rem;padding:8px;transition:background-color .2s}.vacation-edit-form .close-btn:hover{background-color:#ffffff1a}.vacation-edit-form .form-content{flex:1 1;overflow-y:auto;padding:24px}.vacation-edit-form .form-group{margin-bottom:20px}.vacation-edit-form .form-group:last-child{margin-bottom:0}.vacation-edit-form .form-group label{color:#374151;display:block;font-size:.9rem;font-weight:500;margin-bottom:6px}.vacation-edit-form .form-group input,.vacation-edit-form .form-group select,.vacation-edit-form .form-group textarea{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:.95rem;padding:10px 12px;transition:all .2s ease;width:100%}.vacation-edit-form .form-group input:focus,.vacation-edit-form .form-group select:focus,.vacation-edit-form .form-group textarea:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a;outline:none}.vacation-edit-form .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.vacation-edit-form .checkbox-group{margin-bottom:16px}.vacation-edit-form .checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-weight:500;margin-bottom:0}.vacation-edit-form .checkbox-label input[type=checkbox]{margin-right:8px;transform:scale(1.2);width:auto}.vacation-edit-form .radio-group{display:flex;gap:20px;margin-top:8px}.vacation-edit-form .radio-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-weight:400;margin-bottom:0}.vacation-edit-form .radio-label input[type=radio]{margin-right:8px;transform:scale(1.1);width:auto}.vacation-edit-form .form-actions{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.vacation-edit-form .btn-cancel,.vacation-edit-form .btn-submit{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;min-width:80px;padding:10px 20px;transition:all .2s}.vacation-edit-form .btn-cancel{background-color:#6b7280;color:#fff}.vacation-edit-form .btn-cancel:hover{background-color:#4b5563}.vacation-edit-form .btn-submit{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff}.vacation-edit-form .btn-submit:hover:not(:disabled){box-shadow:0 4px 12px #0ea5e94d;transform:translateY(-1px)}.vacation-edit-form .btn-submit:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.vacation-edit-form{max-height:95vh;width:95%}.vacation-edit-form .form-header{padding:16px 20px}.vacation-edit-form .form-header h2{font-size:1.1rem}.vacation-edit-form .form-content{padding:20px}.vacation-edit-form .form-row{gap:12px;grid-template-columns:1fr}.vacation-edit-form .radio-group{flex-direction:column;gap:12px}.vacation-edit-form .form-actions{flex-direction:column}.vacation-edit-form .btn-cancel,.vacation-edit-form .btn-submit{width:100%}}.mobile-calendar{--surf:#fff;--line:#e7ecf3;--line-soft:#f0f3f8;--ink:#1b2533;--muted:#5e6b7e;--faint:#9aa6b6;--brand:#2b6ae8;--brand-dark:#1a53c0;--brand-soft:#ecf2fe;--brand-tint:#f5f8fe;--sun:#e5484d;--sat:#3b6fe0;--vac:#22c55e;--meet:#4d8df5;--deliv:#f5a623;--claim:#ef4444;--vac-bg:#e7f8ee;--meet-bg:#e9f1fe;--deliv-bg:#fcf1dc;--claim-bg:#fdecec;background:var(--surf);border:1px solid var(--line);border-radius:16px;color:var(--ink);overflow:hidden}.mobile-calendar .mc-top{align-items:center;display:flex;gap:10px;padding:14px 14px 10px}.mobile-calendar .mc-nav{background:#0000;border:1px solid var(--line);border-radius:10px;color:var(--muted);cursor:pointer;display:grid;flex:none;font-size:16px;height:34px;place-items:center;width:34px}.mobile-calendar .mc-nav:active{background:var(--brand-tint)}.mobile-calendar .mc-title{flex:1 1;text-align:center}.mobile-calendar .mc-month{font-size:16px;font-weight:800;letter-spacing:-.01em}.mobile-calendar .mc-today{color:var(--brand);font-size:11px;font-weight:700;margin-top:1px}.mobile-calendar .mc-seg{background:var(--brand-tint);border:1px solid var(--line);border-radius:11px;display:flex;margin:0 14px 10px;padding:3px}.mobile-calendar .mc-seg button{background:#0000;border:0;border-radius:8px;color:var(--muted);cursor:pointer;flex:1 1;font-size:13px;font-weight:700;height:30px}.mobile-calendar .mc-seg button.on{background:var(--surf);box-shadow:0 1px 3px #0000001f;color:var(--brand-dark)}.mobile-calendar .mc-addrow{display:flex;gap:8px;margin:0 14px 12px}.mobile-calendar .mc-addrow button{border:0;border-radius:11px;color:#fff;cursor:pointer;flex:1 1;font-size:13px;font-weight:700;height:38px}.mobile-calendar .mc-addrow .vacb{background:var(--vac)}.mobile-calendar .mc-addrow .schb{background:var(--brand)}.mobile-calendar .mc-addrow button:active{transform:scale(.97)}.mobile-calendar .mc-wk{display:grid;grid-template-columns:repeat(7,1fr);padding:0 6px}.mobile-calendar .mc-wk span{color:var(--faint);font-size:11px;font-weight:700;padding:5px 0;text-align:center}.mobile-calendar .mc-wk span.s0{color:var(--sun)}.mobile-calendar .mc-wk span.s6{color:var(--sat)}.mobile-calendar .mc-grid{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr);padding:0 6px 8px}.mobile-calendar .mc-cell{align-items:center;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:3px;height:44px;padding-top:5px}.mobile-calendar .mc-cell:active{background:var(--brand-tint)}.mobile-calendar .mc-cell .dnum{border-radius:50%;color:var(--ink);display:grid;font-size:13px;font-weight:600;height:24px;line-height:1;place-items:center;width:24px}.mobile-calendar .mc-cell.out .dnum{color:var(--faint);opacity:.5}.mobile-calendar .mc-cell.sun .dnum{color:var(--sun)}.mobile-calendar .mc-cell.sat .dnum{color:var(--sat)}.mobile-calendar .mc-cell.today .dnum{outline:2px solid var(--brand);outline-offset:-2px}.mobile-calendar .mc-cell.sel .dnum{background:var(--brand);color:#fff!important}.mobile-calendar .mc-cell .dots{align-items:center;display:flex;gap:3px;height:6px}.mobile-calendar .mc-cell .dots i{border-radius:50%;height:5px;width:5px}.mobile-calendar .dots i.vac{background:var(--vac)}.mobile-calendar .dots i.meet{background:var(--meet)}.mobile-calendar .dots i.deliv{background:var(--deliv)}.mobile-calendar .dots i.claim{background:var(--claim)}.mobile-calendar .mc-legend{border-top:1px solid var(--line-soft);display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:0 14px;padding:8px 0}.mobile-calendar .mc-legend span{align-items:center;color:var(--muted);display:inline-flex;font-size:11px;font-weight:600;gap:5px}.mobile-calendar .mc-legend i{border-radius:50%;height:7px;width:7px}.mobile-calendar .mc-legend i.vac{background:var(--vac)}.mobile-calendar .mc-legend i.meet{background:var(--meet)}.mobile-calendar .mc-legend i.deliv{background:var(--deliv)}.mobile-calendar .mc-legend i.claim{background:var(--claim)}.mobile-calendar .mc-agenda,.mobile-calendar .mc-list{padding:4px 14px 16px}.mobile-calendar .mc-ag-h{align-items:center;display:flex;justify-content:space-between;margin:6px 0 10px}.mobile-calendar .mc-ag-h .d{font-size:14px;font-weight:800}.mobile-calendar .mc-ag-h .c{background:var(--brand-soft);border-radius:999px;color:var(--brand);font-size:12px;font-weight:700;padding:3px 9px}.mobile-calendar .mc-ld{color:var(--faint);font-size:12px;font-weight:800;margin:12px 2px 8px}.mobile-calendar .mc-ev{align-items:center;background:var(--brand-tint);border-radius:12px;cursor:pointer;display:flex;gap:11px;margin-bottom:8px;padding:10px 12px}.mobile-calendar .mc-ev:active{filter:brightness(.97)}.mobile-calendar .mc-ev-bar{align-self:stretch;border-radius:3px;flex:none;width:4px}.mobile-calendar .mc-ev-bar.vac{background:var(--vac)}.mobile-calendar .mc-ev-bar.meet{background:var(--meet)}.mobile-calendar .mc-ev-bar.deliv{background:var(--deliv)}.mobile-calendar .mc-ev-bar.claim{background:var(--claim)}.mobile-calendar .mc-ev-info{flex:1 1;min-width:0}.mobile-calendar .mc-ev-nm{color:var(--ink);font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-calendar .mc-ev-meta{color:var(--faint);font-size:12px;margin-top:1px}.mobile-calendar .mc-tg{border-radius:999px;flex:none;font-size:11px;font-weight:700;padding:3px 9px}.mobile-calendar .mc-tg.vac{background:var(--vac-bg);color:var(--vac)}.mobile-calendar .mc-tg.meet{background:var(--meet-bg);color:var(--meet)}.mobile-calendar .mc-tg.deliv{background:var(--deliv-bg);color:var(--deliv)}.mobile-calendar .mc-tg.claim{background:var(--claim-bg);color:var(--claim)}.mobile-calendar .mc-ag-empty{color:var(--faint);font-size:13px;font-weight:500;padding:24px 0;text-align:center}.mobile-calendar .mc-ag-empty .em{display:block;font-size:28px;margin-bottom:8px;opacity:.7}body.dark .mobile-calendar{--surf:#141d2b;--line:#26344a;--line-soft:#1c2839;--ink:#e7edf5;--muted:#a1b1c7;--faint:#6f8098;--brand:#5b8cf0;--brand-dark:#86a9f6;--brand-soft:#1c2e50;--brand-tint:#18253a;--sun:#f1737a;--sat:#7fa6f5;--vac-bg:#13301f;--meet-bg:#16294d;--deliv-bg:#352816;--claim-bg:#2a1717;background:var(--surf)!important;border-color:var(--line)!important}.dashboard{background:#0000;box-sizing:border-box;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:calc(100vh - 120px);overflow:hidden;padding:0}.dashboard-main-container{display:flex;flex:1 1;gap:0;height:100%;min-height:0;overflow:hidden}.dashboard-content-area{align-items:stretch;display:flex;flex:1 1;flex-direction:row;gap:20px;height:100%;min-width:0;overflow-y:auto;padding:10px}.dashboard-left-column{display:flex;flex-direction:column;flex-shrink:0;gap:16px;max-height:100%;min-width:400px;overflow-y:auto;padding-right:8px;width:400px}.dashboard-right-column{display:flex;flex:1 1 auto;flex-direction:column;height:100%;min-width:0}.dashboard-top-section{grid-gap:20px;display:grid;flex:0 0 auto;gap:20px;grid-template-columns:1fr 1fr;max-height:250px}.memo-section,.notices-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;overflow:hidden;padding:16px}.memo-section.collapsible{height:auto}.dashboard-section-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:8px;padding-bottom:6px}.dashboard-section-header h3{color:#1e3c72;font-size:1.1rem;font-weight:600;margin:0}.dashboard-edit-btn{background:none;border:1px solid #e2e8f0;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.875rem;padding:6px 12px;transition:all .2s}.dashboard-edit-btn:hover{background:#f8fafc;border-color:#1e3c72;color:#1e3c72}.dashboard-view-all-btn{background:none;border:1px solid #e2e8f0;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.875rem;padding:6px 12px;transition:all .2s}.dashboard-view-all-btn:hover{background:#1e3c72;border-color:#1e3c72;color:#fff}.notices-list{display:flex;flex:1 1 auto;flex-direction:column;gap:12px;min-height:0;overflow-y:auto}.notice-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:16px;transition:all .2s}.notice-item.clickable{cursor:pointer}.notice-item.important{background:linear-gradient(45deg,#fef3c7,#fef9c3);border-color:#fbbf24}.notice-item:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.notice-item.clickable:hover{background:#e5e7eb;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.notice-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.notice-header h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0}.notice-date{color:#6b7280;font-size:.75rem}.important-badge{background:#f59e0b;border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;padding:2px 8px}.no-notices{align-items:center;display:flex;font-size:.875rem;justify-content:center;padding:32px;text-align:center}.notice-item p{color:#4b5563;font-size:.875rem;line-height:1.5;margin:0}.memo-content{display:flex;flex:1 1 auto;flex-direction:column;min-height:0}.duty-content{scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}.duty-content::-webkit-scrollbar{width:6px}.duty-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.duty-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.duty-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.cleaning-duties-list{scrollbar-color:#c7d2fe #f3f4f6;scrollbar-width:thin}.cleaning-duties-list::-webkit-scrollbar{width:6px}.cleaning-duties-list::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.cleaning-duties-list::-webkit-scrollbar-thumb{background:#c7d2fe;border-radius:3px}.cleaning-duties-list::-webkit-scrollbar-thumb:hover{background:#a5b4fc}.memo-textarea{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;flex:1 1 auto;font-family:inherit;font-size:.875rem;height:100%;line-height:1.5;min-height:120px;padding:12px;resize:none;width:100%}.memo-textarea:focus{border-color:#1e3c72;box-shadow:0 0 0 3px #1e3c721a;outline:none}.memo-display{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#4b5563;flex:1 1 auto;font-family:inherit;font-size:.875rem;height:100%;line-height:1.6;margin:0;min-height:120px;overflow-y:auto;padding:12px;white-space:pre-wrap}.dashboard-stats{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:12px;box-shadow:0 4px 12px #1e3c7233;display:flex;flex:0 0 auto;gap:20px;justify-content:center;margin-bottom:16px;padding:16px}.dashboard-bottom-section{display:flex;flex:1 1 auto;gap:20px;min-height:0}.notice-image-section{background:linear-gradient(180deg,#fff,#f8fafc);border-right:2px solid #e2e8f0;box-shadow:4px 0 24px #0000000f;display:flex;flex-direction:column;flex-shrink:0;height:100%;max-width:420px;min-width:420px;overflow:hidden;padding:20px;position:relative;width:420px}.full-notice-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important}.full-notice-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea)!important;transform:translateY(-2px)}.upload-notice-btn{background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;color:#fff!important}.upload-notice-btn:hover{background:linear-gradient(135deg,#059669,#047857)!important;transform:translateY(-2px)}.delete-notice-btn{background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:none!important;color:#fff!important;padding:6px 10px!important}.delete-notice-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;transform:translateY(-2px)}.shift-schedule-btn{background:linear-gradient(135deg,#f59e0b,#d97706)!important;border:none!important;color:#fff!important}.shift-schedule-btn:hover{background:linear-gradient(135deg,#d97706,#b45309)!important;transform:translateY(-2px)}.tasks-summary{display:flex;flex:1 1;flex-direction:column;gap:20px;max-width:450px;min-width:350px}.calendar-container{display:flex;flex:1.2 1;flex-direction:column;min-height:500px}.dashboard-stats-section,.request-tasks-section,.urgent-alerts-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #00000014;overflow:hidden;padding:20px}.dashboard-stats-section.compact{padding:16px}@media (max-width:768px){.dashboard-stats-section.compact{padding:10px}}@media (max-width:480px){.dashboard-stats-section.compact{padding:8px}}.dashboard-stats-section .stats-grid-compact{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.dashboard-stats-section .stat-card-compact{align-items:center;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;flex:0 1 auto;flex-direction:column;min-width:70px;padding:12px 16px;transition:all .3s ease}.dashboard-stats-section .stat-card-compact:hover{box-shadow:0 3px 10px #00000026;transform:translateY(-2px)}.dashboard-stats-section .stat-card-compact.requested{background:linear-gradient(135deg,#f59e0b,#d97706)!important;border:1px solid #fef3c7;color:#fff!important}.dashboard-stats-section .stat-card-compact.in-progress{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:1px solid #dbeafe;color:#fff!important}.dashboard-stats-section .stat-card-compact.completed{background:linear-gradient(135deg,#10b981,#059669)!important;border:1px solid #d1fae5;color:#fff!important}.dashboard-stats-section .stat-card-compact.total{background:linear-gradient(135deg,#7c3aed,#6d28d9)!important;border:1px solid #ede9fe;color:#fff!important}.dashboard-stats-section .stat-card-compact .stat-number{color:#fff!important;font-size:1.6rem;font-weight:800;margin-bottom:4px;text-shadow:0 1px 2px #0000001a}.dashboard-stats-section .stat-card-compact .stat-label{color:#fff!important;font-size:.75rem;font-weight:600;letter-spacing:.3px}.dashboard-stats-section .stat-card-compact.completed .stat-label,.dashboard-stats-section .stat-card-compact.completed .stat-number,.dashboard-stats-section .stat-card-compact.in-progress .stat-label,.dashboard-stats-section .stat-card-compact.in-progress .stat-number,.dashboard-stats-section .stat-card-compact.requested .stat-label,.dashboard-stats-section .stat-card-compact.requested .stat-number,.dashboard-stats-section .stat-card-compact.total .stat-label,.dashboard-stats-section .stat-card-compact.total .stat-number{color:#fff!important}.stats-grid{grid-gap:15px;gap:15px;grid-template-columns:1fr 1fr;margin-bottom:20px}.stat-card{border-radius:10px;padding:20px 15px;text-align:center;transition:transform .2s}.stat-card.total{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-card.completed{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.stat-card.in-progress{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.stat-card.requested{background:linear-gradient(135deg,#fa709a,#fee140);color:#fff}.completion-rate{margin-top:10px}.rate-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.rate-percentage{color:#4facfe;font-size:1.2rem;font-weight:600}.progress-bar{background:#e2e8f0;border-radius:4px;height:8px}.progress-fill{background:linear-gradient(90deg,#4facfe,#00f2fe);border-radius:4px;transition:width .5s ease}.alerts-list{display:flex;flex-direction:column;gap:12px}.alert-item{align-items:center;border-radius:10px;cursor:pointer;display:flex;gap:12px;padding:15px;transition:all .2s}.alert-item.overdue{background:#fef2f2;border:1px solid #fecaca}.alert-item.urgent{background:#fff7ed;border:1px solid #fed7aa}.alert-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.alert-icon{flex-shrink:0;font-size:1.5rem}.alert-content{flex:1 1}.alert-title{color:#1f2937;font-weight:600;margin-bottom:2px}.alert-description{color:#6b7280;font-size:.9rem;margin-bottom:8px}.alert-tasks{display:flex;flex-direction:column;gap:4px;margin-top:8px}.alert-task{background:#ffffff80;border-left:3px solid;border-radius:4px;color:#374151;font-size:.8rem;padding:4px 8px}.more-tasks{color:#9ca3af;font-size:.75rem}.no-alerts{color:#10b981;padding:30px 20px;text-align:center}.no-alerts p{font-size:1.1rem;font-weight:500;margin:0}.dashboard-request-tasks-list{display:flex;flex-direction:column;gap:12px}.request-task-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.request-task-item:hover{background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.request-task-item .task-header{display:flex;flex-direction:column;flex-shrink:0;gap:4px}.request-task-item .task-id{background:#e5e7eb;border-radius:4px;color:#6b7280;font-family:Courier New,monospace;font-size:.7rem;font-weight:700;padding:2px 6px;text-align:center}.request-task-item .task-priority{flex-shrink:0}.request-task-item .priority-badge{border-radius:12px;font-size:.7rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.request-task-item .task-content{flex:1 1;min-width:0}.request-task-item .task-title{color:#1e293b;font-size:.9rem;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-task-item .task-meta{color:#64748b;display:flex;font-size:.75rem;gap:8px;justify-content:space-between}.request-task-item .task-due,.request-task-item .task-requester{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.request-task-item .task-status{flex-shrink:0}.request-task-item .status-badge{border-radius:12px;font-size:.7rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.status-badge.requested{background:#667eea1a;border:1px solid #667eea4d;color:#667eea}.status-badge.in_progress{background:#43e97b1a;border:1px solid #43e97b4d;color:#43e97b}.status-badge.completed{background:#4facfe1a;border:1px solid #4facfe4d;color:#4facfe}.no-requests{color:#6b7280;padding:30px 20px}.no-requests p{font-size:.9rem}.vacation-calendar-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex:1 1;flex-direction:column;min-height:500px;overflow:hidden;padding:16px}.notice-image-container{align-items:center;background:linear-gradient(135deg,#667eea15,#764ba215);border:2px dashed #e2e8f0;border-radius:16px;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease}.notice-image-container:hover{background:linear-gradient(135deg,#667eea25,#764ba225);border-color:#667eea;transform:scale(1.01)}.notice-image{border-radius:12px;height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.notice-image:hover{transform:scale(1.02)}.notice-image-placeholder{align-items:center;color:#9ca3af;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.notice-image-placeholder p:first-child{filter:grayscale(1);font-size:5rem;margin:0 0 20px;opacity:.5}.notice-image-placeholder p:last-child{color:#6b7280;font-size:1.1rem;font-weight:500;margin:0}.notice-image-controls{align-items:center;display:flex;gap:8px}.notice-upload-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;overflow:hidden;padding:10px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.notice-upload-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.notice-upload-btn:hover:before{left:100%}.notice-upload-btn:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-3px)}.notice-upload-btn:active{transform:translateY(-1px)}.notice-delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;box-shadow:0 4px 12px #ef44444d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.notice-delete-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 20px #ef444480;transform:translateY(-3px)}.notice-delete-btn:active{transform:translateY(-1px)}.image-modal-overlay{animation:fadeIn .2s ease-in-out;background:#000000e6}.image-modal-content{align-items:flex-start;box-sizing:border-box;display:flex;height:95vh;justify-content:center;overflow:auto;width:65vw}.image-modal-img{border-radius:8px;box-shadow:0 8px 32px #00000080;cursor:zoom-in;height:auto;min-width:100%;object-fit:contain;width:auto}.image-modal-close{background:#fff;box-shadow:0 2px 8px #0000004d;color:#333;font-size:20px;height:36px;right:-40px;top:-40px;width:36px}.image-modal-close:hover{background:#f3f4f6}@media (max-width:768px){.image-modal-close{right:10px;top:10px}.image-modal-content{max-height:95vh;max-width:95vw}}.in-progress-list,.requests-list,.today-tasks-list{display:flex;flex:1 1 auto;flex-direction:column;gap:12px;min-height:0;overflow-y:auto}.task-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;gap:12px;min-height:60px;padding:12px;transition:all .2s}.task-item:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.task-info{flex-direction:column;gap:4px;overflow:hidden}.task-info h4{color:#1e293b;font-size:14px;overflow:hidden}.task-info h4,.task-info p{margin:0;text-overflow:ellipsis;white-space:nowrap}.task-info p{color:#64748b;font-size:12px}.task-meta{color:#64748b;font-size:11px;gap:8px}.task-meta span{white-space:nowrap}.today-task-item:hover{border-color:#1e3c72;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.task-info{flex:1 1}.task-info h4{color:#1e3c72;font-size:1rem;font-weight:600;margin:0 0 8px}.task-info p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4b5563;display:-webkit-box;font-size:.875rem;line-height:1.4;margin:0 0 12px;overflow:hidden}.task-meta{align-items:center;color:#6b7280;font-size:.75rem;gap:12px}.no-tasks{color:#9ca3af;padding:40px 20px}.no-tasks p{font-size:1.1rem;margin:0}.vacation-controls{align-items:center;display:flex;gap:16px}.dashboard-add-vacation-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 10px #667eea4d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s}.dashboard-add-vacation-btn:hover{box-shadow:0 4px 20px #667eea66;transform:translateY(-2px)}.dashboard-add-vacation-btn:active{transform:translateY(0)}.calendar-controls{align-items:center;display:flex;gap:16px}.calendar-controls button{background:#f3f4f6;border:none;border-radius:6px;color:#374151;cursor:pointer;font-weight:600;padding:6px 12px;transition:all .2s}.calendar-controls button:hover{background:#1e3c72;color:#fff}.calendar-controls span{color:#1e3c72;font-weight:600;min-width:100px;text-align:center}.calendar{flex:1 1 auto;margin-top:12px;min-height:0}.calendar-weekdays{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.calendar-weekdays>div{color:#6b7280;font-size:.875rem;font-weight:600;padding:8px 4px;text-align:center}.calendar-days{grid-gap:4px;display:grid;flex:1 1 auto;gap:4px;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(5,1fr)}.calendar-day{background:#fafbfc;border:1px solid #f3f4f6;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:4px;position:relative;transition:all .2s}.calendar-day:hover{background:#f1f5f9;border-color:#e2e8f0}.calendar-day.current-month{background:#fff}.calendar-day.other-month{background:#f9fafb;color:#9ca3af}.calendar-day.today{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#fff;font-weight:600}.calendar-day.today:hover{background:linear-gradient(135deg,#2a5298,#1e3c72)}.day-number{display:block;flex-shrink:0;font-size:.9rem;font-weight:500;margin-bottom:2px;text-align:center}.vacation-indicators{align-items:center;display:flex;flex-direction:column;gap:1px;max-height:calc(100% - 20px);overflow:hidden}.vacation-dot{background:#3b82f6;border-radius:8px;box-sizing:border-box;color:#fff;font-size:.55rem;font-weight:600;line-height:1.2;max-width:100%;min-width:18px;overflow:hidden;padding:1px 3px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.vacation-dot.annual{background:#10b981}.vacation-dot.half{background:#f59e0b}.vacation-dot.special{background:#8b5cf6}.more-vacations{background:#6b7280;border-radius:6px;color:#fff;cursor:help;font-size:.5rem;font-weight:600;line-height:1.2;min-width:16px;padding:1px 3px;text-align:center}.company-event-indicators{display:flex;flex-direction:column;gap:2px;margin-top:2px;max-width:100%}.company-event-bar{background:#ff6b6b;border-radius:3px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:.6rem;font-weight:600;max-width:100%;overflow:hidden;padding:2px 4px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.section-title{color:#1e3c72;font-size:1.5rem;font-weight:700;margin:0 0 24px;text-align:center}.stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:10px;flex-direction:column;min-width:80px;padding:20px}.stat-number{font-size:2.5rem;margin-bottom:5px}.stat-label{font-size:1rem;opacity:.9}.dashboard-content{margin:0 auto;max-width:1400px}.status-columns{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr 1fr}.status-column{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;min-height:500px;overflow:hidden}.column-header{color:#fff;font-size:1.2rem;font-weight:600;padding:20px 25px;text-align:center;text-shadow:1px 1px 2px #0003}.status-column.requested .column-header{background:linear-gradient(135deg,#667eea,#764ba2)}.status-column.in-progress .column-header{background:linear-gradient(135deg,#f093fb,#f5576c)}.status-column.completed .column-header{background:linear-gradient(135deg,#4facfe,#00f2fe)}.column-header h3{font-size:1.3rem;margin:0}.tasks-list{display:flex;flex-direction:column;gap:15px;padding:20px}.task-card{background:#fff;border:1px solid #e8eaed;border-radius:12px;box-shadow:0 4px 12px #00000014;cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.task-card:hover{border-color:#1e3c72;box-shadow:0 8px 25px #1e3c7226;transform:translateY(-3px)}.task-card:before{background:linear-gradient(135deg,#1e3c72,#2a5298);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.task-priority{border-radius:12px;display:inline-block;flex-shrink:0;font-size:10px;font-weight:600;letter-spacing:.5px;min-width:45px;padding:3px 8px;text-align:center;text-transform:uppercase}.task-title{font-size:1.1rem;line-height:1.4;margin:0 0 10px}.task-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:.9rem;overflow:hidden}.task-meta{border-top:1px solid #f0f0f0;color:#888;font-size:.8rem;padding-top:15px}.task-meta>div{margin-bottom:6px}.task-meta strong{color:#1e3c72;font-weight:600}.task-assignee{color:#4caf50}.task-reporter{color:#2196f3}.task-dates{display:flex;justify-content:space-between}.task-dates>div{margin-bottom:0}@media (max-width:1200px){.dashboard-top-section{gap:20px;grid-template-columns:1fr}.dashboard-bottom-section{flex-direction:column;gap:20px}.notice-image-section{min-height:300px;min-width:100%;order:1}.tasks-summary{max-width:none;min-width:100%;order:2}.calendar-container{order:3}.stats-grid{gap:12px;grid-template-columns:1fr}.status-columns{gap:20px;grid-template-columns:1fr}.dashboard-stats{gap:20px}}@media (max-width:768px){.dashboard{height:auto;min-height:calc(100vh - 120px);overflow-y:auto;padding:8px}.dashboard-content-area,.dashboard-main-container{height:auto;overflow:visible}.dashboard-content-area{flex-direction:column;gap:12px;padding:8px}.dashboard-left-column{gap:12px;max-height:none;min-width:100%;order:2;overflow-y:visible;padding-right:0;width:100%}.dashboard-right-column{height:auto;order:1;width:100%}.calendar-container{height:auto}.dashboard-top-section{gap:8px;grid-template-columns:1fr;margin-bottom:8px;max-height:none;min-height:auto}.dashboard-bottom-section{flex-direction:column;gap:8px}.notice-image-section{min-height:250px;min-width:100%;order:1}.tasks-summary{gap:8px;max-width:none;min-width:100%;order:2}.stats-grid{gap:8px;grid-template-columns:1fr}.dashboard-stats-section,.in-progress-section,.memo-section,.my-requests-section,.notice-image-section,.notices-section,.request-tasks-section,.today-tasks-section,.vacation-calendar-section{border-radius:10px;padding:12px}.memo-section,.notices-section{height:auto}.dashboard-section-header{flex-wrap:wrap;gap:8px;margin-bottom:10px;padding-bottom:8px}.dashboard-section-header h3{flex:1 1;font-size:1rem;min-width:100px}.dashboard-section-header>div{display:flex;flex-wrap:wrap;gap:6px}.dashboard-stats{flex-wrap:wrap;gap:8px;justify-content:center;padding:10px}.stat-item{min-width:65px;padding:10px}.stat-number{font-size:1.6rem;margin-bottom:3px}.stat-label{font-size:.8rem}.stats-grid-compact{flex-wrap:nowrap;gap:6px;justify-content:space-between}.stat-card-compact{flex:1 1;max-width:none;min-width:60px;padding:10px 8px}.stat-card-compact .stat-number{font-size:1.3rem;margin-bottom:4px}.stat-card-compact .stat-label{font-size:.7rem}.today-task-item{flex-direction:column;gap:8px}.dashboard-request-tasks-list{gap:10px;max-height:none}.request-task-item{flex-wrap:wrap;gap:10px;padding:12px}.request-task-item .task-header{flex-direction:row;gap:8px;width:100%}.request-task-item .task-content{width:100%}.request-task-item .task-title{font-size:.95rem;margin-bottom:6px}.request-task-item .task-meta{flex-wrap:wrap;font-size:.75rem;gap:6px}.request-task-item .task-id{font-size:.7rem;padding:3px 6px}.request-task-item .priority-badge,.request-task-item .status-badge{font-size:.7rem;padding:4px 8px}.request-task-item .task-status{display:flex;justify-content:flex-end;margin-top:4px;width:100%}.vacation-calendar-section{height:auto;min-height:auto;padding:10px!important}.vacation-calendar-section .dashboard-section-header{align-items:stretch;flex-direction:column;gap:10px}.vacation-controls{align-items:center;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:space-between;width:100%}.dashboard-add-vacation-btn{font-size:.8rem!important;padding:8px 12px!important;white-space:nowrap}.calendar-controls{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:8px;width:100%}.calendar-controls span{font-size:.9rem;font-weight:600;min-width:90px;text-align:center}.calendar-controls button{border-radius:6px;font-size:.9rem;padding:6px 12px}.calendar{width:100%}.calendar-weekdays{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr)}.calendar-weekdays>div{font-size:.75rem;font-weight:600;padding:6px 2px;text-align:center}.calendar-days{grid-gap:2px;display:grid;gap:2px;grid-template-columns:repeat(7,1fr)}.calendar-day{align-items:center;display:flex;flex-direction:column;min-height:50px;padding:3px}.day-number{font-size:.8rem;font-weight:600;margin-bottom:2px}.vacation-dot{min-width:14px}.company-event-bar,.vacation-dot{font-size:.5rem;max-width:100%;overflow:hidden;padding:1px 3px;text-overflow:ellipsis;white-space:nowrap}.more-vacations{font-size:.5rem;padding:1px 2px}.day-detail-modal{max-height:80vh;max-width:400px}.day-detail-modal h3{font-size:1rem;margin-bottom:12px}.day-detail-item{font-size:.85rem;margin-bottom:6px;padding:8px}.tasks-list{gap:8px}.task-card,.tasks-list{padding:10px}.dashboard-add-vacation-btn{flex:1 1;font-size:.9rem;padding:10px 16px;width:auto}.notice-item{padding:12px}.notice-header{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:8px}.notice-header h4{font-size:.95rem}.notice-item p{font-size:.85rem;line-height:1.5}.notice-date{font-size:.75rem}.important-badge{font-size:.7rem;padding:3px 8px}.notices-list{gap:10px}.memo-display,.memo-textarea{font-size:.85rem;min-height:100px;padding:10px}.dashboard-edit-btn,.dashboard-view-all-btn{font-size:.75rem;padding:6px 10px}.no-notices,.no-requests{padding:20px 15px}.no-notices p,.no-requests p{font-size:.85rem}.duty-content{max-height:none!important}.duty-section h4{font-size:.95rem!important}.modal-overlay{padding:10px}.day-detail-modal{max-height:90vh!important;padding:16px!important;width:95%!important}.image-modal-content{height:auto;max-height:90vh;width:95vw}.image-modal-close{font-size:18px;height:32px;right:10px;top:10px;width:32px}}@media (max-width:480px){.dashboard{padding:6px}.dashboard-content-area{gap:10px;padding:6px}.dashboard-left-column{gap:10px}.dashboard-top-section{gap:6px;margin-bottom:6px;min-height:auto}.dashboard-bottom-section,.tasks-summary{gap:6px}.dashboard-stats{flex-direction:row;gap:6px;padding:8px}.stat-item{min-width:55px;padding:8px 6px}.stat-number{font-size:1.4rem;margin-bottom:2px}.stat-label{font-size:.7rem}.stats-grid-compact{flex-wrap:nowrap;gap:4px}.stat-card-compact{flex:1 1;max-width:none;min-width:50px;padding:8px 6px}.stat-card-compact .stat-number{font-size:1.1rem;margin-bottom:2px}.stat-card-compact .stat-label{font-size:.6rem}.dashboard-stats-section,.memo-section,.notices-section,.request-tasks-section,.today-tasks-section,.vacation-calendar-section{border-radius:8px;padding:10px}.dashboard-section-header{margin-bottom:8px;padding-bottom:6px}.dashboard-section-header h3{font-size:.9rem}.dashboard-edit-btn,.dashboard-view-all-btn{font-size:.7rem;padding:5px 8px}.notices-list{gap:8px}.notice-item{padding:10px}.notice-header{margin-bottom:6px}.notice-header h4{font-size:.9rem}.notice-item p{font-size:.8rem;line-height:1.4}.notice-date{font-size:.7rem}.important-badge{font-size:.65rem;padding:2px 6px}.memo-display,.memo-textarea{font-size:.8rem;min-height:90px;padding:8px}.dashboard-request-tasks-list{gap:8px;max-height:none}.request-task-item{gap:8px;padding:10px}.request-task-item .task-header{gap:6px}.request-task-item .task-id{font-size:.65rem;padding:2px 5px}.request-task-item .task-title{font-size:.9rem;margin-bottom:4px}.request-task-item .task-meta{font-size:.7rem;gap:4px}.request-task-item .priority-badge,.request-task-item .status-badge{font-size:.65rem;padding:3px 6px}.vacation-calendar-section{min-height:auto}.vacation-controls{gap:8px}.vacation-controls .dashboard-add-vacation-btn{font-size:.8rem;padding:8px 12px}.calendar-controls{gap:10px}.calendar-controls button{font-size:.9rem;padding:6px 12px}.calendar-controls span{font-size:.85rem;min-width:90px}.calendar-weekdays>div{font-size:.75rem;padding:6px 2px}.calendar-days{gap:3px}.calendar-day{min-height:52px;padding:3px}.day-number{font-size:.8rem;font-weight:600;margin-bottom:2px}.vacation-dot{min-width:14px}.company-event-bar,.vacation-dot{font-size:.5rem;padding:1px 3px}.more-vacations{font-size:.5rem;min-width:14px}.task-card{padding:8px}.task-title{font-size:.9rem;margin-bottom:6px}.task-description{font-size:.75rem;margin-bottom:10px}.task-meta{font-size:.7rem;padding-top:10px}.no-notices,.no-requests{padding:15px 10px}.no-notices p,.no-requests p{font-size:.8rem}.duty-section{padding:8px 0}.duty-section h4{font-size:.9rem!important}.modal{margin:10px;max-width:95%!important}.modal-header h2{font-size:1rem}}.vacation-legend{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:16px;margin-bottom:12px;padding:8px 12px}.legend-item{color:#475569;font-size:.875rem;gap:6px}.legend-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.legend-dot.annual{background:#3b82f6}.legend-dot.sick{background:#ef4444}.legend-dot.special{background:#8b5cf6}.calendar-day.clickable{cursor:pointer;transition:all .2s ease}.calendar-day.clickable:hover{background-color:#f0f9ff;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f626;transform:scale(1.02)}.calendar-day.clickable:active{transform:scale(.98)}.collapsible{transition:all .3s ease}.collapsible.collapsed{padding-bottom:0!important}.collapsible.collapsed .duty-content,.collapsible.collapsed .notices-list{display:none}.collapse-icon{color:#6b7280;display:inline-block;font-size:.8rem;transition:transform .3s ease}.collapse-icon.expanded{transform:rotate(90deg)}.dashboard-section-header.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.dashboard-section-header.clickable:hover{background:#f8fafc;border-radius:6px;margin:-4px;padding:4px 4px 10px}.leejin-hero-banner{align-items:center;background:linear-gradient(135deg,#fff7e6,#ffe9b8);border:1px solid #f5d782;border-radius:12px;box-shadow:0 2px 8px #eab30826;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px;padding:14px 18px}.leejin-hero-content{align-items:center;display:flex;gap:14px;min-width:0}.leejin-hero-trophy{flex-shrink:0;font-size:1.8rem}.leejin-hero-text{display:flex;flex-direction:column;gap:2px;min-width:0}.leejin-hero-title{color:#b45309;font-size:.78rem;font-weight:600;letter-spacing:.02em}.leejin-hero-names{color:#92400e;font-size:1.1rem;font-weight:700;word-break:keep-all}.leejin-hero-empty{color:#c2a36b;font-size:.9rem;font-weight:500}.leejin-hero-message{color:#a16207;font-size:.8rem;margin-top:2px}.leejin-hero-edit-btn{background:#ffffffb3;border:1px solid #e0b34d;border-radius:6px;color:#b45309;cursor:pointer;flex-shrink:0;font-size:.8rem;font-weight:600;padding:6px 14px;transition:background .15s ease}.leejin-hero-edit-btn:hover{background:#fff}.leejin-hero-banner{flex-wrap:wrap}.leejin-hero-actions{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px}.leejin-hero-result-btn,.leejin-hero-vote-btn{border:1px solid #0000;border-radius:6px;cursor:pointer;flex-shrink:0;font-size:.8rem;font-weight:600;padding:6px 12px;transition:filter .15s ease,background .15s ease}.leejin-hero-vote-btn{background:#f59e0b;border-color:#d97706;color:#fff}.leejin-hero-vote-btn:hover{filter:brightness(1.05)}.leejin-hero-result-btn{background:#fff;border-color:#e0b34d;color:#b45309}.leejin-hero-result-btn:hover{background:#fffaf0}.dashboard-stats-section .stat-card-compact{border:1px solid #0000!important;border-radius:12px!important;box-shadow:none!important;min-width:76px;padding:14px 18px!important}.dashboard-stats-section .stat-card-compact:hover{box-shadow:0 3px 10px #0f172a12!important;transform:translateY(-1px)}.dashboard-stats-section .stat-card-compact .stat-number{font-size:1.75rem!important;text-shadow:none!important}.dashboard-stats-section .stat-card-compact .stat-label{color:#64748b!important;font-weight:600!important}.dashboard-stats-section .stat-card-compact.requested{background:#fff7ed!important;border-color:#fde7cf!important}.dashboard-stats-section .stat-card-compact.requested .stat-number{color:#ea7317!important}.dashboard-stats-section .stat-card-compact.in-progress{background:#eff6ff!important;border-color:#dbeafe!important}.dashboard-stats-section .stat-card-compact.in-progress .stat-number{color:#2563eb!important}.dashboard-stats-section .stat-card-compact.completed{background:#ecfdf5!important;border-color:#d1fae5!important}.dashboard-stats-section .stat-card-compact.completed .stat-number{color:#059669!important}.dashboard-stats-section .stat-card-compact.total{background:#f5f3ff!important;border-color:#e9e3ff!important}.dashboard-stats-section .stat-card-compact.total .stat-number{color:#7c3aed!important}.dashboard-section-header{border-bottom:1px solid #eef2f7!important;margin-bottom:12px!important;padding-bottom:8px!important}.dashboard-left-column>div{border-radius:14px}.company-event-bar{border-radius:5px;padding:2px 6px}.leejin-hero-banner{box-shadow:0 1px 3px #eab3081f}.dashboard-stats-section .stat-card-compact.completed .stat-label,.dashboard-stats-section .stat-card-compact.in-progress .stat-label,.dashboard-stats-section .stat-card-compact.requested .stat-label,.dashboard-stats-section .stat-card-compact.total .stat-label{color:#475569!important}body.dark .dashboard,body.dark .dashboard-bottom-section,body.dark .dashboard-content,body.dark .dashboard-content-area,body.dark .dashboard-left-column,body.dark .dashboard-main-container,body.dark .dashboard-right-column,body.dark .dashboard-stats-section,body.dark .dashboard-top-section,body.dark .status-columns{background:#0000!important;color:#e7edf5}body.dark .calendar-container,body.dark .cleaning-duties-list,body.dark .dashboard .stat-card,body.dark .dashboard-stats,body.dark .duty-content,body.dark .memo-content,body.dark .memo-display,body.dark .memo-section,body.dark .notices-section,body.dark .request-tasks-section,body.dark .status-column,body.dark .tasks-summary,body.dark .urgent-alerts-section,body.dark .vacation-calendar-section{background:#141d2b!important;border-color:#26344a!important;box-shadow:0 1px 2px #0006,0 8px 22px #0006;color:#e7edf5}body.dark .alert-item,body.dark .duty-item,body.dark .notice-item,body.dark .request-task-item,body.dark .stat-item,body.dark .task-card,body.dark .task-item,body.dark .today-task-item{background:#18253a!important;border-color:#26344a!important;color:#dce6f2}body.dark .notice-item:hover,body.dark .request-task-item:hover,body.dark .task-card:hover,body.dark .task-item:hover{background:#1f2f49!important}body.dark .alert-title,body.dark .dashboard-section-header,body.dark .day-number,body.dark .duty-content,body.dark .notice-header,body.dark .rate-header,body.dark .section-title,body.dark .section-title *,body.dark .stat-label,body.dark .stat-number,body.dark .task-title{color:#e7edf5!important}body.dark .alert-description,body.dark .completion-rate,body.dark .legend-item,body.dark .notice-date,body.dark .task-assignee,body.dark .task-dates,body.dark .task-description,body.dark .task-meta,body.dark .task-reporter{color:#9daac0!important}body.dark .no-alerts,body.dark .no-notices,body.dark .no-requests,body.dark .no-tasks{color:#6f8098!important}body.dark .calendar,body.dark .calendar-days,body.dark .calendar-weekdays{background:#0000!important}body.dark .calendar-weekdays .column-header,body.dark .column-header{background:#1b2839!important;border-color:#26344a!important;color:#a1b1c7!important}body.dark .calendar-day{background:#141d2b!important;border-color:#26344a!important;color:#c4d0e0!important}body.dark .calendar-day.selected,body.dark .calendar-day.today{background:#1c2e50!important}body.dark .calendar-day.other-month{background:#10192699!important;color:#56657c!important}body.dark .day-number{color:#c4d0e0!important}body.dark .more-tasks,body.dark .more-vacations{color:#9daac0!important}body.dark .leejin-hero-banner{background:linear-gradient(135deg,#2a2410,#3a310f)!important;border-color:#4a3d14!important;color:#f4e7c6!important}body.dark .leejin-hero-message,body.dark .leejin-hero-names,body.dark .leejin-hero-title{color:#f4e7c6!important}body.dark .cleaning-duties-list,body.dark .duty-content{color:#dce6f2}body.dark .progress-bar{background:#22304a!important}.day-detail-modal h3{font-size:16px!important}.day-detail-modal .dd-section{margin-bottom:12px!important}.day-detail-modal .dd-h{font-size:13.5px!important;margin:0 0 6px!important}.day-detail-modal .dd-item{border-radius:7px!important;margin-bottom:6px!important;padding:8px 10px!important}.day-detail-modal .dd-item div{line-height:1.35!important}.day-detail-modal .dd-empty{padding:14px!important}.day-detail-modal .dd-quote:hover{background:#fef3c7!important}body.dark .day-detail-modal{background:#141d2b!important;border:1px solid #26344a;color:#e7edf5!important}body.dark .day-detail-modal h3{color:#e7edf5!important}body.dark .day-detail-modal .dd-titlebar button{color:#c4d0e0!important}body.dark .day-detail-modal .dd-h{color:#86a9f6!important}body.dark .day-detail-modal .dd-empty{color:#9daac0!important}body.dark .day-detail-modal .dd-item{border-color:#2a3b55!important;color:#c4d0e0!important}body.dark .day-detail-modal .dd-item div{color:#b7c4d8!important}body.dark .day-detail-modal .dd-item div[style*=bold]{color:#f0f4fa!important}body.dark .day-detail-modal .dd-quote{background:#241f12!important}body.dark .day-detail-modal .dd-quote:hover{background:#2e2716!important}body.dark .day-detail-modal .dd-claim{background:#2a1717!important}body.dark .day-detail-modal .dd-vacation{background:#18253a!important}body.dark .dashboard-stats-section .stat-card-compact{border-color:#26344a!important}body.dark .dashboard-stats-section .stat-card-compact .stat-label{color:#aebbd0!important}body.dark .dashboard-stats-section .stat-card-compact.requested{background:#2a1e12!important;border-color:#3a2a16!important}body.dark .dashboard-stats-section .stat-card-compact.requested .stat-number{color:#f59e0b!important}body.dark .dashboard-stats-section .stat-card-compact.in-progress{background:#14243e!important;border-color:#1e3354!important}body.dark .dashboard-stats-section .stat-card-compact.in-progress .stat-number{color:#60a5fa!important}body.dark .dashboard-stats-section .stat-card-compact.completed{background:#10261c!important;border-color:#1a3a2a!important}body.dark .dashboard-stats-section .stat-card-compact.completed .stat-number{color:#34d399!important}body.dark .dashboard-stats-section .stat-card-compact.total{background:#1f1733!important;border-color:#2e2348!important}body.dark .dashboard-section-header h3,body.dark .dashboard-section-header h3 *{color:#e7edf5!important}body.dark .dashboard-view-all-btn{background:#22304a!important;border-color:#2c3b52!important;color:#d7e0ec!important}body.dark .dashboard-view-all-btn:hover{background:#2a3b57!important}body.dark .duty-content,body.dark .duty-content *,body.dark .request-task-item,body.dark .request-task-item *{color:#c8d3e2}body.dark .duty-content h4,body.dark .duty-content strong,body.dark .request-task-item .task-title{color:#eaf0f8!important}body.dark .duty-content p{color:#9daac0!important}body.dark .duty-content .duty-info span{background:#22304a!important;color:#dce6f2!important}body.dark .duty-content .duty-section{border-top-color:#26344a!important}body.dark .duty-content table{background:#141d2b!important;box-shadow:none!important}body.dark .duty-content table tbody tr{background:#152134!important}body.dark .duty-content table tbody tr:nth-child(2n){background:#1a2740!important}body.dark .duty-content table td{color:#c8d3e2!important}body.dark .duty-content table td:first-child{color:#eaf0f8!important}body.dark .mobile-calendar{background:#141d2b!important;border-color:#26344a!important;box-shadow:0 1px 2px #0006!important}body.dark .mobile-calendar .calendar-day,body.dark .mobile-calendar td{background:#141d2b!important;border-color:#26344a!important;color:#c4d0e0!important}body.dark .mobile-calendar .weekday,body.dark .mobile-calendar th{background:#1b2839!important;color:#a1b1c7!important}@media (max-width:768px){.dashboard{min-height:0!important;padding:6px!important}.dashboard,.dashboard-main-container{height:auto!important;overflow:visible!important}.dashboard-content-area{gap:8px!important;height:auto!important;overflow:visible!important;padding:6px!important}.dashboard-left-column,.dashboard-right-column{gap:8px!important;height:auto!important;max-height:none!important;overflow:visible!important}.leejin-hero-banner{margin-bottom:8px!important;padding:12px 14px!important}.calendar-container,.vacation-calendar-section{margin:0!important}.dashboard-section-header,.memo-section,.notices-section,.request-tasks-section,.stat-card,.tasks-summary,.urgent-alerts-section{margin-bottom:8px!important}.current-month,.mobile-calendar-title{font-size:15px!important}.month-nav-btn{font-size:14px!important;padding:6px 12px!important}.mobile-add-btn{font-size:12px!important;padding:6px 12px!important}.mobile-calendar-weekdays,.mobile-calendar-weekdays>*{font-size:11px!important}.date-cell{padding:3px!important}.date-cell .day-number,.date-cell .num,.date-cell>span:first-child{font-size:11px!important}.company-event-bar,.event-bar{font-size:9.5px!important;padding:1px 4px!important}.more-events{font-size:10px!important}.leejin-hero-title{font-size:11px!important}.leejin-hero-names{font-size:15px!important}.leejin-hero-message{font-size:12px!important}.leejin-hero-edit-btn,.leejin-hero-result-btn,.leejin-hero-vote-btn{font-size:12px!important;padding:6px 12px!important}.leejin-hero-trophy{font-size:28px!important}.dashboard-add-vacation-btn{font-size:12px!important;padding:6px 12px!important}.dashboard-section-header h3{font-size:14px!important}.dashboard-stats-section .stat-card-compact .stat-number{font-size:1.45rem!important}.dashboard-stats-section .stats-grid-compact{gap:6px!important;grid-template-columns:repeat(4,1fr)!important}.dashboard-stats-section .stat-card-compact{align-items:center;border-radius:9px!important;min-width:0!important;padding:8px 4px!important;text-align:center}.dashboard-stats-section .stat-card-compact .stat-number{font-size:1.15rem!important}.dashboard-stats-section .stat-card-compact .stat-label{font-size:10.5px!important}}.my-progress{margin-top:12px}.my-progress-label{color:#5e6b7e;display:flex;font-size:12px;font-weight:600;justify-content:space-between;margin-bottom:6px}.my-progress-label b{color:#16a34a}.my-progress-bar{background:#eef1f6;border-radius:5px;height:7px;overflow:hidden}.my-progress-bar i{background:linear-gradient(90deg,#16a34a,#22c55e);border-radius:5px;display:block;height:100%;transition:width .4s ease}body.dark .my-progress-label{color:#a1b1c7!important}body.dark .my-progress-label b{color:#22c55e!important}body.dark .my-progress-bar{background:#1b2738!important}.no-requests{color:#9aa6b6;padding:18px 0 6px;text-align:center}.no-requests-emoji{display:block;font-size:30px;margin-bottom:8px;opacity:.6}.no-requests p{font-size:13.5px;font-weight:500;margin:0}body.dark .no-requests{color:#6f8098!important}@media (max-width:768px){.dashboard-stats-section .stats-grid-compact{gap:8px!important;grid-template-columns:repeat(4,1fr)!important}.dashboard-stats-section .stat-card-compact{align-items:center!important;border-radius:13px!important;box-shadow:none!important;display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;padding:12px 6px!important;text-align:center!important}.dashboard-stats-section .stat-card-compact .stat-number{font-size:24px!important;font-weight:800!important;line-height:1!important}.dashboard-stats-section .stat-card-compact .stat-label{font-size:11.5px!important;font-weight:600!important;margin-top:5px!important}}.duty-content{--dsurf2:#f4f7fc;--dline:#e7ecf3;--dline-soft:#f0f3f8;--dink:#1b2533;--dmuted:#5e6b7e;--dfaint:#9aa6b6;--dbrand:#2b6ae8;--dbrand-dark:#1a53c0;--dbrand-soft:#ecf2fe;--dbrand-tint:#f5f8fe;--damber:#f5a623;--damber-bg:#fcf3e2;--dblue-bg:#e9f1fe}body.dark .duty-content{--dsurf2:#1b2738;--dline:#26344a;--dline-soft:#1f2c3e;--dink:#e7edf5;--dmuted:#a1b1c7;--dfaint:#6f8098;--dbrand-soft:#1c2e50;--dbrand-tint:#18253a;--damber-bg:#322715;--dblue-bg:#16294d}.duty-content .duty{padding:2px 0}.duty-content .duty+.duty{border-top:1px solid var(--dline-soft);margin-top:6px;padding-top:14px}.duty-content .duty .dtop{align-items:center;display:flex;gap:9px;margin-bottom:10px}.duty-content .duty .dico{border-radius:10px;display:grid;flex:none;font-size:17px;height:34px;place-items:center;width:34px}.duty-content .duty .dico.rice{background:var(--damber-bg)}.duty-content .duty .dico.clean{background:var(--dblue-bg)}.duty-content .duty .dname{color:var(--dink);font-size:14.5px;font-weight:800}.duty-content .duty .dwhen{color:var(--dfaint);font-size:11.5px;margin-top:1px}.duty-content .duty .dbtn{border:0;border-radius:9px;cursor:pointer;font-size:12.5px;font-weight:700;height:32px;margin-left:auto;padding:0 12px}.duty-content .duty .dbtn.menu{background:var(--damber);color:#3a2706}.duty-content .duty .people{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:9px}.duty-content .duty .chip{align-items:center;background:var(--dsurf2);border:1px solid var(--dline);border-radius:999px;color:var(--dink);display:inline-flex;font-size:13px;font-weight:600;gap:7px;padding:5px 12px 5px 5px}.duty-content .duty .chip .pa{background:var(--dbrand-soft);border-radius:50%;color:var(--dbrand-dark);display:grid;font-size:11px;font-weight:800;height:24px;place-items:center;width:24px}.duty-content .duty .drange{align-items:center;background:var(--dbrand-tint);border-radius:8px;color:var(--dmuted);display:inline-flex;font-size:12.5px;font-weight:600;gap:6px;padding:6px 10px}.duty-content .duty .dempty{color:var(--dfaint);font-size:13px;padding:4px 0 2px}.duty-content .duty .areas{border:1px solid var(--dline);border-radius:12px;margin-top:2px;overflow:hidden}.duty-content .duty .ahead{align-items:center;background:var(--dbrand-tint);border-bottom:1px solid var(--dline);color:var(--dfaint);display:flex;font-size:11px;font-weight:700;letter-spacing:.04em;padding:8px 13px}.duty-content .duty .ahead span:first-child{flex:1 1}.duty-content .duty .area{align-items:center;border-bottom:1px solid var(--dline-soft);display:flex;gap:10px;padding:10px 13px}.duty-content .duty .area:last-child{border-bottom:0}.duty-content .duty .area .an{color:var(--dink);flex:1 1;font-size:13.5px;font-weight:600}.duty-content .duty .area .aw{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.duty-content .duty .ac{background:var(--dbrand-soft);border-radius:8px;color:var(--dbrand-dark);font-size:12px;font-weight:700;padding:4px 9px}.duty-content .duty .ac.muted{background:var(--dsurf2);color:var(--dfaint)}body.dark .dashboard-stats-section .stat-card-compact{border:1px solid #0000!important;border-radius:13px!important;box-shadow:none!important}body.dark .dashboard-stats-section .stat-card-compact.requested{background:#322715!important}body.dark .dashboard-stats-section .stat-card-compact.requested .stat-number{color:#f5a623!important}body.dark .dashboard-stats-section .stat-card-compact.in-progress{background:#16294d!important}body.dark .dashboard-stats-section .stat-card-compact.in-progress .stat-number{color:#4d8df5!important}body.dark .dashboard-stats-section .stat-card-compact.completed{background:#13301f!important}body.dark .dashboard-stats-section .stat-card-compact.completed .stat-number{color:#22c55e!important}body.dark .dashboard-stats-section .stat-card-compact.total{background:#241c3d!important}body.dark .dashboard-stats-section .stat-card-compact.total .stat-number{color:#a78bfa!important}body.dark .dashboard-stats-section .stat-card-compact .stat-label{color:#a1b1c7!important}.dashboard-stats-section .stat-card-compact{padding:6px!important}.dashboard-stats-section .stats-grid-compact{align-items:start!important}.dashboard-stats-section .stat-card-compact{align-self:start!important;aspect-ratio:1/1!important;min-height:0!important}.dashboard-stats-section .stats-grid-compact{align-items:stretch!important}.dashboard-stats-section .stat-card-compact{align-items:center!important;align-self:stretch!important;aspect-ratio:auto!important;border-radius:13px!important;display:flex!important;flex-direction:column!important;gap:4px!important;height:auto!important;justify-content:center!important;min-height:64px!important;padding:12px 6px!important}.dashboard-stats-section .stat-card-compact .stat-number{font-size:22px!important;line-height:1!important}.dashboard-stats-section .stat-card-compact .stat-label{font-size:11.5px!important;margin-top:0!important}.dashboard-stats-section .stats-grid-compact{grid-gap:8px!important;display:grid!important;gap:8px!important;grid-template-columns:repeat(4,1fr)!important}.dashboard-stats-section .stat-card-compact{max-width:none!important;min-width:0!important;width:auto!important}.mypage{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:20px}.mypage-container{background:#fff;border-radius:20px;box-shadow:0 15px 35px #0000001a;margin:0 auto;max-width:1200px;overflow:hidden}.mypage-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:30px 40px}.mypage-header h2{font-size:1.8rem;font-weight:600;margin:0}.edit-btn{background:#fff3;border:2px solid #ffffff4d;border-radius:25px;padding:10px 20px}.edit-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.edit-actions{display:flex;gap:12px}.cancel-btn,.save-btn{border:none;border-radius:25px;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .3s ease}.cancel-btn{background:#fff3;border:2px solid #ffffff4d}.cancel-btn:hover{background:#ffffff4d}.save-btn{background:#28a745;border:2px solid #28a745}.save-btn:hover:not(:disabled){background:#218838;transform:translateY(-2px)}.profile-content{display:grid;grid-template-columns:300px 1fr;min-height:600px}.profile-sidebar{background:#f8f9fc;border-right:1px solid #e9ecf1;padding:40px 30px}.avatar-section{text-align:center}.avatar-container{margin-bottom:20px;position:relative}.avatar-image{object-fit:cover}.avatar-image,.avatar-placeholder{border:4px solid #fff;border-radius:50%;box-shadow:0 8px 25px #00000026;height:120px;width:120px}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:2rem;font-weight:600;justify-content:center;margin:0 auto}.avatar-upload{margin-top:15px}.avatar-input{display:none}.avatar-upload-btn{background:#667eea;border-radius:20px;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .3s ease}.avatar-upload-btn:hover{background:#5a67d8;transform:translateY(-2px)}.user-info h3{color:#2d3748;font-size:1.4rem;font-weight:600;margin:0 0 8px}.position{color:#667eea;font-size:1.1rem;font-weight:600;margin:0 0 4px}.department{color:#718096;font-size:1rem;margin:0}.profile-main{padding:40px}.profile-form{display:flex;flex-direction:column;gap:40px}.form-section{background:#f8f9fc;border-radius:15px;padding:30px}.form-section h4{border-bottom:2px solid #e9ecf1;color:#2d3748;font-size:1.3rem;font-weight:600;margin:0 0 25px;padding-bottom:10px}.form-grid{grid-gap:25px;gap:25px}.form-group{gap:8px}.form-group label{color:#4a5568;font-size:.95rem;font-weight:500}.form-input,.form-select{background:#fff;border:2px solid #e9ecf1;border-radius:10px;font-size:1rem;padding:12px 16px;transition:all .3s ease}.form-input:focus,.form-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-input:disabled{background:#f7fafc;color:#4a5568;cursor:not-allowed}.form-select{cursor:pointer}.mypage-loading{align-items:center;color:#718096;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{border:4px solid #e2e8f0;border-top-color:#667eea}@media (max-width:900px){.profile-content{grid-template-columns:1fr}.profile-main,.profile-sidebar{padding:30px 20px}.mypage-header{flex-direction:column;gap:15px;padding:20px;text-align:center}}@media (max-width:600px){.mypage{padding:10px}.mypage-container{border-radius:15px}.form-grid{grid-template-columns:1fr}.edit-actions{flex-direction:column;width:100%}.cancel-btn,.edit-btn,.save-btn{text-align:center;width:100%}.avatar-image,.avatar-placeholder{height:100px;width:100px}.form-section{padding:20px}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;max-width:450px;overflow:hidden;padding:40px;position:relative;width:100%}.login-card:before{background:linear-gradient(90deg,#1e3c72,#2a5298);content:"";height:4px;left:0;position:absolute;right:0;top:0}.login-header{margin-bottom:32px;text-align:center}.login-header h2{color:#1e3c72;font-size:28px;font-weight:700;margin:0 0 8px}.login-header p{color:#64748b;font-size:14px;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.form-input{background-color:#fafafa;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;padding:12px 16px;transition:all .2s}.form-input:focus{background-color:#fff;border-color:#1e3c72;box-shadow:0 0 0 3px #1e3c721a;outline:none}.form-input::placeholder{color:#9ca3af}.login-btn{background:linear-gradient(135deg,#1e3c72,#2a5298);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px 24px;transition:all .2s}.login-btn:hover:not(:disabled){box-shadow:0 4px 12px #1e3c7266;transform:translateY(-1px)}.login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-footer{border-top:1px solid #e5e7eb;margin-top:24px;padding-top:20px;text-align:center}.login-footer p{color:#64748b;font-size:14px;margin:0}.toggle-btn{background:none;border:none;color:#1e3c72;cursor:pointer;font-size:14px;font-weight:600;margin-left:8px;text-decoration:underline}.toggle-btn:hover{color:#2a5298}@media (max-width:480px){.login-container{padding:16px}.login-card{padding:32px 24px}.form-row{grid-template-columns:1fr}.login-header h2{font-size:24px}}.login-btn:disabled{position:relative}.login-btn:disabled:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:16px;margin:auto;position:absolute;right:16px;top:50%;transform:translateY(-50%);width:16px}.remember-group{margin:8px 0}.remember-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:8px}.remember-checkbox{accent-color:#1e3c72;cursor:pointer;height:16px;margin:0;width:16px}.remember-text{color:#64748b;-webkit-user-select:none;user-select:none}.remember-info{align-items:center;background-color:#f0f9ff;border:1px solid #bfdbfe;border-radius:6px;color:#1e40af;display:flex;font-size:14px;justify-content:space-between;margin-bottom:16px;padding:8px 12px}.remember-info strong{color:#1e3c72}.clear-saved-btn{background:none;border:1px solid #ef4444;border-radius:4px;color:#ef4444;cursor:pointer;font-size:12px;padding:2px 8px;transition:all .2s}.clear-saved-btn:hover{background-color:#ef4444;color:#fff}.tasks-page{box-sizing:border-box;margin:0;max-width:100%;overflow-x:hidden;padding:20px;width:100%}.page-header{border-bottom:1px solid #e2e8f0;padding-bottom:12px}.date-filter-container{background:#f8fafc;border:1px solid #e2e8f0;display:flex!important;padding:8px 12px}.date-range-buttons{background:#f1f5f9;border-radius:6px;display:flex;gap:2px;padding:3px}.date-range-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s;white-space:nowrap}.date-range-btn:hover{background:#e2e8f0;color:#475569}.date-range-btn.active{background:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important;font-weight:600}.date-filter{align-items:center;display:flex;gap:8px}.date-input{background:#fff;border:2px solid #e2e8f0;border-radius:6px;color:#1e293b;font-size:12px;height:20px;min-width:140px;padding:6px 10px}.date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.clear-date-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;height:36px;padding:6px 10px;transition:background .2s}.clear-date-btn:hover{background:#dc2626}.view-toggle{background:#f1f5f9;border-radius:6px;display:flex;gap:2px;padding:3px}.view-btn{background:#0000;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:11px;font-weight:500;padding:4px 8px;transition:all .2s}.view-btn:hover{background:#1e3c721a;color:#1e3c72}.view-btn.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#1e3c72;font-weight:600}.tasks-stats{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:15px;box-shadow:0 8px 25px #1e3c724d;display:flex;gap:30px;justify-content:center;margin-bottom:30px;padding:20px}.page-header h1{font-size:1.3rem}.btn-primary{background:linear-gradient(135deg,#1e3c72,#2a5298);border:none;border-radius:6px;box-shadow:0 2px 6px #1e3c7233;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s ease}.btn-primary:hover{box-shadow:0 3px 10px #1e3c724d}.task-tabs{background:#f1f5f9;border-radius:12px;display:flex;gap:4px;margin-bottom:30px;overflow-x:auto;padding:4px}.tab{background:#0000;border-radius:8px;padding:12px 20px;white-space:nowrap}.tab:hover{background:#1e3c721a;color:#1e3c72}.tab.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#1e3c72;font-weight:600}.tasks-table-container{background:#fff;border:1px solid #d1d5db;border-radius:0;box-shadow:none;margin-bottom:0;overflow:hidden}.tasks-table{border:none;border-collapse:collapse;font-size:11px;width:100%}.tasks-table th{background-color:#f3f4f6;border:1px solid #9ca3af;font-weight:600;height:28px;padding:4px 6px;white-space:nowrap}.tasks-table td,.tasks-table th{color:#374151;font-size:11px;line-height:1.3;text-align:center}.tasks-table td{border:1px solid #d1d5db;height:26px;padding:3px 5px;vertical-align:middle}.tasks-table tbody tr:hover{background-color:#f9fafb}.tasks-table tbody tr.clickable-row{cursor:pointer}.tasks-table tbody tr.clickable-row:hover{background-color:#eff6ff}.task-title-cell{color:#111827;font-size:11px;font-weight:500;max-width:300px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.tasks-table td:nth-child(4),.tasks-table th:nth-child(4){text-align:left}.task-detail-btn{background:#fff;border:1px solid #d1d5db;border-radius:2px;color:#3b82f6;cursor:pointer;font-size:10px;line-height:1.2;min-height:18px;padding:1px 5px;transition:all .15s}.task-detail-btn:hover{background-color:#eff6ff;border-color:#3b82f6}.task-header{align-items:flex-start;justify-content:space-between;margin-bottom:16px}.task-meta-line{display:flex;flex-wrap:wrap;gap:8px}.category-badge,.priority-badge,.status-badge{border-radius:2px;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.1px;line-height:1.2;padding:1px 4px;text-transform:uppercase}.tasks-table .category-badge,.tasks-table .priority-badge,.tasks-table .status-badge{font-size:9px;line-height:1.1;padding:1px 4px}.task-priority.compact{border-radius:10px;display:inline-block;font-size:.6rem;font-weight:600;letter-spacing:.3px;margin-bottom:4px;padding:2px 6px;text-transform:uppercase}.task-priority.compact.priority-low{background:#4caf501a;border:1px solid #4caf504d;color:#4caf50}.task-priority.compact.priority-normal{background:#2196f31a;border:1px solid #2196f34d;color:#2196f3}.task-priority.compact.priority-high{background:#ff98001a;border:1px solid #ff98004d;color:#ff9800}.task-priority.compact.priority-urgent{background:#f443361a;border:1px solid #f443364d;color:#f44336}.priority-low{background:#4caf501a;border:1px solid #4caf504d;color:#4caf50}.priority-normal{background:#2196f31a;border:1px solid #2196f34d;color:#2196f3}.priority-high{background:#ff98001a;border:1px solid #ff98004d;color:#ff9800}.priority-urgent{background:#f443361a;border:1px solid #f443364d;color:#f44336}.status-requested{background:#677eea1a;border:1px solid #677eea4d;color:#667eea}.status-in_progress{background:#f093fb1a;border:1px solid #f093fb4d;color:#f093fb}.status-completed{background:#4facfe1a;border:1px solid #4facfe4d;color:#4facfe}.status-problem{background:#ff576c1a;border:1px solid #ff576c4d;color:#f5576c}.status-cancelled{background:#9ca3af1a;border:1px solid #9ca3af4d;color:#6b7280}.category-badge{background:#8b5cf61a;border:1px solid #8b5cf64d;color:#8b5cf6}.status-select{background:#fff;border-radius:2px;color:#374151;font-size:10px;height:20px;line-height:1.2;padding:1px 3px}.status-select:focus{border-color:#3b82f6;box-shadow:none;outline:none}.tasks-table .status-select{font-size:9px;height:18px;padding:1px 3px}.tasks-table .profile-image,.tasks-table .profile-placeholder{font-size:7px!important;height:16px!important;min-height:16px!important;min-width:16px!important;width:16px!important}.task-title{color:#1e3c72;font-size:1rem;margin:0 0 8px}.task-description{color:#4b5563;font-size:.85rem;line-height:1.5;margin:0 0 15px}.task-details{grid-gap:20px;border-top:1px solid #f3f4f6;display:grid;font-size:.875rem;gap:20px;grid-template-columns:1fr 1fr;padding-top:16px}.task-dates>div,.task-people>div{color:#6b7280;margin-bottom:6px}.task-dates strong,.task-people strong{color:#1e3c72;font-weight:600}.modal{border-radius:16px;box-shadow:0 20px 50px #0000004d;max-width:600px;width:100%}.modal-header{flex-shrink:0;padding:24px 24px 16px}.modal-header h2{font-size:1.5rem}.close-btn{color:#9ca3af;font-size:2rem;height:32px;width:32px}.task-form{flex:1 1;min-height:0;overflow-y:auto;padding:20px 24px 24px}.task-form::-webkit-scrollbar{width:8px}.task-form::-webkit-scrollbar-track{background:#f1f1f1}.task-form::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.task-form::-webkit-scrollbar-thumb:hover{background:#555}.form-row{grid-gap:16px;gap:16px}.form-group input,.form-group select,.form-group textarea{box-sizing:border-box;font-size:.875rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1e3c72;box-shadow:0 0 0 3px #1e3c721a}.form-group textarea{min-height:80px}.form-actions{border-top:1px solid #f3f4f6}.form-actions button{padding:10px 20px}.form-actions button[type=button]{background:#f9fafb;border:1px solid #d1d5db;color:#374151}.form-actions button[type=button]:hover{background:#f3f4f6}.kanban-table-container{background:#fff;border:1px solid #d1d5db;margin-bottom:0;overflow:hidden}.kanban-table{border-collapse:collapse;table-layout:fixed;width:100%}.kanban-table thead th{background-color:#f3f4f6;border:1px solid #9ca3af;color:#374151;font-size:12px;font-weight:600;height:36px;padding:8px 10px;text-align:center}.kanban-table thead th.kanban-header-requested{background-color:#fef3c7;color:#78350f}.kanban-table thead th.kanban-header-in-progress{background-color:#dbeafe;color:#1e3a8a}.kanban-table thead th.kanban-header-completed{background-color:#d1fae5;color:#065f46}.kanban-table .kanban-cell{border:1px solid #d1d5db;padding:0;vertical-align:top;width:33.33%}.kanban-cell-content{display:flex;flex-direction:column;gap:8px;min-height:400px;padding:8px}.kanban-cell-content .empty-column{background:#f9fafb;border:1px dashed #d1d5db;border-radius:4px;color:#9ca3af;font-size:11px;font-style:italic;font-weight:500;margin:0;padding:20px 10px;text-align:center}.kanban-board{margin-bottom:40px}.tasks-page:not(.admin-tasks-page) .mobile-kanban-tabs{display:none}.kanban-columns{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr;max-width:100%;width:100%}@media (max-width:768px){.tasks-page:not(.admin-tasks-page){padding:12px 12px 40px}.tasks-page:not(.admin-tasks-page) .page-header{align-items:stretch;flex-direction:column;gap:12px;margin-bottom:16px}.tasks-page:not(.admin-tasks-page) .page-header h1{font-size:1.1rem}.tasks-page:not(.admin-tasks-page) .date-and-view{display:flex;flex-direction:column;gap:12px;width:100%}.tasks-page:not(.admin-tasks-page) .header-actions{flex-direction:column;gap:10px;width:100%}.tasks-page:not(.admin-tasks-page) .date-filter-container{flex-direction:column;gap:8px;padding:10px;width:100%}.tasks-page:not(.admin-tasks-page) .date-range-buttons{flex-wrap:nowrap;gap:4px;overflow-x:auto;padding:3px;width:100%}.tasks-page:not(.admin-tasks-page) .date-range-btn{font-size:11px;min-width:-webkit-fit-content;min-width:fit-content;padding:8px 12px;white-space:nowrap}.tasks-page:not(.admin-tasks-page) .date-filter{flex-direction:row;width:100%}.tasks-page:not(.admin-tasks-page) .date-input{flex:1 1;font-size:13px;min-width:0}.tasks-page:not(.admin-tasks-page) .clear-date-btn{font-size:11px;height:auto;padding:8px 12px}.tasks-page:not(.admin-tasks-page) .view-toggle{justify-content:stretch;width:100%}.tasks-page:not(.admin-tasks-page) .view-btn{flex:1 1;font-size:12px;padding:10px 12px;text-align:center}.tasks-page:not(.admin-tasks-page) .action-buttons{display:flex;flex-direction:column;gap:8px;width:100%}.tasks-page:not(.admin-tasks-page) .report-controls{display:flex;gap:8px;width:100%}.tasks-page:not(.admin-tasks-page) .report-controls button{flex:1 1;font-size:11px;padding:10px 12px;white-space:nowrap}.tasks-page:not(.admin-tasks-page) .btn-primary{font-size:13px;padding:12px 16px;width:100%}.tasks-page:not(.admin-tasks-page) .btn-secondary{font-size:11px;padding:10px 12px}.tasks-page:not(.admin-tasks-page) .tasks-stats{flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:20px;padding:15px}.tasks-page:not(.admin-tasks-page) .kanban-columns{display:block;gap:0;overflow-x:hidden;width:100%}.tasks-page:not(.admin-tasks-page) .kanban-column{display:none!important;min-height:auto}.tasks-page:not(.admin-tasks-page) .kanban-column.mobile-active{display:block!important}.tasks-page:not(.admin-tasks-page) .kanban-column .column-header{display:none;font-size:.9rem;padding:12px}.tasks-page:not(.admin-tasks-page) .kanban-tasks-list{gap:10px;padding:8px}.task-card-v2{padding:12px}.task-card-header{align-items:flex-start;flex-direction:column;gap:8px}.priority-indicator{gap:6px}.priority-icon{font-size:14px}.priority-text{font-size:10px}.assignee-info{gap:6px}.tasks-page:not(.admin-tasks-page) .assignee-name{font-size:11px}.task-card-title h4{font-size:.9rem;line-height:1.3}.task-card-content{font-size:.8rem}.task-details{gap:16px}.form-row,.task-details{grid-template-columns:1fr}.task-header{flex-direction:column;gap:12px}.task-meta-line{gap:6px}.category-badge,.priority-badge,.status-badge{font-size:.6rem;padding:4px 8px}.task-actions{align-self:flex-start;width:100%}.status-select{font-size:.8rem;padding:8px 12px;width:100%}.task-title{font-size:.95rem}.task-description{font-size:.8rem;line-height:1.4}.modal{margin:10px;max-height:calc(100vh - 20px)}.modal-header{padding:16px}.modal-header h2,.modal-header h3{font-size:1.2rem}.task-form{padding:16px}.form-group{margin-bottom:16px}.form-group label{font-size:.8rem;margin-bottom:4px}.form-group input,.form-group select,.form-group textarea{font-size:.85rem;padding:10px}.form-actions{flex-direction:column;gap:10px;margin-top:16px;padding-top:16px}.form-actions button{font-size:.9rem;padding:12px 16px;width:100%}.task-tabs{gap:6px;margin-bottom:20px;overflow-x:auto;padding:6px}.tab{font-size:.85rem;min-width:-webkit-fit-content;min-width:fit-content;padding:10px 16px}.mobile-kanban-tabs{background:#f1f5f9;border-radius:12px;display:flex;gap:4px;margin-bottom:16px;padding:4px}.mobile-kanban-tab{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:500;padding:12px 8px;transition:all .2s;white-space:nowrap}.mobile-kanban-tab:hover{background:#1e3c721a;color:#1e3c72}.mobile-kanban-tab.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#1e3c72;font-weight:600}.mobile-kanban-tab.requested.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.mobile-kanban-tab.in-progress.active{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.mobile-kanban-tab.completed.active{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}}@media (max-width:480px){.tasks-page{padding:8px 8px 30px}.page-header{gap:10px;margin-bottom:12px}.page-header h1{font-size:1rem}.date-and-view{gap:10px}.date-filter-container{gap:6px;padding:8px}.date-range-btn{font-size:10px;padding:6px 10px}.date-input{font-size:12px;padding:6px 8px}.clear-date-btn{font-size:10px;padding:6px 10px}.view-btn{font-size:11px;padding:8px 10px}.btn-primary{font-size:12px;padding:10px 14px}.report-controls button{font-size:10px;padding:8px 10px}.task-tabs{flex-wrap:nowrap;gap:4px;overflow-x:auto;padding:4px}.tab{font-size:.75rem;min-width:-webkit-fit-content;min-width:fit-content;padding:8px 12px;text-align:center}.kanban-column{min-height:250px}.kanban-column .column-header{font-size:.85rem;padding:10px}.kanban-tasks-list{gap:8px;padding:6px}.task-card-v2{padding:10px}.task-card-header{gap:6px}.priority-icon{font-size:12px}.priority-text{font-size:9px}.tasks-page:not(.admin-tasks-page) .assignee-name{font-size:10px}.task-card-title h4{font-size:.85rem;line-height:1.2}.task-card-content{font-size:.75rem}.task-item{padding:16px}.task-title{font-size:.9rem}.task-description{font-size:.75rem}.category-badge,.priority-badge,.status-badge{font-size:.55rem;padding:3px 6px}.modal{border-radius:12px;margin:5px;max-height:calc(100vh - 10px)}.modal-header{padding:12px}.modal-header h2,.modal-header h3{font-size:1.1rem}.close-btn{font-size:1.5rem;height:28px;width:28px}.task-form{padding:12px}.form-group{margin-bottom:12px}.form-group label{font-size:.75rem}.form-group input,.form-group select,.form-group textarea{font-size:.8rem;padding:8px}.form-actions{flex-direction:column;gap:8px;margin-top:12px;padding-top:12px}.form-actions button{font-size:.85rem;padding:10px 14px;width:100%}}.tasks-page:not(.admin-tasks-page) .kanban-column{background:#fff;border:3px solid #0000;border-radius:15px;box-shadow:0 10px 30px #0000001a;box-sizing:border-box;max-width:100%;min-height:500px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.kanban-column .column-header{border-bottom:2px solid #0000;color:#475569;font-size:.95rem;font-weight:700;padding:12px 15px;text-align:center;text-shadow:none}.kanban-column.requested .column-header{background:#eef2ff;border-bottom-color:#c7d2fe;color:#4f46e5}.kanban-column.in-progress .column-header{background:#fff7ed;border-bottom-color:#fed7aa;color:#c2410c}.kanban-column.completed .column-header{background:#ecfdf5;border-bottom-color:#a7f3d0;color:#047857}.kanban-column .column-header h3{font-size:1rem;margin:0}.kanban-tasks-list{display:flex;flex-direction:column;gap:8px;padding:10px}.kanban-task-card{background:#fff;border:1px solid #e8eaed;border-radius:6px;box-shadow:0 2px 6px #0000000d;cursor:pointer;overflow:hidden;padding:10px;position:relative;text-align:center;transition:all .3s ease}.kanban-task-card:hover{border-color:#1e3c72;box-shadow:0 6px 20px #1e3c721f;transform:translateY(-2px)}.kanban-task-card:before{background:linear-gradient(135deg,#1e3c72,#2a5298);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.kanban-task-card .task-title{color:#1e3c72;font-size:.8rem;font-weight:600;line-height:1.2;margin:0 0 4px}.kanban-task-card .task-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:.7rem;line-height:1.3;margin:0 0 8px;overflow:hidden}.kanban-task-card .task-meta{align-items:center;color:#888;display:flex;font-size:.65rem;justify-content:space-between;padding-top:6px;text-align:left}.kanban-task-card .task-reporter{align-items:center;display:flex;flex:1 1;gap:5px}.kanban-task-card .task-dates{display:flex;flex:1 1;flex-direction:column;gap:2px;text-align:right}.kanban-task-card .task-dates>div{line-height:1.4;margin-bottom:0}.kanban-task-card .task-meta strong{color:#1e3c72;font-weight:600}.tasks-page.dragging-active{cursor:grabbing!important;-webkit-user-select:none;user-select:none}.tasks-page.dragging-active *{cursor:grabbing!important}.tasks-page.dragging-active .kanban-task-card:not(.dragging){pointer-events:none}.tasks-page.dragging-active .kanban-column{pointer-events:auto}.kanban-task-card{cursor:grab;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.kanban-task-card:hover{box-shadow:0 15px 40px #1e3c7240;cursor:grab;transform:translateY(-3px) scale(1.03)}.kanban-task-card:active{cursor:grabbing;transform:scale(.98)}.kanban-task-card.dragging{opacity:.3;pointer-events:none;transform:scale(.95);transition:all .2s ease}.ghost-card{animation:ghost-float .6s ease-in-out infinite alternate;background:#fff;border:2px solid #1e3c72;border-radius:8px;box-shadow:0 20px 60px #1e3c7266;cursor:grabbing;max-width:280px;opacity:.95;padding:12px;pointer-events:none;position:fixed;transform:rotate(5deg) scale(1.05);z-index:9999}@keyframes ghost-float{0%{box-shadow:0 20px 60px #1e3c7266;transform:rotate(5deg) scale(1.05)}to{box-shadow:0 25px 70px #1e3c7280;transform:rotate(3deg) scale(1.08)}}.ghost-card .task-title{color:#1e3c72;font-size:.95rem;font-weight:600;line-height:1.3;margin:0 0 6px}.ghost-card .task-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:.8rem;line-height:1.4;margin:0 0 10px;overflow:hidden}.ghost-card .task-meta{color:#888;font-size:.75rem;padding-top:8px}.ghost-card .task-meta strong{color:#1e3c72;font-weight:600}.dragging-active .kanban-column{transform:scale(1.02)}.kanban-column.drag-over{animation:magnetic-pulse .8s infinite alternate;background:linear-gradient(135deg,#1e3c721a,#2a529814);border:3px solid #1e3c72;box-shadow:0 0 30px #1e3c7266,inset 0 0 20px #1e3c721a;transform:scale(1.05)}@keyframes magnetic-pulse{0%{box-shadow:0 0 30px #1e3c7266,inset 0 0 20px #1e3c721a;transform:scale(1.05)}to{box-shadow:0 0 40px #1e3c7299,inset 0 0 30px #1e3c7226;transform:scale(1.08)}}.empty-column{background:#f9fafb;border:2px dashed #e5e7eb;border-radius:10px;color:#9ca3af;font-size:.85rem;font-style:italic;font-weight:500;margin:15px 0;padding:40px 15px;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.dragging-active .empty-column{animation:magnetic-attract 1s infinite;background:#1e3c7214;border-color:#1e3c72;color:#1e3c72;font-weight:600;transform:scale(1.05)}.kanban-column.drag-over .empty-column{animation:drop-zone-ready .6s infinite alternate;background:#1e3c7226;border-color:#2a5298;transform:scale(1.1)}@keyframes magnetic-attract{0%,to{background:#1e3c7214;transform:scale(1.05)}50%{background:#1e3c721f;transform:scale(1.08)}}@keyframes drop-zone-ready{0%{background:#1e3c7226;border-color:#2a5298;transform:scale(1.1)}to{background:#1e3c7233;border-color:#1e3c72;transform:scale(1.12)}}.dragging-active .kanban-task-card:not(.dragging){filter:grayscale(.3);opacity:.4;transform:scale(.95)}.dragging-active .kanban-column .column-header{text-shadow:2px 2px 4px #0000004d;transform:scale(1.02)}.kanban-column.drag-over .column-header{animation:header-magnetic .6s infinite alternate;transform:scale(1.05)}@keyframes header-magnetic{0%{text-shadow:2px 2px 8px #1e3c7299;transform:scale(1.05)}to{text-shadow:2px 2px 12px #1e3c72cc;transform:scale(1.08)}}.task-detail-modal{max-height:90vh;max-width:800px;overflow-y:auto}.task-detail-content{display:block;max-height:calc(90vh - 140px);overflow-y:auto;padding:16px}.task-detail-table{border-collapse:collapse;font-size:.9rem;margin-bottom:16px;width:100%}.task-detail-table th{background:#f1f5f9;font-weight:600;text-align:left;width:100px}.task-detail-table td,.task-detail-table th{border:1px solid #e2e8f0;color:#374151;padding:10px 12px;vertical-align:top}.task-detail-table .task-title-cell{color:#1e3c72;font-weight:600}.task-detail-table .task-content-cell{line-height:1.6;min-height:100px;white-space:pre-wrap;word-break:break-word}.task-detail-table select{border:1px solid #d1d5db;border-radius:4px;font-size:.85rem;padding:4px 8px}.task-detail-table .assignee-badge{align-items:center;background-color:#007bff;border-radius:10px;color:#fff;display:inline-flex;font-size:11px;margin:2px;padding:2px 6px}.sidebar-section h4{border-bottom:1px solid #e5e7eb;color:#1e3c72;font-size:.9rem;font-weight:600;letter-spacing:.5px;margin:0 0 12px;padding-bottom:8px;text-transform:uppercase}.sidebar-info-grid{grid-gap:12px;display:grid;gap:12px}.sidebar-info-item{display:flex;flex-direction:column;gap:4px}.sidebar-info-label{color:#6b7280;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.sidebar-info-value{color:#374151;font-size:.9rem;font-weight:500}.task-detail-actions{background:#f9fafb;border-top:1px solid #e5e7eb;gap:12px;padding:16px 24px}.task-detail-actions .status-select{border-radius:6px;font-size:.85rem;padding:8px 12px}.task-detail-actions{align-items:center;border-top:1px solid #f3f4f6;display:flex;gap:15px;justify-content:flex-end;padding-top:20px}.task-detail-actions .status-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:.9rem;min-width:120px;padding:8px 15px}.task-detail-actions .status-select:focus{border-color:#1e3c72;box-shadow:0 0 0 3px #1e3c721a;outline:none}@media (max-width:768px){.task-detail-modal{max-height:95vh;max-width:95vw}.task-detail-content{flex-direction:column}.task-detail-main{border-bottom:1px solid #e5e7eb;border-right:none;padding:16px}.task-detail-sidebar{flex-direction:row;flex-wrap:wrap;gap:12px;min-width:auto;padding:16px;width:100%}.sidebar-section{flex:1 1;min-width:calc(50% - 6px)}.task-detail-actions{padding:12px 16px}.task-content-section .task-description{font-size:.9rem;padding:12px}}@media (max-width:480px){.task-detail-sidebar{flex-direction:column}.sidebar-section{min-width:auto}.sidebar-info-grid{gap:8px}.sidebar-info-label{font-size:.7rem}.sidebar-info-value{font-size:.85rem}}.assignment-type-selector{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:20px;padding:12px}.radio-option{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background .2s}.radio-option:hover{background:#fff}.radio-option input[type=radio]{cursor:pointer;height:18px;width:18px}.radio-option span{color:#334155;font-size:.95rem;font-weight:500}.create-task-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.create-task-modal{background:#fff;border-radius:16px;box-shadow:0 20px 50px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.create-task-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:24px 24px 16px}.create-task-modal-header h2{color:#1e3c72;font-size:1.5rem;font-weight:600;margin:0}.create-task-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.create-task-close-btn:hover{background:#f3f4f6;color:#374151}.create-task-form{flex:1 1;min-height:0;overflow-y:auto;padding:20px 24px 24px}.create-task-form::-webkit-scrollbar{width:8px}.create-task-form::-webkit-scrollbar-track{background:#f1f1f1}.create-task-form::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.create-task-form::-webkit-scrollbar-thumb:hover{background:#555}.tasks-skeleton{grid-gap:20px;box-sizing:border-box;display:grid;gap:20px;grid-template-columns:1fr 1fr 1fr;margin-top:8px;width:100%}.skel-col{background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;min-height:320px;padding:12px}.skel-col-header{color:#94a3b8;font-size:.9rem;font-weight:600;padding:4px 6px 12px}.skel-card{background:#fff;border:1px solid #eef2f7;border-radius:10px;margin-bottom:12px;padding:14px}.skel-card-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.skel-line{animation:skel-shimmer 1.3s ease-in-out infinite;background:linear-gradient(90deg,#eef2f7 25%,#e2e8f0 37%,#eef2f7 63%);background-size:400% 100%;border-radius:6px;display:block;height:12px}.skel-badge{height:16px;width:56px}.skel-avatar{border-radius:50%;height:20px;width:20px}.skel-title{height:16px;margin-bottom:10px;width:80%}.skel-text{margin-bottom:8px;width:100%}.skel-text.short{width:60%}@keyframes skel-shimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (max-width:768px){.tasks-skeleton{gap:12px;grid-template-columns:1fr}.skel-col{min-height:auto}}.task-card-footer{border-top:none;display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding-top:0}.task-chip{align-items:center;background:#f1f5f9;border-radius:999px;color:#475569;display:inline-flex;font-size:12px;font-weight:600;line-height:1;padding:5px 9px;white-space:nowrap}.task-chip.category{background:#eef2ff;color:#4f46e5}.task-chip.due{background:#ecfdf5;color:#047857}.task-chip.due.soon{background:#fffbeb;color:#b45309}.task-chip.due.overdue{background:#fef2f2;color:#dc2626}.task-card-badges{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.task-prio{align-items:center;border-radius:999px;display:inline-flex;font-weight:700;gap:4px;line-height:1;padding:5px 10px;white-space:nowrap}.task-prio,.task-prio-icon{font-size:12px}.task-prio-urgent{background:#fee2e2;color:#b91c1c}.task-prio-high{background:#fef3c7;color:#b45309}.task-prio-normal{background:#e0f2fe;color:#0369a1}.task-prio-low{background:#f1f5f9;color:#64748b}.admin-tasks-page.user-tasks-page .task-card-v2 .task-description{background:#0000;border-left:none;color:#475569;font-size:13px;line-height:1.5;margin:0;padding:0}.tasks-page.admin-tasks-page.user-tasks-page .task-card-header .assignee-name{color:#334155;font-size:13px;font-weight:600}.task-card-footer{align-items:center;justify-content:space-between}.task-footer-left{align-items:center;display:inline-flex;gap:6px}.task-comments-count{color:#64748b;font-size:13px;font-weight:600;white-space:nowrap}.tasks-page.admin-tasks-page.user-tasks-page .assignee-name{color:#334155;font-size:13px;font-weight:600}.tasks-page.admin-tasks-page.user-tasks-page .kanban-columns{gap:14px}.tasks-page.admin-tasks-page.user-tasks-page .kanban-tasks-list{gap:8px;padding:8px}.tasks-page.admin-tasks-page.user-tasks-page .task-card-v2{border-radius:10px;display:flex;flex-direction:column;height:auto;min-height:0;overflow:hidden;padding:14px 16px}.tasks-page.admin-tasks-page.user-tasks-page .task-card-header{border-bottom:none;flex-shrink:0;margin-bottom:8px;padding-bottom:0}.tasks-page.admin-tasks-page.user-tasks-page .task-card-title{border-bottom:none;flex-shrink:0;margin-bottom:10px;padding-bottom:0}.tasks-page.admin-tasks-page.user-tasks-page .task-card-title h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#0f172a;display:-webkit-box;font-size:15px;font-weight:700;line-height:1.45;margin:0;overflow:hidden}.tasks-page.admin-tasks-page.user-tasks-page .task-card-content{background:#0000;border:none;flex:1 1 auto;min-height:0;overflow:hidden}.tasks-page.admin-tasks-page.user-tasks-page .task-card-v2 .task-description{-webkit-line-clamp:1;-webkit-box-orient:vertical;background:#0000;border:none;display:-webkit-box;overflow:hidden;white-space:normal}.tasks-page.admin-tasks-page.user-tasks-page .task-card-footer{border-top:none;flex-shrink:0;margin-top:10px;padding-top:0}.tasks-page.admin-tasks-page.user-tasks-page .task-card-v2,.tasks-page.admin-tasks-page.user-tasks-page .task-card-v2.high-priority,.tasks-page.admin-tasks-page.user-tasks-page .task-card-v2.low-priority,.tasks-page.admin-tasks-page.user-tasks-page .task-card-v2.normal-priority,.tasks-page.admin-tasks-page.user-tasks-page .task-card-v2.urgent-priority{border:1px solid #eceff3;box-shadow:0 1px 2px #0f172a0a}.tasks-page.admin-tasks-page.user-tasks-page .task-card-v2:hover{border-color:#dfe4ea;box-shadow:0 3px 10px #0f172a14;transform:none}.tasks-page.admin-tasks-page.user-tasks-page .kanban-column .column-header{border-bottom-width:1px}.tasks-page.admin-tasks-page.user-tasks-page{background:#e9edf2}div.tasks-page.admin-tasks-page.user-tasks-page .kanban-column{background:#eef1f6!important;border:1px solid #dde2ea!important;border-radius:14px!important;box-shadow:none!important}.tasks-page.admin-tasks-page.user-tasks-page .task-card-v2{background:#fff}.tasks-page.admin-tasks-page.user-tasks-page .kanban-column .column-header{align-items:center;background:#0000!important;border:none!important;display:flex;justify-content:space-between;padding:16px 18px 12px;text-shadow:none!important}.tasks-page.admin-tasks-page.user-tasks-page .col-head-left{align-items:center;display:flex;gap:8px}.tasks-page.admin-tasks-page.user-tasks-page .col-title{color:#334155;font-size:16px;font-weight:800}.tasks-page.admin-tasks-page.user-tasks-page .col-count{align-items:center;background:#e2e8f0;border-radius:7px;color:#475569;display:inline-flex;font-size:13px;font-weight:700;height:22px;justify-content:center;min-width:24px;padding:0 7px}.tasks-page.admin-tasks-page.user-tasks-page .kanban-column.requested .col-title{color:#2563eb}.tasks-page.admin-tasks-page.user-tasks-page .kanban-column.requested .col-count{background:#e0ebff;color:#2563eb}.tasks-page.admin-tasks-page.user-tasks-page .kanban-column.in-progress .col-title{color:#ea7317}.tasks-page.admin-tasks-page.user-tasks-page .kanban-column.in-progress .col-count{background:#ffedd5;color:#c2410c}.tasks-page.admin-tasks-page.user-tasks-page .kanban-column.completed .col-title{color:#16a34a}.tasks-page.admin-tasks-page.user-tasks-page .kanban-column.completed .col-count{background:#dcfce7;color:#16a34a}.tasks-page.admin-tasks-page.user-tasks-page .col-add{background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;font-size:22px;line-height:1;padding:0 8px}.tasks-page.admin-tasks-page.user-tasks-page .col-add:hover{background:#eef2f7;color:#475569}.tasks-page.admin-tasks-page.user-tasks-page .task-prio{border-radius:6px;font-size:12px;padding:4px 10px}.tasks-page.admin-tasks-page.user-tasks-page .tc-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.tasks-page.admin-tasks-page.user-tasks-page .tc-menu{background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:18px;line-height:1;padding:2px 8px}.tasks-page.admin-tasks-page.user-tasks-page .tc-menu:hover{background:#f1f5f9;color:#475569}.tasks-page.admin-tasks-page.user-tasks-page .tc-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#0f172a;display:-webkit-box;font-size:15px;font-weight:700;line-height:1.45;margin:0 0 6px;overflow:hidden}.tasks-page.admin-tasks-page.user-tasks-page .tc-desc{color:#64748b;font-size:13px;line-height:1.5;margin-bottom:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tasks-page.admin-tasks-page.user-tasks-page .tc-footer{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:auto}.tasks-page.admin-tasks-page.user-tasks-page .tc-assignee{align-items:center;display:flex;gap:6px;min-width:0}.tasks-page.admin-tasks-page.user-tasks-page .tc-assignee-name{color:#334155;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tasks-page.admin-tasks-page.user-tasks-page .tc-assignee-name.muted{color:#94a3b8;font-weight:500}.tasks-page.admin-tasks-page.user-tasks-page .tc-meta{align-items:center;display:flex;flex-shrink:0;gap:12px}.tasks-page.admin-tasks-page.user-tasks-page .tc-meta-item{color:#94a3b8;font-size:12.5px;font-weight:600;white-space:nowrap}.tasks-page.admin-tasks-page.user-tasks-page .page-header.uth-header{align-items:stretch;background:#fff;border:1px solid #e7eaf0;border-radius:14px;box-shadow:0 1px 2px #0f172a0a;display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding:14px 18px}.tasks-page.admin-tasks-page.user-tasks-page .uth-bottom,.tasks-page.admin-tasks-page.user-tasks-page .uth-top{width:100%}.tasks-page.admin-tasks-page.user-tasks-page .uth-top{align-items:center;display:flex;gap:12px;justify-content:space-between}.tasks-page.admin-tasks-page.user-tasks-page .uth-title{color:#1e293b;font-size:1.4rem;font-weight:800;margin:0}.tasks-page.admin-tasks-page.user-tasks-page .uth-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.tasks-page.admin-tasks-page.user-tasks-page .uth-bottom{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.tasks-page.admin-tasks-page.user-tasks-page .uth-search{align-items:center;display:flex;flex:1 1 240px;max-width:360px;position:relative}.tasks-page.admin-tasks-page.user-tasks-page .uth-search-icon{color:#94a3b8;font-size:13px;left:12px;pointer-events:none;position:absolute}.tasks-page.admin-tasks-page.user-tasks-page .uth-search-input{background:#fff;border:1px solid #dfe3ea;border-radius:8px;font-size:14px;outline:none;padding:9px 32px 9px 34px;width:100%}.tasks-page.admin-tasks-page.user-tasks-page .uth-search-input:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f61f}.tasks-page.admin-tasks-page.user-tasks-page .uth-search-clear{align-items:center;background:#cbd5e1;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;position:absolute;right:8px;width:18px}.tasks-page.admin-tasks-page.user-tasks-page .uth-filters{align-items:center;display:flex;flex-wrap:wrap;gap:10px}@media (max-width:768px){.tasks-page.admin-tasks-page.user-tasks-page .page-header.uth-header{gap:10px;padding:12px}.tasks-page.admin-tasks-page.user-tasks-page .uth-top{align-items:stretch;flex-direction:column;gap:10px}.tasks-page.admin-tasks-page.user-tasks-page .uth-title{font-size:1.25rem}.tasks-page.admin-tasks-page.user-tasks-page .uth-actions{flex-wrap:wrap;gap:6px}.tasks-page.admin-tasks-page.user-tasks-page .uth-bottom{align-items:stretch;flex-direction:column;gap:10px}.tasks-page.admin-tasks-page.user-tasks-page .uth-search{flex:1 1 auto;max-width:none}.tasks-page.admin-tasks-page.user-tasks-page .uth-filters{flex-wrap:wrap;gap:8px}.tasks-page.admin-tasks-page.user-tasks-page .uth-filters .date-range-buttons{flex-wrap:wrap}.tasks-page.admin-tasks-page.user-tasks-page .uth-filters .date-filter{flex:1 1 auto}.tasks-page.admin-tasks-page.user-tasks-page .uth-filters .date-input{width:100%}}.tasks-page.admin-tasks-page.user-tasks-page{padding:8px}.tasks-page.admin-tasks-page.user-tasks-page .page-header.uth-header{gap:8px;margin-bottom:8px;padding:10px 12px}.tasks-page.admin-tasks-page.user-tasks-page .kanban-columns{gap:8px}div.tasks-page.admin-tasks-page.user-tasks-page .kanban-column{border-radius:10px!important}.tasks-page.admin-tasks-page.user-tasks-page .kanban-column .column-header{padding:10px 12px 8px}.tasks-page.admin-tasks-page.user-tasks-page .kanban-tasks-list{gap:6px;padding:6px}.tasks-page.admin-tasks-page.user-tasks-page .task-card-v2{padding:10px 12px}@media (max-width:768px){.tasks-page.admin-tasks-page.user-tasks-page{padding:6px}.tasks-page.admin-tasks-page.user-tasks-page .page-header.uth-header{margin-bottom:6px;padding:10px}.tasks-page.admin-tasks-page.user-tasks-page .kanban-tasks-list{gap:6px;padding:4px}}.tasks-page.admin-tasks-page.user-tasks-page .btn-primary,.tasks-page.admin-tasks-page.user-tasks-page .btn-secondary{font-size:11.5px!important;padding:5px 10px!important}.tasks-page.admin-tasks-page.user-tasks-page .view-btn{font-size:11px!important;padding:4px 8px!important}.tasks-page.admin-tasks-page.user-tasks-page .date-range-btn{font-size:11.5px!important;padding:4px 9px!important}.tasks-page.admin-tasks-page.user-tasks-page .date-input{font-size:11.5px!important;height:auto!important;padding:4px 8px!important}.tasks-page.admin-tasks-page.user-tasks-page .clear-date-btn{font-size:11px!important;height:auto!important;padding:4px 8px!important}.tasks-page.admin-tasks-page.user-tasks-page .col-add{font-size:18px;padding:0 6px}@media (max-width:768px){.tasks-page.admin-tasks-page.user-tasks-page .uth-actions{gap:6px}.tasks-page.admin-tasks-page.user-tasks-page .uth-actions .btn-primary,.tasks-page.admin-tasks-page.user-tasks-page .uth-actions .btn-secondary{flex:0 1 auto;font-size:12px!important;height:auto!important;line-height:1.3!important;margin-top:0!important;min-height:0!important;padding:4px 10px!important;width:auto!important}.tasks-page.admin-tasks-page.user-tasks-page .date-range-btn,.tasks-page.admin-tasks-page.user-tasks-page .view-btn{font-size:11.5px!important;line-height:1.3!important;padding:4px 9px!important}.tasks-page.admin-tasks-page.user-tasks-page .date-range-btn{height:auto!important;min-height:0!important}.tasks-page.admin-tasks-page.user-tasks-page .date-input{height:auto!important;padding:5px 8px!important}.create-task-modal-overlay{padding:10px}.create-task-modal{max-height:92vh;width:100%}.create-task-modal-header{padding:16px 16px 12px}.create-task-modal-header h2{font-size:1.2rem}.create-task-form{padding:14px 16px 0}.create-task-form textarea{min-height:90px}.create-task-form .assignment-type-selector{flex-direction:column!important;gap:6px!important;padding:8px!important}.create-task-form .radio-option{width:100%}.create-task-form .radio-option span{white-space:nowrap}.create-task-form .assignee-list,.create-task-form .assignee-select-list{max-height:180px}.create-task-form .form-actions{border-top:1px solid #e5e7eb;flex-direction:row!important;margin-top:16px;padding-top:14px}.create-task-form .form-actions button{flex:1 1}.create-task-modal-header{padding:12px 14px 8px!important}.create-task-form{padding:10px 14px 0!important}.create-task-form .form-group{margin-bottom:8px!important}.create-task-form .form-group label{margin-bottom:3px!important}.create-task-form .form-row{gap:8px!important}.create-task-form .assignment-type-selector{padding:6px!important}.create-task-form .radio-option{padding:5px 8px!important}.create-task-form textarea{min-height:70px!important}.create-task-form .form-actions{margin-top:10px!important;padding-top:10px!important}.create-task-form .assignment-type-selector{flex-direction:column!important;gap:2px!important;padding:4px!important}.create-task-form .radio-option{margin:0!important;min-height:0!important;padding:6px 8px!important;width:100%}.create-task-form .radio-option span{font-size:.9rem;white-space:nowrap}.create-task-form .assignment-type-selector{align-items:stretch!important;display:flex!important;flex-direction:column!important;gap:0!important;padding:4px 6px!important}.create-task-form .radio-option{align-items:center!important;display:flex!important;flex-direction:row!important;gap:8px!important;margin:0!important;min-height:0!important;padding:6px 8px!important;width:100%!important}.create-task-form .radio-option input[type=radio]{flex-shrink:0;margin:0!important}.create-task-form .radio-option span{line-height:1.2!important;white-space:nowrap}}.assignment-type-toggle{background:#f1f5f9;border-radius:8px;display:flex;gap:4px;padding:3px}.assignment-type-toggle button{background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:7px 10px;transition:all .15s;white-space:nowrap}.assignment-type-toggle button:hover{color:#334155}.assignment-type-toggle button.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#2563eb}@media (max-width:768px){.create-task-form .form-actions{align-items:center!important;display:flex!important;flex-direction:row!important;gap:16px!important;justify-content:stretch!important}.create-task-modal-overlay .create-task-modal .create-task-form .form-actions button{align-items:center!important;border:none!important;border-radius:10px!important;box-shadow:none!important;box-sizing:border-box!important;color:#fff!important;display:inline-flex!important;flex:1 1!important;font-family:inherit!important;font-size:.95rem!important;font-weight:700!important;height:48px!important;justify-content:center!important;letter-spacing:normal!important;line-height:1!important;margin:0!important;max-height:48px!important;min-height:48px!important;min-width:0!important;padding:0!important;vertical-align:middle!important;width:auto!important}.create-task-modal-overlay .create-task-modal .create-task-form .form-actions button[type=button]{background:#94a3b8!important;color:#fff!important}.create-task-modal-overlay .create-task-modal .create-task-form .form-actions button[type=submit]{background:#16a34a!important;color:#fff!important}}body.dark .tasks-page.admin-tasks-page.user-tasks-page{background:#0e1622!important;color:#e7edf5}body.dark .tasks-page.admin-tasks-page.user-tasks-page .uth-header{background:#141d2b!important;border-color:#26344a!important;box-shadow:none!important}body.dark .tasks-page.admin-tasks-page.user-tasks-page .uth-title,body.dark .tasks-page.admin-tasks-page.user-tasks-page .uth-title *{color:#eaf0f8!important}body.dark .tasks-page.admin-tasks-page.user-tasks-page .uth-search-input{background:#0f1a2a!important;border-color:#2c3b52!important;color:#e7edf5!important}body.dark .tasks-page.admin-tasks-page.user-tasks-page .uth-search-icon,body.dark .tasks-page.admin-tasks-page.user-tasks-page .uth-search-input::placeholder{color:#6f8098!important}body.dark .tasks-page.admin-tasks-page.user-tasks-page .date-range-btn,body.dark .tasks-page.admin-tasks-page.user-tasks-page .view-btn{background:#1b2839!important;border-color:#2c3b52!important;color:#b7c4d8!important}body.dark .tasks-page.admin-tasks-page.user-tasks-page .date-range-btn.active,body.dark .tasks-page.admin-tasks-page.user-tasks-page .view-btn.active{background:#1c3a6e!important;border-color:#2b6ae8!important;color:#dce8ff!important}body.dark .tasks-page.admin-tasks-page.user-tasks-page .kanban-column{background:#111a28!important;border-color:#26344a!important}body.dark .tasks-page.admin-tasks-page.user-tasks-page .col-title{color:#eaf0f8!important}body.dark .tasks-page.admin-tasks-page.user-tasks-page .col-add{background:#1b2839!important;border-color:#2c3b52!important;color:#9daac0!important}body.dark .tasks-page.admin-tasks-page.user-tasks-page .empty-column{background:#0000!important;border-color:#2c3b52!important;color:#6f8098!important}body.dark .tasks-page.admin-tasks-page.user-tasks-page .task-card-v2{background:#18253a!important;border-color:#2a3b55!important;box-shadow:0 1px 2px #0006!important}body.dark .tasks-page.admin-tasks-page.user-tasks-page .task-card-v2:hover{background:#1f2f49!important;border-color:#355080!important}body.dark .tasks-page.admin-tasks-page.user-tasks-page .tc-title{color:#eff3fa!important}body.dark .tasks-page.admin-tasks-page.user-tasks-page .tc-desc{color:#97a6bc!important}body.dark .tasks-page.admin-tasks-page.user-tasks-page .tc-footer,body.dark .tasks-page.admin-tasks-page.user-tasks-page .tc-footer *{color:#9daac0!important}body.dark .tasks-page.admin-tasks-page.user-tasks-page .tc-menu{color:#8a97ab!important}body.dark .tasks-page.admin-tasks-page.user-tasks-page .task-prio-urgent{background:#3a1a1a!important;color:#f87171!important}body.dark .tasks-page.admin-tasks-page.user-tasks-page .task-prio-high{background:#3a2e12!important;color:#fbbf24!important}body.dark .tasks-page.admin-tasks-page.user-tasks-page .task-prio-normal{background:#14243e!important;color:#60a5fa!important}body.dark .tasks-page.admin-tasks-page.user-tasks-page .task-prio-low{background:#1b2839!important;color:#9daac0!important}body.dark .tasks-page.admin-tasks-page.user-tasks-page .date-input,body.dark .tasks-page.admin-tasks-page.user-tasks-page .uth-filters .date-input{background:#0f1a2a!important;border-color:#2c3b52!important;color:#e7edf5!important}body.dark .tasks-page.admin-tasks-page.user-tasks-page .date-input::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.7)}body.dark .tasks-page.admin-tasks-page.user-tasks-page .date-filter-container,body.dark .tasks-page.admin-tasks-page.user-tasks-page .date-range-buttons,body.dark .tasks-page.admin-tasks-page.user-tasks-page .view-toggle{background:#111a28!important;border-color:#26344a!important}.my-tasks-page{--m-surf:#fff;--m-surf2:#f4f7fc;--m-line:#e7ecf3;--m-ink:#1b2533;--m-muted:#5e6b7e;--m-faint:#9aa6b6;--m-brand:#2b6ae8;--m-brand-dark:#1a53c0;--m-brand-soft:#ecf2fe;--m-brand-tint:#f5f8fe;--m-amber:#f5a623;--m-amber-bg:#fcf3e2;--m-green:#22c55e;--m-green-bg:#e7f8ee}body.dark .my-tasks-page{--m-surf:#141d2b;--m-surf2:#1b2738;--m-line:#26344a;--m-ink:#e7edf5;--m-muted:#a1b1c7;--m-faint:#6f8098;--m-brand:#5b8cf0;--m-brand-dark:#86a9f6;--m-brand-soft:#1c2e50;--m-brand-tint:#18253a;--m-amber-bg:#352816;--m-green-bg:#13301f}@media (max-width:768px){.my-tasks-page{padding:12px 12px 84px!important}.my-tasks-page .uth-header{background:#0000!important;border:0!important;box-shadow:none!important;padding:4px 0!important}.my-tasks-page .uth-title{color:var(--m-ink)!important;font-size:21px!important;font-weight:800!important}.my-tasks-page .uth-actions{gap:8px!important}.my-tasks-page .uth-actions .view-toggle{display:none!important}.my-tasks-page .uth-actions .btn-secondary{align-items:center;background:var(--m-surf2)!important;border:1px solid var(--m-line)!important;border-radius:11px!important;color:var(--m-muted)!important;display:inline-flex!important;flex:none!important;font-size:0!important;height:40px!important;justify-content:center;padding:0!important;width:40px!important}.my-tasks-page .uth-actions .btn-secondary:before{content:"📄";font-size:17px}.my-tasks-page .uth-actions .btn-primary{background:var(--m-brand)!important;border:0!important;border-radius:16px!important;bottom:22px!important;box-shadow:0 8px 22px #2b6ae873!important;color:#fff!important;font-size:15px!important;font-weight:800!important;height:50px!important;padding:0 20px!important;position:fixed!important;right:16px!important;width:auto!important;z-index:60!important}.my-tasks-page .uth-search{background:var(--m-surf2)!important;border:1px solid var(--m-line)!important;border-radius:12px!important;height:44px!important;margin-bottom:11px!important}.my-tasks-page .uth-search-input{background:#0000!important;border:0!important;color:var(--m-ink)!important}.my-tasks-page .uth-filters{display:block!important}.my-tasks-page .date-range-buttons{-webkit-overflow-scrolling:touch;background:#0000!important;border:0!important;display:flex!important;flex-wrap:nowrap!important;gap:7px!important;overflow-x:auto!important;padding:0 0 3px!important}.my-tasks-page .date-range-buttons::-webkit-scrollbar{display:none}.my-tasks-page .date-range-btn{background:var(--m-surf2)!important;border:1px solid var(--m-line)!important;border-radius:999px!important;color:var(--m-muted)!important;flex:none!important;font-size:13px!important;font-weight:600!important;height:34px!important;padding:0 14px!important}.my-tasks-page .date-range-btn.active{background:var(--m-brand)!important;border-color:var(--m-brand)!important;color:#fff!important}.my-tasks-page .date-filter{margin-top:8px!important}.my-tasks-page .mobile-kanban-tabs{background:var(--m-surf2)!important;border:1px solid var(--m-line)!important;border-radius:13px!important;display:flex!important;gap:0!important;margin-bottom:14px!important;padding:4px!important}.my-tasks-page .mobile-kanban-tab{background:#0000!important;border:0!important;border-radius:9px!important;color:var(--m-muted)!important;flex:1 1!important;font-size:13.5px!important;font-weight:700!important;height:42px!important}.my-tasks-page .mobile-kanban-tab.active{background:var(--m-surf)!important;box-shadow:0 2px 6px #0000002e!important;color:var(--m-ink)!important}.my-tasks-page .mobile-kanban-tab.requested.active{color:var(--m-brand-dark)!important}.my-tasks-page .mobile-kanban-tab.in-progress.active{color:var(--m-amber)!important}.my-tasks-page .mobile-kanban-tab.completed.active{color:var(--m-green)!important}.my-tasks-page .kanban-column{background:#0000!important;border:0!important;padding:0!important}.my-tasks-page .kanban-column .column-header{display:none!important}.my-tasks-page .kanban-tasks-list{background:#0000!important;gap:9px!important;padding:0!important}.my-tasks-page .empty-column{background:#0000!important;border:2px dashed var(--m-line)!important;border-radius:16px!important;color:var(--m-faint)!important;padding:34px 20px!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .uth-top{align-items:center!important;display:flex!important;flex-direction:row!important;gap:8px!important;justify-content:space-between!important;text-align:left!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .uth-title{flex:1 1!important;font-size:21px!important;font-weight:800!important;text-align:left!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .uth-title *{text-align:left!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .uth-actions .view-toggle{display:none!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .uth-actions .btn-secondary{align-items:center!important;background:var(--m-surf2)!important;border:1px solid var(--m-line)!important;border-radius:11px!important;color:var(--m-muted)!important;display:inline-flex!important;flex:none!important;font-size:0!important;height:40px!important;justify-content:center!important;padding:0!important;width:40px!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .uth-actions .btn-secondary:before{content:"📄";font-size:17px}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .uth-actions .btn-primary{background:var(--m-brand)!important;border:0!important;border-radius:16px!important;bottom:22px!important;box-shadow:0 8px 22px #2b6ae873!important;color:#fff!important;font-size:15px!important;font-weight:800!important;height:50px!important;padding:0 20px!important;position:fixed!important;right:16px!important;width:auto!important;z-index:60!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .date-filter{display:none!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .mobile-kanban-tab{align-items:center!important;display:flex!important;gap:6px!important;justify-content:center!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .mobile-kanban-tab .ktab-badge{background:var(--m-line)!important;border-radius:999px;color:var(--m-muted)!important;display:inline-grid;font-size:11px!important;font-weight:800!important;height:20px;min-width:20px;padding:0 6px;place-items:center}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .mobile-kanban-tab.requested.active .ktab-badge{background:var(--m-brand-soft)!important;color:var(--m-brand-dark)!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .mobile-kanban-tab.in-progress.active .ktab-badge{background:var(--m-amber-bg)!important;color:var(--m-amber)!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .mobile-kanban-tab.completed.active .ktab-badge{background:var(--m-green-bg)!important;color:var(--m-green)!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .empty-column{align-items:center!important;background:#0000!important;border:2px dashed var(--m-line)!important;border-radius:16px!important;color:var(--m-faint)!important;display:flex!important;flex-direction:column!important;min-height:0!important;padding:32px 20px!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .empty-col-icon{font-size:34px;margin-bottom:10px;opacity:.55}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .empty-col-msg{color:var(--m-faint);font-size:13.5px;font-weight:500;margin:0 0 14px}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .empty-col-add{background:var(--m-brand);border:0;border-radius:11px;color:#fff;cursor:pointer;font-size:13.5px;font-weight:700;height:40px;padding:0 18px}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .kanban-board,.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .kanban-column,.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .kanban-columns,.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .kanban-tasks-list{flex:none!important;height:auto!important;min-height:0!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .empty-column{padding:28px 20px!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page{padding-top:8px!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .uth-header{margin-bottom:6px!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .task-card-v2{border-radius:14px!important;padding-left:16px!important;position:relative!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .task-card-v2:before{background:var(--m-faint);border-radius:3px;bottom:10px;content:"";left:0;position:absolute;top:10px;width:4px}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .task-card-v2.urgent-priority:before{background:#f0676f}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .task-card-v2.high-priority:before{background:#f5a623}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .task-card-v2.normal-priority:before{background:#4d8df5}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .task-card-v2.low-priority:before{background:var(--m-faint)}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .task-card-v2.completed-status:before{background:#22c55e}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .tc-desc,.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .tc-menu{display:none!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page{padding:14px 13px 90px!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .uth-header{margin-bottom:0!important;padding:0!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .uth-top{margin-bottom:13px!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .uth-bottom{display:block!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .uth-search{margin-bottom:11px!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .date-range-buttons,.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .uth-filters{margin-bottom:0!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .mobile-kanban-tabs{margin-bottom:14px!important;margin-top:11px!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .kanban-tasks-list{gap:9px!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page{--surf:#fff!important;--surf2:#f4f7fc!important;--line:#e7ecf3!important;--line-soft:#f0f3f8!important;--ink:#1b2533!important;--muted:#5e6b7e!important;--faint:#9aa6b6!important;--brand:#2b6ae8!important;--brand-dark:#1a53c0!important;--brand-soft:#ecf2fe!important;--brand-tint:#f5f8fe!important;--red:#d63b3b!important;--red-bg:#fcecec!important;--blue:#3b6fe0!important;--blue-bg:#e9f1fe!important;--green:#16a34a!important;--green-bg:#e7f8ee!important;--amber:#c2790b!important;--amber-bg:#fbf1dc!important;--gray-bg:#eef1f6!important;--shadow:0 1px 2px #14202e0d,0 6px 18px #14202e12!important;padding:10px 13px 90px!important}body.dark .tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page{--surf:#141d2b!important;--surf2:#1b2738!important;--line:#26344a!important;--line-soft:#1f2c3e!important;--ink:#e7edf5!important;--muted:#a1b1c7!important;--faint:#6f8098!important;--brand:#5b8cf0!important;--brand-dark:#86a9f6!important;--brand-soft:#1c2e50!important;--brand-tint:#18253a!important;--red:#f0676f!important;--red-bg:#341a1d!important;--blue:#4d8df5!important;--blue-bg:#16294d!important;--green:#22c55e!important;--green-bg:#13301f!important;--amber:#f5a623!important;--amber-bg:#352816!important;--gray-bg:#1b2738!important;--shadow:0 1px 2px #00000080,0 8px 22px #00000073!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .kanban-board,body.dark .tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .kanban-board{background:#0000!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:0!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .kanban-columns{background:#0000!important;border:0!important;display:block!important;gap:0!important;margin:0!important;padding:0!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .kanban-column{background:#0000!important;border:0!important;box-shadow:none!important;display:none!important;margin:0!important;padding:0!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .kanban-column.mobile-active{display:block!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .page-header,.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .uth-header,body.dark .tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .uth-header{background:#0000!important;border:0!important;box-shadow:none!important;margin:0 0 8px!important;padding:0!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .uth-top{align-items:center!important;display:flex!important;gap:9px!important;margin:0 0 8px!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .uth-title{color:var(--ink)!important;flex:1 1!important;font-size:21px!important;font-weight:800!important;letter-spacing:-.02em!important;margin:0!important;text-align:left!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .uth-actions{align-items:center!important;display:flex!important;gap:8px!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .uth-bottom{margin:0!important;padding:0!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .view-toggle{display:none!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .btn-secondary{align-items:center!important;background:var(--surf2)!important;border:1px solid var(--line)!important;border-radius:11px!important;color:var(--muted)!important;display:inline-flex!important;flex:none!important;font-size:0!important;height:40px!important;justify-content:center!important;padding:0!important;width:40px!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .btn-secondary:before{content:"📄";font-size:18px}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .btn-primary{background:var(--brand)!important;border:0!important;border-radius:16px!important;bottom:20px!important;box-shadow:0 8px 22px #2b6ae873!important;color:#fff!important;font-size:15px!important;font-weight:800!important;height:50px!important;padding:0 20px!important;position:fixed!important;right:16px!important;width:auto!important;z-index:50!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .uth-search{align-items:center!important;background:var(--surf2)!important;border:1px solid var(--line)!important;border-radius:12px!important;display:flex!important;height:44px!important;margin:0 0 8px!important;padding:0 13px!important;position:relative!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .uth-search-icon{color:var(--faint)!important;display:flex!important;margin-right:9px!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .uth-search-input{background:#0000!important;border:0!important;color:var(--ink)!important;flex:1 1!important;font-size:14px!important;outline:none!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .uth-search-clear{background:#0000!important;border:0!important;color:var(--faint)!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .uth-filters{margin:0 0 8px!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .date-range-buttons{background:#0000!important;border:0!important;display:flex!important;gap:7px!important;margin:0!important;overflow-x:auto!important;padding:0!important}}@media (max-width:768px){.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .date-range-buttons::-webkit-scrollbar{display:none!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .date-range-btn{background:var(--surf2)!important;border:1px solid var(--line)!important;border-radius:999px!important;color:var(--muted)!important;flex:none!important;font-size:13px!important;font-weight:600!important;height:34px!important;padding:0 14px!important;white-space:nowrap!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .date-range-btn.active{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .date-filter{display:none!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .mobile-kanban-tabs{background:var(--surf2)!important;border:1px solid var(--line)!important;border-radius:11px!important;box-shadow:none!important;display:flex!important;gap:0!important;margin:0 0 8px!important;padding:3px!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .mobile-kanban-tab{align-items:center!important;background:#0000!important;border:0!important;border-radius:8px!important;box-sizing:border-box!important;color:var(--muted)!important;display:flex!important;flex:1 1!important;font-size:12.5px!important;font-weight:700!important;gap:6px!important;height:26px!important;justify-content:center!important;line-height:1!important;min-height:0!important;padding:0 8px!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .mobile-kanban-tab .ktab-badge{background:var(--line)!important;border-radius:999px!important;color:var(--muted)!important;display:grid!important;font-size:10px!important;font-weight:800!important;height:16px!important;min-width:16px!important;padding:0 5px!important;place-items:center!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .mobile-kanban-tab.active{background:var(--surf)!important;box-shadow:0 2px 6px #0003!important;color:var(--ink)!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .mobile-kanban-tab.requested.active{color:var(--brand-dark)!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .mobile-kanban-tab.requested.active .ktab-badge{background:var(--brand-soft)!important;color:var(--brand-dark)!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .mobile-kanban-tab.in-progress.active{color:var(--amber)!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .mobile-kanban-tab.in-progress.active .ktab-badge{background:var(--amber-bg)!important;color:var(--amber)!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .mobile-kanban-tab.completed.active{color:var(--green)!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .mobile-kanban-tab.completed.active .ktab-badge{background:var(--green-bg)!important;color:var(--green)!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .column-header{display:none!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .kanban-tasks-list{display:flex!important;flex-direction:column!important;gap:8px!important;margin:0!important;padding:0!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .empty-column{align-items:center!important;background:#0000!important;border:2px dashed var(--line)!important;border-radius:16px!important;color:var(--faint)!important;display:flex!important;flex-direction:column!important;margin:0!important;min-height:0!important;padding:26px 20px!important;text-align:center!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .empty-col-icon{font-size:34px!important;margin-bottom:10px!important;opacity:.55!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .empty-col-msg{font-size:13.5px!important;font-weight:500!important;margin:0 0 14px!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .empty-col-add{display:none!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .task-card-v2{background:var(--surf)!important;border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:var(--shadow)!important;padding:13px 13px 13px 18px!important;position:relative!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .task-card-v2:before{background:var(--faint)!important;border-radius:3px!important;bottom:10px!important;content:""!important;left:0!important;position:absolute!important;top:10px!important;width:4px!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .task-card-v2.high-priority:before,.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .task-card-v2.urgent-priority:before{background:var(--red)!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .task-card-v2.medium-priority:before,.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .task-card-v2.normal-priority:before{background:var(--blue)!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .task-card-v2.low-priority:before{background:var(--faint)!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .task-card-v2.completed-status:before{background:var(--green)!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .tc-top{align-items:center!important;display:flex!important;gap:8px!important;justify-content:space-between!important;margin-bottom:6px!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .task-prio{background:var(--gray-bg)!important;border-radius:7px!important;color:var(--faint)!important;font-size:10.5px!important;font-weight:700!important;padding:3px 8px!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .task-prio-high,.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .task-prio-urgent{background:var(--red-bg)!important;color:var(--red)!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .task-prio-medium,.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .task-prio-normal{background:var(--blue-bg)!important;color:var(--blue)!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .task-prio-low{background:var(--gray-bg)!important;color:var(--faint)!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .tc-menu{background:#0000!important;border:0!important;border-radius:7px!important;color:var(--faint)!important;font-size:16px!important;height:26px!important;width:26px!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .tc-title{color:var(--ink)!important;font-size:14.5px!important;font-weight:700!important;line-height:1.35!important;margin:0!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .tc-desc{-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;color:var(--muted)!important;display:-webkit-box!important;font-size:12.5px!important;line-height:1.5!important;margin-top:4px!important;overflow:hidden!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .tc-footer{align-items:center!important;display:flex!important;gap:10px!important;justify-content:space-between!important;margin-top:10px!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .tc-assignee{align-items:center!important;display:inline-flex!important;gap:6px!important;min-width:0!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .tc-assignee-name{color:var(--muted)!important;font-size:12.5px!important;font-weight:600!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .tc-meta{align-items:center!important;display:flex!important;flex:none!important;gap:11px!important}.tasks-page.admin-tasks-page.user-tasks-page.my-tasks-page .tc-meta-item{color:var(--faint)!important;font-size:11.5px!important;white-space:nowrap!important}}@media (min-width:769px){.my-tasks-page .kanban-columns{align-items:stretch!important}.my-tasks-page .kanban-column{display:flex!important;flex-direction:column!important;height:100%!important}.my-tasks-page .kanban-column .kanban-tasks-list{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-height:0!important}.my-tasks-page .kanban-column .empty-column{align-items:center!important;display:flex!important;flex:1 1 auto!important;flex-direction:column!important;height:auto!important;justify-content:center!important;margin:0!important}}.load-more-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea40;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin:16px 0;overflow:hidden;padding:12px 16px;position:relative;transition:all .3s ease;width:100%}.load-more-btn:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.load-more-btn:active{box-shadow:0 4px 15px #667eea40;transform:translateY(0)}.load-more-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.load-more-btn:hover:before{left:100%}@media (prefers-color-scheme:dark){.load-more-btn{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 4px 15px #4f46e540}.load-more-btn:hover{background:linear-gradient(135deg,#4338ca,#6d28d9);box-shadow:0 8px 25px #4f46e566}}.date-and-view{align-items:flex-end;display:flex;flex-direction:column;gap:10px}.date-filter-container{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:-10px;padding-bottom:10px;position:relative;z-index:2}.header-actions{margin-top:-5px;padding-top:15px;position:relative;z-index:1}.action-buttons,.report-controls{align-items:center}.report-controls{display:flex;gap:8px}.report-mode-select{background:#fff;border:2px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:.9rem;min-width:140px;padding:8px 12px;transition:all .2s}.report-mode-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.report-mode-select:hover{border-color:#9ca3af}.action-buttons .btn-secondary{align-items:center;background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.action-buttons .btn-secondary:hover{background:#4b5563;transform:translateY(-1px)}.action-buttons .btn-primary{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.loading-container{background:linear-gradient(135deg,#667eea,#764ba2);height:100vh}.loading-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;min-width:350px;padding:40px;text-align:center}@keyframes spin-reverse{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.loading-spinner-wrapper{height:80px;margin:0 auto 30px;position:relative;width:80px}.loading-spinner{animation:spin 1.5s linear infinite;border-right:4px solid #0000;border-top:4px solid #0000;border-color:#667eea #667eea #0000 #0000;border-style:solid;border-width:4px;height:80px;position:absolute;width:80px}.loading-spinner-inner{animation:spin-reverse 1s linear infinite;border-bottom:4px solid #0000;border-left:4px solid #0000;border-color:#0000 #0000 #764ba2 #764ba2;border-radius:50%;border-style:solid;border-width:4px;height:60px;left:10px;position:absolute;top:10px;width:60px}.loading-text{margin-bottom:30px}.loading-text h2{color:#333;display:inline-block;font-size:24px;margin:0}.loading-dots{display:inline-block;margin-left:5px}.loading-dots .dot{animation:dot-bounce 1.4s ease-in-out infinite both;color:#667eea;display:inline-block;font-size:24px}.loading-dots .dot:first-child{animation-delay:-.32s}.loading-dots .dot:nth-child(2){animation-delay:-.16s}@keyframes dot-bounce{0%,80%,to{opacity:0;transform:scale(0)}40%{opacity:1;transform:scale(1)}}.loading-progress{margin-top:20px;width:100%}.progress-bar{background:#f0f0f0;border-radius:3px;height:6px;width:100%}.progress-fill{animation:progress 2s ease-in-out infinite;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:3px}@keyframes progress{0%{margin-left:0;width:0}50%{margin-left:0;width:75%}to{margin-left:100%;width:100%}}.admin-tasks-page{overflow-x:hidden}.admin-layout,.admin-tasks-page{height:100%;margin:0;padding:0;width:100%}.admin-layout{display:flex;gap:0;overflow:hidden}.admin-sidebar{background:#fff;border-right:1px solid #e9ecef;box-shadow:2px 0 4px #0000000d;display:flex;flex-direction:column;flex-shrink:0;height:100%;overflow-x:hidden;overflow-y:auto;scrollbar-color:#c1c1c1 #0000;scrollbar-width:thin;width:280px}.admin-sidebar::-webkit-scrollbar{width:8px}.admin-sidebar::-webkit-scrollbar-track{background:#0000;border-radius:4px;margin:8px 0}.admin-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);background-clip:content-box;border:2px solid #0000;border-radius:20px;opacity:.7;-webkit-transition:all .3s ease;transition:all .3s ease}.admin-sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5a6fd8,#6b4190);background-clip:content-box;border:1px solid #0000;opacity:1;transform:scaleY(1.1)}.admin-sidebar::-webkit-scrollbar-thumb:active{background:linear-gradient(180deg,#4e5bc6,#5e377e);background-clip:content-box;border:0 solid #0000;opacity:1;transform:scaleY(1.2)}.admin-sidebar::-webkit-scrollbar-corner{background:#0000}.admin-main-content{background:#f8fafc;flex:1 1;height:100%;min-width:0;overflow-x:hidden;overflow-y:auto;padding:0 20px 20px}.admin-main-content .analytics-view,.admin-main-content .individual-view,.admin-main-content .kanban-board,.admin-main-content .report-view,.admin-main-content .tasks-list{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000000d;padding:20px}.content-header{align-items:center;background:#fff;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;margin:-20px -20px 20px;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.content-header h1{color:#2c3e50;font-size:24px;font-weight:600;margin:0}.sidebar-section{border-bottom:1px solid #e9ecef}.sidebar-section:last-child{border-bottom:none}.sidebar-title{align-items:center;color:#2c3e50;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:15px}.employee-list{display:flex;flex-direction:column;gap:8px}.employee-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;gap:10px;overflow:hidden;padding:10px;text-align:left;transition:all .2s ease;width:90%}.employee-item:hover{background:#e9ecef;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.employee-item.active{background:#007bff;border-color:#007bff;color:#fff}.employee-avatar{flex-shrink:0}.employee-avatar:not(.profile-image-container){align-items:center;background:#6c757d;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:36px;justify-content:center;width:36px}.employee-avatar.all{background:#28a745}.employee-item.active .employee-avatar{background:#fff3;border:2px solid #ffffff4d}.employee-info{flex:1 1;gap:2px;min-width:0;overflow:hidden}.employee-name{font-size:13px;font-weight:600}.employee-detail,.employee-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-detail{font-size:11px;opacity:.7}.employee-item.active .employee-detail{opacity:.9}.task-count{background:#007bff;border-radius:12px;color:#fff;flex-shrink:0;font-size:12px;font-weight:600;min-width:24px;padding:4px 8px;text-align:center}.employee-item.active .task-count{background:#fff3;border:1px solid #ffffff4d}.department-group{margin-bottom:12px}.department-header{background:#e9ecef;border:2px solid #0000;border-radius:6px;color:#495057;cursor:default;font-size:13px;font-weight:600;gap:8px;margin-bottom:6px;overflow:hidden;padding:8px 40px 8px 12px;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.department-header span:first-child{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.department-header:hover{background:#dee2e6;border-color:#ced4da}.department-header:active{cursor:grabbing}.department-header.dragging{background:#007bff;border-color:#0056b3;box-shadow:0 10px 30px #0000004d;color:#fff;opacity:.6;transform:rotate(3deg) scale(1.05);z-index:1000}.department-header.drag-over{background:linear-gradient(135deg,#28a745,#20c997);border-color:#20c997;box-shadow:0 6px 20px #28a74566;color:#fff;transform:scale(1.05)}.department-header.drag-over:before{animation:pulse 1s infinite;background:linear-gradient(90deg,#ffc107,#fd7e14);border-radius:2px;content:"";height:4px;left:-2px;position:absolute;right:-2px;top:-4px}.department-toggle{align-items:center;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .2s}.department-toggle:hover{background:#0000001a}.toggle-icon{color:#6c757d;font-size:10px;transition:transform .3s ease}.toggle-icon.expanded{transform:rotate(0deg)}.toggle-icon:not(.expanded){transform:rotate(-90deg)}.department-info{align-items:center;border-radius:4px;cursor:pointer;display:flex;flex:1 1;justify-content:space-between;padding:4px 8px;position:relative;transition:background-color .2s}.department-info:hover{background:#007bff1a}.department-name{align-items:center;display:flex;flex:1 1;gap:6px}.department-name:before{content:"📁";font-size:12px}.drag-handle{align-items:center;background:#fffc;border:1px solid #e9ecef;border-radius:6px;box-shadow:0 1px 3px #0000001a;color:#adb5bd;display:flex;height:20px;justify-content:center;opacity:0;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:all .3s ease;width:20px}.department-header:hover .drag-handle{color:#6c757d;opacity:1}.drag-handle:hover{background:#f8f9fa;border-color:#ced4da;box-shadow:0 2px 8px #00000026;color:#495057;transform:translateY(-50%) scale(1.1)}.drag-handle:active{background:#e9ecef;transform:translateY(-50%) scale(.95)}.department-header.dragging .drag-handle{background:#ffffff4d;border-color:#ffffff80;color:#ffffffe6;opacity:1}.department-header.drag-over .drag-handle{background:#fff3;border-color:#fff6;color:#ffffffe6;opacity:1}.department-count{background:#6c757d;border-radius:8px;color:#fff;font-size:11px;padding:2px 6px}.department-group .employee-item{animation:slideIn .3s ease-out;border-left:2px solid #e9ecef;margin-left:16px}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.department-employees{overflow:hidden;transition:max-height .3s ease-out}.department-employees.collapsed{max-height:0}.department-employees.expanded{max-height:1000px}.employee-list{scrollbar-color:#c1c1c1 #0000;scrollbar-width:thin}.employee-list::-webkit-scrollbar{width:6px}.employee-list::-webkit-scrollbar-track{background:#0000;border-radius:3px}.employee-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:15px;-webkit-transition:all .3s ease;transition:all .3s ease}.employee-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5a6fd8,#6b4190)}.department-employees::-webkit-scrollbar{width:6px}.department-employees::-webkit-scrollbar-track{background:#0000;border-radius:3px}.department-employees::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:15px;-webkit-transition:all .3s ease;transition:all .3s ease}.department-employees::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5a6fd8,#6b4190)}.filter-list{display:flex;flex-direction:column;gap:12px}.filter-item{gap:6px}.filter-item label{color:#495057;font-size:13px;font-weight:500}.filter-select-sidebar{background:#fff;border:1px solid #e9ecef;border-radius:6px;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .2s}.filter-select-sidebar:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a;outline:none}.selected-summary{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:15px}.summary-employee{color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:12px}.summary-stats{display:flex;flex-direction:column;gap:8px}.stat-row{align-items:center;display:flex;font-size:14px;justify-content:space-between}.stat-value{color:#007bff;font-weight:600}.selected-employee-info{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#fff;margin-bottom:20px;padding:20px}.selected-employee-info h3{font-size:20px;margin-bottom:10px}.employee-stats{display:flex;font-size:14px;gap:15px;opacity:.95}.stat-separator{opacity:.6}.department-badge{background:#6c757d;border-radius:3px;color:#fff;font-size:11px;font-weight:500;margin-left:5px;padding:3px 8px}.analytics-view{padding:20px 0}.analytics-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.analytics-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fff3;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:25px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.analytics-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-5px)}.analytics-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.analytics-card h3{align-items:center;color:#2c3e50;display:flex;font-size:20px;font-weight:700;gap:10px;margin-bottom:25px}.analytics-card h3:before{content:"📊";font-size:24px}.priority-graph-container{padding:10px 0}.priority-graph{display:flex;flex-direction:column;gap:30px}.priority-bars{align-items:flex-end;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;display:flex;height:250px;justify-content:space-around;padding:20px 15px 60px;position:relative}.priority-bars:before{background:#dee2e6;bottom:50px;content:"";height:1px;left:15px;position:absolute;right:15px}.priority-bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:80px}.priority-bar-wrapper{align-items:flex-end;display:flex;height:150px;margin-bottom:15px;position:relative;width:45px}.priority-bar-fill{align-items:flex-start;border-radius:8px 8px 4px 4px;box-shadow:0 4px 15px #0003;display:flex;justify-content:center;overflow:hidden;padding-top:8px;position:relative;transition:height 1s cubic-bezier(.4,0,.2,1);width:100%}.priority-bar-fill:after{background:linear-gradient(180deg,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.priority-bar-count{color:#fff;font-size:14px;font-weight:700;position:relative;z-index:1}.priority-bar-label{align-items:center;display:flex;flex-direction:column;gap:5px;text-align:center}.priority-icon{font-size:16px}.priority-text{color:#2c3e50;font-size:12px;font-weight:600}.priority-percentage{background:#e9ecef;border-radius:8px;color:#6c757d;font-size:10px;font-weight:500;padding:1px 4px}.priority-summary{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:center;padding:15px}.total-tasks{align-items:center;display:flex;flex-direction:column;gap:5px}.summary-label{color:#6c757d;font-size:14px;font-weight:500}.summary-count{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:24px;font-weight:700}.employee-tasks-chart{display:flex;flex-direction:column;gap:20px}.employee-stat-row{grid-gap:20px;align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e9ecef;border-radius:12px;display:grid;gap:20px;grid-template-columns:180px 1fr 140px;overflow:hidden;padding:18px;position:relative;transition:all .3s ease}.employee-stat-row:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);box-shadow:0 4px 15px #0000001a;transform:translateX(5px)}.employee-stat-row:before{background:linear-gradient(180deg,#667eea,#764ba2);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.employee-info{display:flex;flex-direction:column;gap:4px}.employee-info .emp-name{color:#2c3e50;font-size:16px;font-weight:700}.employee-info .emp-dept{background:#e9ecef;border-radius:12px;color:#6c757d;display:inline-block;font-size:13px;font-weight:500;padding:2px 8px;width:-webkit-fit-content;width:fit-content}.task-counts{display:flex;gap:12px}.count-badge{align-items:center;border-radius:20px;box-shadow:0 2px 8px #0000001a;display:flex;font-size:13px;gap:5px;padding:6px 12px;transition:transform .2s ease}.count-badge:hover{transform:scale(1.05)}.count-badge.total{background:linear-gradient(135deg,#6c757d,#495057);color:#fff}.count-badge.total:before{content:"📋"}.count-badge.progress{background:linear-gradient(135deg,#ffc107,#fd7e14);color:#fff}.count-badge.progress:before{content:"⏳"}.count-badge.completed{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.count-badge.completed:before{content:"✅"}.completion-rate{align-items:center;display:flex;gap:15px}.rate-bar{background:#e9ecef;box-shadow:inset 0 2px 4px #0000001a;flex:1 1;height:12px;overflow:hidden}.rate-bar,.rate-fill{border-radius:20px;position:relative}.rate-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.rate-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#ffffff4d,#0000 50%,#ffffff4d);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.rate-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#2c3e50;font-size:15px;font-weight:700;min-width:45px;text-align:right}.priority-chart{display:flex;flex-direction:column;gap:16px}.priority-stat{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:6px solid;border-radius:12px;display:flex;justify-content:space-between;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.priority-stat:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.priority-stat.urgent{border-left-color:#dc3545}.priority-stat.high{border-left-color:#fd7e14}.priority-stat.normal{border-left-color:#28a745}.priority-stat.low{border-left-color:#6c757d}.priority-label{align-items:center;display:flex;font-size:16px;font-weight:700;gap:8px}.priority-label.urgent{color:#dc3545}.priority-label.urgent:before{content:"🚨"}.priority-label.high{color:#fd7e14}.priority-label.high:before{content:"⚡"}.priority-label.normal{color:#28a745}.priority-label.normal:before{content:"📌"}.priority-label.low{color:#6c757d}.priority-label.low:before{content:"🔽"}.priority-count{background:#fff;border-radius:20px;box-shadow:0 2px 8px #0000001a;color:#2c3e50;font-size:18px;font-weight:700;padding:6px 12px}.department-chart{display:flex;flex-direction:column;gap:16px}.dept-stat{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #e9ecef;border-radius:12px;display:flex;gap:15px;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.dept-stat:hover{background:linear-gradient(135deg,#e9ecef,#dee2e6);box-shadow:0 6px 20px #0000001a;transform:translateY(-2px)}.dept-stat:before{background:linear-gradient(180deg,#667eea,#764ba2);bottom:0;content:"";left:0;position:absolute;top:0;width:4px}.dept-name{align-items:center;color:#2c3e50;display:flex;font-size:16px;font-weight:700;gap:8px;min-width:100px}.dept-name:before{content:"🏢";font-size:18px}.dept-count{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;color:#2c3e50;font-size:16px;font-weight:700;min-width:60px;padding:4px 10px}.dept-bar{background:#e9ecef;box-shadow:inset 0 2px 4px #0000001a;flex:1 1;height:24px;overflow:hidden}.dept-bar,.dept-bar-fill{border-radius:12px;position:relative}.dept-bar-fill{background:linear-gradient(90deg,#667eea,#764ba2);height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.dept-bar-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#ffffff4d,#0000 50%,#ffffff4d);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.dept-percentage{background:#fff;border-radius:16px;box-shadow:0 2px 8px #0000001a;color:#2c3e50;font-size:14px;font-weight:600;min-width:45px;padding:4px 10px;text-align:center}.admin-tasks-page .kanban-task-card.compact{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;margin-bottom:10px;min-height:auto;padding:14px 16px;position:relative;transition:all .2s ease}.admin-tasks-page .kanban-task-card.compact:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.admin-tasks-page .kanban-task-card.compact:before{border-radius:8px 8px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.admin-tasks-page .kanban-task-card.compact.priority-bg-urgent{background:#fff;border:2px solid #dc3545}.admin-tasks-page .kanban-task-card.compact.priority-bg-urgent:before{background:#dc3545}.admin-tasks-page .kanban-task-card.compact.priority-bg-urgent:hover{background:#fff;border-color:#dc3545;box-shadow:0 4px 12px #dc354533}.admin-tasks-page .kanban-task-card.compact.priority-bg-high{background:#fff;border:2px solid #f59e0b}.admin-tasks-page .kanban-task-card.compact.priority-bg-high:before{background:#f59e0b}.admin-tasks-page .kanban-task-card.compact.priority-bg-high:hover{background:#fff;border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b33}.admin-tasks-page .kanban-task-card.compact.priority-bg-normal{background:#fff;border:2px solid #10b981}.admin-tasks-page .kanban-task-card.compact.priority-bg-normal:before{background:#10b981}.admin-tasks-page .kanban-task-card.compact.priority-bg-normal:hover{background:#fff;border-color:#10b981;box-shadow:0 4px 12px #10b98133}.admin-tasks-page .kanban-task-card.compact.priority-bg-low{background:#fff;border:2px solid #6b7280}.admin-tasks-page .kanban-task-card.compact.priority-bg-low:before{background:#6b7280}.admin-tasks-page .kanban-task-card.compact.priority-bg-low:hover{background:#fff;border-color:#6b7280;box-shadow:0 4px 12px #6b728033}.admin-tasks-page .task-card-v2{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #0000001a;cursor:pointer;overflow:hidden;padding:16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.admin-tasks-page .task-card-v2:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.admin-tasks-page .task-card-v2.urgent-priority{border-color:#ef4444;box-shadow:0 2px 8px #ef444433}.admin-tasks-page .task-card-v2.high-priority{border-color:#f59e0b;box-shadow:0 2px 8px #f59e0b33}.admin-tasks-page .task-card-v2.normal-priority{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f633}.admin-tasks-page .task-card-v2.low-priority{border-color:#6b7280;box-shadow:0 2px 8px #6b728033}.admin-tasks-page .task-card-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.admin-tasks-page .priority-indicator{background:#0000000d;gap:4px;padding:4px 8px}.admin-tasks-page .priority-icon{font-size:12px}.admin-tasks-page .priority-text{font-size:8px;font-weight:700;letter-spacing:.5px}.admin-tasks-page .assignee-info{align-items:center;display:flex;gap:6px}.admin-tasks-page .assignee-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:600;height:24px;justify-content:center;width:24px}.admin-tasks-page .assignee-avatar-img{border-radius:50%;font-size:10px;height:24px!important;min-height:24px;min-width:24px;width:24px!important}.admin-tasks-page .assignee-name{color:#64748b;font-weight:500}.admin-tasks-page .task-card-title h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1e293b;display:-webkit-box;font-size:14px;font-weight:600;line-height:1.4;margin:0 0 10px;overflow:hidden}.admin-tasks-page .task-card-content{min-height:40px}.admin-tasks-page .task-description{background:#f8fafc;border-left:3px solid #1e3c72;border-radius:6px;color:#374151;font-size:.95rem;line-height:1.6;padding:12px;white-space:pre-wrap;word-break:break-word}.admin-tasks-page .exception-preview{background:#ef44440d;border:1px solid #ef444433;border-radius:6px;padding:8px}.admin-tasks-page .exception-summary{display:flex;flex-direction:column;gap:4px}.admin-tasks-page .exception-line{align-items:center;display:flex;font-size:10px;gap:6px}.admin-tasks-page .exception-line .icon{flex-shrink:0}.admin-tasks-page .exception-line .text{color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-tasks-page .exception-line.critical{background:#ef44441a;border-left:2px solid #ef4444;border-radius:4px;padding:4px 6px}.admin-tasks-page .exception-line.critical .text{color:#dc2626;font-weight:600}.admin-tasks-page .task-card-v2.exception-task{background:linear-gradient(135deg,#fff,#fef2f2);border-color:#ef4444}.admin-tasks-page .task-card-v2.exception-task:before{background:#ef4444;border-radius:0 10px 0 8px;color:#fff;content:"⚠️ 예외처리";font-size:8px;font-weight:600;padding:2px 6px;position:absolute;right:-1px;top:-1px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.admin-tasks-page .kanban-task-card.compact{display:none}.admin-tasks-page .kanban-task-card.compact.exception-task{animation:exception-pulse 2s infinite;border:2px solid #dc3545;box-shadow:0 4px 16px #dc354533,0 0 0 1px #dc35451a}.admin-tasks-page .kanban-task-card.compact.exception-task:hover{border-color:#c82333;box-shadow:0 8px 32px #dc35454d,0 0 0 2px #dc354533;transform:translateY(-3px) scale(1.02)}.admin-tasks-page .kanban-task-card.compact.exception-task:before{background:linear-gradient(90deg,#dc3545,#c82333)!important;height:4px!important}@keyframes exception-pulse{0%,to{box-shadow:0 4px 16px #dc354533,0 0 0 1px #dc35451a}50%{box-shadow:0 4px 16px #dc35454d,0 0 0 2px #dc354533}}.admin-tasks-page .kanban-task-card.compact .task-assignee-badge{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;color:#374151;font-size:9px;font-weight:600;padding:3px 6px;position:absolute;right:10px;top:8px;z-index:1}.admin-tasks-page .kanban-task-card.compact .task-title-center{color:#111827;font-size:12px;font-weight:600;line-height:1.4;margin:0 0 6px;overflow:hidden;padding:0;position:relative;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.admin-tasks-page .kanban-task-card.compact .task-description-compact{color:#6b7280;font-size:10px;line-height:1.3;margin-bottom:8px;padding:0 8px;text-align:center;white-space:pre-wrap;word-break:break-word}.admin-tasks-page .exception-details{background:#ef44440d;border:1px solid #ef44441a;border-radius:6px;display:flex;flex-direction:column;gap:4px;margin-bottom:10px;padding:8px}.admin-tasks-page .exception-item{align-items:flex-start;display:flex;gap:6px;padding:3px 0}.admin-tasks-page .exception-label{flex-shrink:0;font-size:12px;text-align:center;width:16px}.admin-tasks-page .exception-value{color:#374151;flex:1 1;font-size:9px;line-height:1.3;word-break:break-word}.admin-tasks-page .exception-item.product .exception-value{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:8px;overflow:hidden}.admin-tasks-page .exception-item.issue{background:#ef44441a;border-left:3px solid #ef4444;border-radius:4px;padding:4px 6px}.admin-tasks-page .exception-item.issue .exception-value{color:#dc2626;font-size:9px;font-weight:600}.admin-tasks-page .kanban-task-card.exception-task{border-left:4px solid #ef4444}.admin-tasks-page .kanban-task-card.exception-task .task-title-center{color:#dc2626;font-weight:700}.admin-tasks-page .exception-table-preview{margin-top:4px}.admin-tasks-page .exception-mini{display:flex;flex-direction:column;gap:2px}.admin-tasks-page .exception-mini-item{align-items:center;color:#6b7280;display:flex;font-size:10px;gap:4px}.admin-tasks-page .exception-mini-item.issue{background:#ef44441a;border-radius:3px;color:#dc2626;font-weight:600;padding:2px 4px}.admin-tasks-page .task-row.exception-row{background:#ef444405;border-left:3px solid #ef4444}.admin-tasks-page .task-row.exception-row:hover{background:#ef44440d}.admin-tasks-page .exception-modal-details{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:20px}.admin-tasks-page .exception-modal-grid{grid-gap:16px;display:grid;gap:16px}.admin-tasks-page .exception-modal-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;gap:6px;padding:12px}.admin-tasks-page .exception-modal-label{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:6px}.admin-tasks-page .exception-modal-value{color:#1f2937;font-size:14px;line-height:1.5;margin-left:20px;word-break:break-word}.admin-tasks-page .exception-modal-item.product-item{grid-column:1/-1}.admin-tasks-page .exception-modal-item.product-item .exception-modal-value{background:#f9fafb;border-radius:4px;color:#6b7280;font-family:monospace;font-size:13px;margin-left:0;margin-top:4px;padding:8px}.admin-tasks-page .exception-modal-item.issue-item{background:#fef2f2;border:1px solid #fca5a5;border-left:4px solid #ef4444}.admin-tasks-page .exception-modal-item.issue-item .exception-modal-label{color:#dc2626}.admin-tasks-page .exception-modal-item.issue-item .exception-modal-value{color:#dc2626;font-weight:600}.admin-tasks-page .kanban-task-card.compact .task-info-row{align-items:center;border-top:1px solid #e5e7eb;color:#6b7280;display:flex;font-size:12px;justify-content:space-between;margin-top:6px;padding-top:6px}.admin-tasks-page .kanban-task-card.compact .task-category{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;color:#374151;font-size:11px;font-weight:500;padding:2px 6px}.admin-tasks-page .kanban-task-card.compact .task-dates{color:#6b7280;font-size:11px;font-weight:500}.admin-tasks-page .task-department{color:#666;font-size:11px;font-style:italic;margin-top:4px}.admin-tasks-page .tasks-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden}.admin-tasks-page .tasks-table-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:15px 20px}.admin-tasks-page .tasks-table-header h3{align-items:center;color:#1e293b;display:flex;font-size:16px;font-weight:600;gap:6px;margin:0}.admin-tasks-page .tasks-table-header h3:before{content:"📋";font-size:14px}.admin-tasks-page .search-input{background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:12px;padding:6px 12px;transition:all .2s ease;width:200px}.admin-tasks-page .search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;outline:none;transform:translateY(-1px)}.admin-tasks-page .search-input::placeholder{color:#94a3b8}.admin-tasks-page .table-wrapper{background:#fff;overflow-x:auto}.admin-tasks-page .tasks-table{border-collapse:initial;border-spacing:0;font-size:12px;line-height:1.4;width:100%}.admin-tasks-page .tasks-table th{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-bottom:1px solid #cbd5e1;color:#475569;font-size:10px;font-weight:600;letter-spacing:.5px;padding:10px 15px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0;z-index:10}.admin-tasks-page .tasks-table th.sortable{cursor:pointer;padding-right:35px;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.admin-tasks-page .tasks-table th.sortable:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#334155;transform:translateY(-1px)}.admin-tasks-page .tasks-table th.sortable.active{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-bottom-color:#3b82f6;color:#1e40af}.admin-tasks-page .tasks-table th .sort-indicator{animation:sortBounce .3s ease;color:#3b82f6;font-size:14px;font-weight:900;position:absolute;right:8px;top:50%;transform:translateY(-50%)}@keyframes sortBounce{0%{opacity:0;transform:translateY(-50%) scale(.8)}50%{opacity:.7;transform:translateY(-50%) scale(1.2)}to{opacity:1;transform:translateY(-50%) scale(1)}}.admin-tasks-page .tasks-table th.sortable:before{border-bottom:6px solid #94a3b8;border-left:4px solid #0000;border-right:4px solid #0000;content:"";height:0;opacity:.3;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:opacity .2s ease;width:0}.admin-tasks-page .tasks-table th.sortable:hover:before{opacity:.6}.admin-tasks-page .tasks-table th:first-child{border-top-left-radius:0}.admin-tasks-page .tasks-table th:last-child{border-top-right-radius:0}.admin-tasks-page .tasks-table td{background:#fff;border-bottom:1px solid #f1f5f9;font-size:11px;padding:12px 15px;transition:background-color .2s ease;vertical-align:middle}.admin-tasks-page .task-row{cursor:pointer;position:relative;transition:all .2s ease}.admin-tasks-page .task-row:hover{background-color:#f8fafc!important;box-shadow:0 4px 12px #0000000d;transform:translateY(-1px)}.admin-tasks-page .task-row.exception-row{background:linear-gradient(135deg,#fef2f2,#fee2e2)!important;border-left:4px solid #dc3545;position:relative}.admin-tasks-page .task-row.exception-row:before{align-items:center;background:#dc3545;border-radius:50%;color:#fff;content:"⚠️";display:flex;font-size:10px;height:20px;justify-content:center;left:-2px;position:absolute;top:50%;transform:translateY(-50%);width:20px;z-index:1}.admin-tasks-page .task-row.exception-row:hover{background:linear-gradient(135deg,#fecaca,#fca5a5)!important}.admin-tasks-page .priority-indicator{align-items:center;border-radius:20px;display:flex;font-size:13px;font-weight:700;gap:8px;justify-content:center;min-width:80px;padding:6px 12px}.admin-tasks-page .priority-indicator.priority-urgent{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #f87171;color:#991b1b}.admin-tasks-page .priority-indicator.priority-high{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;color:#92400e}.admin-tasks-page .priority-indicator.priority-normal{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #10b981;color:#065f46}.admin-tasks-page .priority-indicator.priority-low{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px solid #9ca3af;color:#374151}.admin-tasks-page .title-cell{max-width:350px;min-width:250px}.admin-tasks-page .title-content{display:flex;flex-direction:column;gap:6px}.admin-tasks-page .task-title-text{color:#1e293b;font-size:15px;font-weight:700;line-height:1.4;margin-bottom:2px}.admin-tasks-page .task-description-preview{background:#f8fafc;border-left:3px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:13px;line-height:1.4;padding:6px 12px}.admin-tasks-page .category-tag{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:2px solid #a5b4fc;border-radius:16px;color:#4338ca;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.5px;min-width:60px;padding:6px 12px;text-align:center;text-transform:uppercase}.admin-tasks-page .assignee-name{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;border-radius:8px;color:#1e293b;display:inline-block;font-size:9px!important;font-weight:600;min-width:70px;padding:8px 12px;text-align:center}.admin-tasks-page .status-select-table{border:2px solid #0000;border-radius:8px;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.5px;min-width:90px;padding:8px 12px;text-transform:uppercase;transition:all .2s ease}.admin-tasks-page .status-select-table:focus{box-shadow:0 4px 12px #0000001a;outline:none;transform:translateY(-1px)}.admin-tasks-page .status-select-table.status-requested{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;color:#92400e}.admin-tasks-page .status-select-table.status-in_progress{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#3b82f6;color:#1e40af}.admin-tasks-page .status-select-table.status-completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981;color:#065f46}.admin-tasks-page .status-select-table.status-problem{background:linear-gradient(135deg,#fecaca,#fca5a5);border-color:#ef4444;color:#991b1b}.admin-tasks-page .status-select-table.status-cancelled{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-color:#9ca3af;color:#374151}.admin-tasks-page .date-cell{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#475569;font-size:13px;font-weight:600;padding:8px 12px!important;text-align:center;white-space:nowrap}.admin-tasks-page .action-btn.view-btn-small{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 2px 4px #3b82f64d;color:#fff;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.5px;padding:10px 16px;text-transform:uppercase;transition:all .2s ease}.admin-tasks-page .action-btn.view-btn-small:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.admin-tasks-page .empty-state{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:12px;color:#64748b;margin:20px;padding:60px 20px;text-align:center}.admin-tasks-page .empty-state:before{content:"📝";display:block;font-size:48px;margin-bottom:16px}.admin-tasks-page .empty-state p{font-size:16px;font-weight:600;margin:0}.admin-tasks-page .report-view.compact{padding:16px}.admin-tasks-page .report-header-compact{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.admin-tasks-page .report-title-compact{align-items:center;display:flex;gap:12px}.admin-tasks-page .report-title-compact h2{color:#1e293b;font-size:18px;font-weight:700;margin:0}.admin-tasks-page .report-date-compact{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:12px;padding:4px 8px}.admin-tasks-page .report-summary-inline{align-items:center;display:flex;gap:16px}.admin-tasks-page .summary-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;min-width:60px;padding:8px 12px}.admin-tasks-page .summary-item .summary-number{color:#1e293b;font-size:18px;font-weight:700}.admin-tasks-page .summary-item .summary-label{color:#64748b;font-size:10px;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}.admin-tasks-page .summary-item.completed .summary-number{color:#10b981}.admin-tasks-page .summary-item.progress .summary-number{color:#3b82f6}.admin-tasks-page .summary-item.urgent .summary-number{color:#ef4444}.admin-tasks-page .btn-print-compact{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:8px 16px;transition:all .2s ease}.admin-tasks-page .btn-print-compact:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.admin-tasks-page .employee-reports-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.admin-tasks-page .employee-report-card-compact{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s ease}.admin-tasks-page .employee-report-card-compact:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.admin-tasks-page .employee-header-compact{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.admin-tasks-page .employee-info-compact{align-items:center;display:flex;gap:8px}.admin-tasks-page .employee-name-compact h4{color:#1e293b;font-size:14px;font-weight:600;margin:0}.admin-tasks-page .department-compact{background:#f8fafc;border-radius:4px;color:#64748b;display:inline-block;font-size:11px;margin-top:2px;padding:2px 6px}.admin-tasks-page .metrics-compact{text-align:right}.admin-tasks-page .metric-compact{align-items:center;display:flex;flex-direction:column}.admin-tasks-page .metric-compact .metric-value{color:#10b981;font-size:16px;font-weight:700}.admin-tasks-page .metric-compact .metric-label{color:#64748b;font-size:9px;letter-spacing:.5px;text-transform:uppercase}.admin-tasks-page .status-row-compact{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.admin-tasks-page .status-chip{align-items:center;border:1px solid;border-radius:6px;display:flex;flex-direction:column;font-size:10px;min-width:35px;padding:4px 8px}.admin-tasks-page .status-chip .count{font-size:12px;font-weight:700}.admin-tasks-page .status-chip .label{margin-top:1px;opacity:.8}.admin-tasks-page .status-chip.total{background:#f8fafc;border-color:#e2e8f0;color:#475569}.admin-tasks-page .status-chip.completed{background:#ecfdf5;border-color:#10b981;color:#065f46}.admin-tasks-page .status-chip.progress{background:#eff6ff;border-color:#3b82f6;color:#1e40af}.admin-tasks-page .status-chip.requested{background:#fffbeb;border-color:#f59e0b;color:#92400e}.admin-tasks-page .status-chip.problem{background:#fef2f2;border-color:#ef4444;color:#991b1b}.admin-tasks-page .priority-row-compact{display:flex;flex-wrap:wrap;gap:4px}.admin-tasks-page .priority-chip{align-items:center;border-radius:12px;display:flex;font-size:10px;font-weight:600;gap:4px;padding:3px 6px}.admin-tasks-page .priority-chip.urgent{background:#fef2f2;color:#991b1b}.admin-tasks-page .priority-chip.high{background:#fffbeb;color:#92400e}.admin-tasks-page .priority-chip.normal{background:#ecfdf5;color:#065f46}.admin-tasks-page .priority-chip.low{background:#f8fafc;color:#475569}.admin-tasks-page .priority-chip .priority-icon{font-size:8px}.admin-tasks-page .issues-compact{display:flex;gap:6px;margin-top:8px}.admin-tasks-page .issue-badge{border-radius:8px;font-size:9px;font-weight:600;padding:2px 6px}.admin-tasks-page .issue-badge.overdue,.admin-tasks-page .issue-badge.problem{background:#fef2f2;color:#991b1b}.admin-tasks-page .report-footer-compact{border-top:1px solid #e2e8f0;margin-top:20px;padding:16px;text-align:center}.admin-tasks-page .footer-text{color:#64748b;font-size:11px}.user-info-bar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:16px;font-weight:500;margin-bottom:20px;padding:12px 20px}.user-info-bar span{align-items:center;display:inline-flex;gap:8px}.report-view{background:#fff;padding:20px 20px 100px}.report-header{align-items:flex-start;border-bottom:2px solid #e9ecef;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.report-title-section h2{color:#2c3e50;font-size:28px;font-weight:700;margin-bottom:10px}.report-meta{color:#6c757d;gap:20px}.print-btn,.report-meta{display:flex;font-size:14px}.print-btn{align-items:center;background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;gap:8px;padding:10px 20px;transition:background .3s}.print-btn:hover{background:#5a6268}.report-summary{margin-bottom:40px}.report-summary h3{color:#2c3e50;font-size:22px;font-weight:600;margin-bottom:20px}.summary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.summary-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;padding:20px;text-align:center}.summary-card.urgent{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.summary-number{font-size:36px;font-weight:700;margin-bottom:8px}.summary-label{font-size:16px;opacity:.9}.employee-reports{display:flex;flex-direction:column;gap:25px}.employee-report-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 4px #0000001a;overflow:hidden;page-break-inside:avoid}.employee-report-header{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;justify-content:space-between;padding:20px}.employee-basic-info{align-items:center;display:flex;gap:15px}.employee-name-info h4{color:#2c3e50;font-size:20px;font-weight:600;margin:0 0 8px}.employee-details{display:flex;font-size:14px;gap:12px}.employee-details .department{background:#007bff}.employee-details .department,.employee-details .position{border-radius:4px;color:#fff;font-weight:500;padding:4px 8px}.employee-details .position{background:#6c757d}.employee-metrics{display:flex;gap:20px}.metric{text-align:center}.metric-value{color:#2c3e50;display:block;font-size:24px;font-weight:700}.metric-label{color:#6c757d;font-size:12px;margin-top:4px}.employee-report-body{padding:20px}.report-section{margin-bottom:25px}.report-section h5{border-bottom:1px solid #e9ecef;color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:12px;padding-bottom:6px}.status-breakdown{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.status-item{align-items:center;background:#f8f9fa;border-left:4px solid #6c757d;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.status-item.completed{background:#d4edda;border-left-color:#28a745}.status-item.progress{background:#fff3cd;border-left-color:#ffc107}.status-item.requested{background:#d1ecf1;border-left-color:#17a2b8}.status-item.problem{background:#f8d7da;border-left-color:#dc3545}.status-label{font-size:14px;font-weight:500}.status-count{font-size:14px;font-weight:600}.priority-breakdown{display:flex;flex-wrap:wrap;gap:10px}.priority-item{align-items:center;border-radius:20px;display:flex;font-size:13px;font-weight:500;justify-content:space-between;min-width:80px;padding:6px 12px}.priority-item.urgent{background:#ffebee;border:1px solid #ffcdd2;color:#c62828}.priority-item.high{background:#fff3e0;border:1px solid #ffcc02;color:#ef6c00}.priority-item.normal{background:#e8f5e8;border:1px solid #c8e6c9;color:#2e7d32}.priority-item.low{background:#f3f4f6;border:1px solid #dee2e6;color:#6c757d}.report-section.issues{background:#fff5f5;border-left:4px solid #dc3545;border-radius:8px;padding:15px}.issues-list{display:flex;flex-direction:column;gap:10px}.issue-item{align-items:center;background:#fff;border:1px solid #fee;border-radius:6px;display:flex;gap:12px;padding:10px}.issue-item.overdue{border-left:4px solid #ffc107}.issue-item.problem{border-left:4px solid #dc3545}.issue-icon{font-size:18px}.issue-content{align-items:center;display:flex;flex:1 1;justify-content:space-between}.issue-title{color:#2c3e50;font-weight:500}.issue-count{color:#dc3545;font-weight:600}.recent-tasks{display:flex;flex-direction:column;gap:8px}.recent-task{align-items:center;background:#e8f5e8;border-left:4px solid #28a745;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.recent-task .task-title{color:#2c3e50;font-weight:500}.recent-task .task-category{background:#28a745;border-radius:4px;color:#fff;font-size:12px;padding:2px 8px}.more-tasks{color:#6c757d;font-size:13px;font-style:italic;padding:8px;text-align:center}.progress-section{margin-top:20px}.progress-bar-container{background:#f8f9fa;border-radius:8px;padding:15px}.progress-bar{background:#e9ecef;border-radius:10px;display:flex;height:20px;margin-bottom:10px;overflow:hidden}.progress-fill{height:100%;transition:width .3s ease}.progress-fill.completed{background:linear-gradient(90deg,#28a745,#20c997)}.progress-fill.progress{background:linear-gradient(90deg,#ffc107,#fd7e14)}.progress-legend{display:flex;gap:20px;justify-content:center}.legend-item{align-items:center;display:flex;font-size:14px;gap:8px}.legend-color{border-radius:2px;height:12px;width:12px}.legend-color.completed{background:#28a745}.legend-color.progress{background:#ffc107}.report-footer{grid-gap:40px;border-top:2px solid #e9ecef;display:grid;gap:40px;grid-template-columns:2fr 1fr;margin-top:40px;padding-top:30px}.report-notes h4{color:#2c3e50;font-size:18px;font-weight:600;margin-bottom:15px}.report-notes ul{list-style:none;padding:0}.report-notes li{border-bottom:1px solid #f8f9fa;color:#6c757d;font-size:14px;padding:6px 0}.report-notes li:before{content:"📌 ";margin-right:8px}.report-signature{text-align:right}.report-signature p{color:#6c757d;font-size:13px;margin:4px 0}@media print{.report-view{background:#fff;padding:0}.employee-selector-section,.filter-section,.page-header{display:none}.employee-report-card{border:1px solid #ddd;box-shadow:none;margin-bottom:20px;page-break-inside:avoid}.print-btn{display:none}.report-header{border-bottom:2px solid #000}.summary-card{background:#f8f9fa!important;border:1px solid #ddd;color:#000!important}}.individual-view{padding:20px 0}.empty-icon{font-size:64px}.empty-state h3{color:#2c3e50;font-size:24px;margin-bottom:10px}.empty-state p{color:#6c757d;font-size:16px;line-height:1.5}.employee-detail-report{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.detail-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:30px}.employee-profile{align-items:center;display:flex;gap:20px}.profile-avatar{align-items:center;background:#fff3;border:3px solid #ffffff4d;border-radius:50%;color:#fff;display:flex;font-size:32px;font-weight:700;height:80px;justify-content:center;width:80px}.profile-info h2{font-size:32px;font-weight:700;margin-bottom:8px}.profile-details{display:flex;gap:15px}.profile-details .department,.profile-details .position{background:#fff3;border:1px solid #ffffff4d;border-radius:20px;font-size:14px;font-weight:500;padding:6px 12px}.key-metrics{display:flex;gap:20px}.metric-card{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;min-width:100px;padding:20px;text-align:center}.metric-number{font-size:28px;font-weight:700;margin-bottom:5px}.metric-label{font-size:14px;opacity:.9}.attention-section,.recent-activity-section,.status-analysis-section,.timeline-section{border-bottom:1px solid #e9ecef;padding:30px}.attention-section:last-child,.recent-activity-section:last-child,.status-analysis-section:last-child,.timeline-section:last-child{border-bottom:none}.attention-section h3,.recent-activity-section h3,.status-analysis-section h3,.timeline-section h3{color:#2c3e50;font-size:22px;font-weight:600;margin-bottom:25px}.timeline{padding-left:30px;position:relative}.timeline:before{background:#e9ecef;bottom:0;content:"";left:15px;position:absolute;top:0;width:2px}.timeline-item{margin-bottom:30px;padding-left:40px;position:relative}.timeline-marker{align-items:center;background:#fff;border:3px solid #e9ecef;border-radius:50%;display:flex;font-size:12px;font-weight:600;height:30px;justify-content:center;left:-25px;position:absolute;top:0;width:30px;z-index:1}.timeline-item.completed .timeline-marker{background:#28a745;border-color:#28a745;color:#fff}.timeline-item.in_progress .timeline-marker{background:#ffc107;border-color:#ffc107;color:#fff}.timeline-item.requested .timeline-marker{background:#17a2b8;border-color:#17a2b8;color:#fff}.timeline-item.problem .timeline-marker{background:#dc3545;border-color:#dc3545;color:#fff}.task-card-timeline{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:20px}.task-header-timeline{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.task-header-timeline h4{color:#2c3e50;flex:1 1;font-size:18px;font-weight:600;margin-right:15px}.task-badges{display:flex;gap:8px}.task-description-timeline{color:#6c757d;font-size:14px;line-height:1.5;margin-bottom:15px}.task-meta-timeline{align-items:center;display:flex;font-size:13px;justify-content:space-between}.date-info{display:flex;gap:15px}.created-date,.due-date{color:#6c757d}.category{background:#e9ecef;border-radius:4px;color:#495057;font-weight:500;padding:4px 8px}.status-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.status-analysis-card{background:#f8f9fa;border:1px solid #e9ecef;border-left:4px solid;border-radius:8px;padding:20px}.status-analysis-card.requested{border-left-color:#17a2b8}.status-analysis-card.in-progress{border-left-color:#ffc107}.status-analysis-card.completed{border-left-color:#28a745}.status-analysis-card.problem{border-left-color:#dc3545}.status-header h4{color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:15px}.task-list-mini{display:flex;flex-direction:column;gap:8px}.mini-task-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:4px;display:flex;font-size:13px;justify-content:space-between;padding:8px 12px}.mini-task-item.urgent{border-left:3px solid #dc3545}.task-title-mini{color:#2c3e50;flex:1 1;font-weight:500;margin-right:10px}.more-items,.task-date-mini{color:#6c757d;font-size:12px}.more-items{font-style:italic;padding:8px;text-align:center}.attention-section{background:#fff5f5}.attention-cards{display:flex;flex-direction:column;gap:20px}.attention-card{background:#fff;border:1px solid #fee;border-left:4px solid;border-radius:8px;padding:20px}.attention-card.overdue{border-left-color:#ffc107}.attention-card.problem{border-left-color:#dc3545}.attention-card h4{color:#2c3e50;font-size:16px;font-weight:600;margin-bottom:15px}.attention-list{display:flex;flex-direction:column;gap:10px}.attention-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;justify-content:space-between;padding:10px 15px}.attention-item .task-title{color:#2c3e50;flex:1 1;font-weight:500;margin-right:15px}.delay-days,.problem-status{background:#dc3545;border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px}.delay-days{background:#ffc107;color:#000}.activity-summary p{color:#6c757d;font-size:16px;margin-bottom:20px}.recent-tasks-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.recent-task-card{background:#fff;border:1px solid #e9ecef;border-left:4px solid;border-radius:8px;padding:15px}.recent-task-card.requested{border-left-color:#17a2b8}.recent-task-card.in_progress{border-left-color:#ffc107}.recent-task-card.completed{border-left-color:#28a745}.recent-task-card.problem{border-left-color:#dc3545}.recent-task-card h5{color:#2c3e50;font-size:14px;font-weight:600;line-height:1.3;margin-bottom:8px}.task-info{align-items:center;display:flex;font-size:12px;justify-content:space-between}.task-info .status{border-radius:3px;font-weight:500;padding:2px 6px}.task-info .status.requested{background:#d1ecf1;color:#0c5460}.task-info .status.in_progress{background:#fff3cd;color:#856404}.task-info .status.completed{background:#d4edda;color:#155724}.task-info .status.problem{background:#f8d7da;color:#721c24}.admin-tasks-page .department-reports{display:flex;flex-direction:column;gap:30px}.admin-tasks-page .department-report-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.admin-tasks-page .department-section-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:12px}.admin-tasks-page .department-section-header h3{align-items:center;color:#1e293b;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0}.admin-tasks-page .dept-employee-count{background:#3b82f6;border-radius:16px;color:#fff;font-size:12px;font-weight:500;padding:4px 12px}.admin-tasks-page .department-report-section .employee-reports-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.admin-tasks-page .department-report-section .employee-report-card-compact{background:#fff;border:1px solid #e2e8f0;border-radius:8px}.task-info .date{color:#6c757d}.admin-tasks-page .efficiency-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:30px 0;padding:20px}.admin-tasks-page .efficiency-section h3{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:20px}.admin-tasks-page .efficiency-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.admin-tasks-page .efficiency-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;text-align:center}.admin-tasks-page .efficiency-header h4{color:#64748b;font-size:14px;font-weight:500;margin:0 0 12px}.admin-tasks-page .efficiency-content{align-items:baseline;display:flex;gap:4px;justify-content:center}.admin-tasks-page .large-number{color:#1e293b;font-size:36px;font-weight:700}.admin-tasks-page .efficiency-label{color:#64748b;font-size:14px;font-weight:500}.admin-tasks-page .monthly-stats-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:30px 0;padding:20px}.admin-tasks-page .monthly-stats-section h3{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:20px}.admin-tasks-page .chart-container{align-items:flex-end;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:12px;height:200px;padding:20px;position:relative}.admin-tasks-page .month-bar{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%}.admin-tasks-page .month-label{color:#64748b;font-size:12px;font-weight:500;margin-bottom:8px}.admin-tasks-page .bar-container{display:flex;flex:1 1;flex-direction:column;justify-content:flex-end;min-height:120px;position:relative;width:100%}.admin-tasks-page .bar{border-radius:4px 4px 0 0;bottom:0;position:absolute;transition:all .3s ease;width:100%}.admin-tasks-page .total-bar{background:#e2e8f0;z-index:1}.admin-tasks-page .completed-bar{background:#22c55e;z-index:2}.admin-tasks-page .bar-labels{color:#64748b;font-size:11px;margin-top:8px;text-align:center}.admin-tasks-page .completed-count{color:#22c55e;font-weight:600}.admin-tasks-page .chart-legend{display:flex;gap:12px;position:absolute;right:10px;top:10px}.admin-tasks-page .legend-item{align-items:center;color:#64748b;display:flex;font-size:11px;gap:4px}.admin-tasks-page .legend-color{border-radius:2px;height:12px;width:12px}.admin-tasks-page .legend-color.total{background:#e2e8f0}.admin-tasks-page .legend-color.completed{background:#22c55e}.admin-tasks-page .category-analysis-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:30px 0;padding:20px}.admin-tasks-page .category-analysis-section h3{color:#1e293b;font-size:18px;font-weight:600;margin-bottom:20px}.admin-tasks-page .category-stats{display:flex;flex-direction:column;gap:12px}.admin-tasks-page .category-stat-item{grid-gap:12px;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:12px;grid-template-columns:2fr 3fr 1fr;padding:12px}.admin-tasks-page .category-info{align-items:center;display:flex;justify-content:space-between}.admin-tasks-page .category-name{color:#1e293b;font-weight:500}.admin-tasks-page .category-count{color:#64748b;font-size:12px}.admin-tasks-page .category-progress{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden}.admin-tasks-page .progress-bar{background:linear-gradient(90deg,#22c55e,#16a34a);border-radius:4px;height:100%;transition:width .3s ease}.admin-tasks-page .category-percentage{color:#22c55e;font-size:14px;font-weight:600;text-align:right}@keyframes skeleton-loading{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.task-card-skeleton{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-bottom:12px;padding:16px}.skeleton-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.skeleton-avatar,.skeleton-content,.skeleton-controls,.skeleton-priority,.skeleton-title,.skeleton-title-large{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200px 100%}.skeleton-priority{border-radius:10px;height:20px;width:60px}.skeleton-avatar{border-radius:50%;height:24px;width:24px}.skeleton-title{border-radius:9px;height:18px;margin-bottom:10px;width:80%}.skeleton-content{border-radius:7px;height:14px;width:60%}.skeleton-title-large{border-radius:16px;height:32px;width:200px}.skeleton-controls{border-radius:20px;height:40px;width:150px}.admin-tasks-page .kanban-board .mobile-kanban-tabs,.admin-tasks-page .mobile-kanban-tabs,.tasks-page.admin-tasks-page .kanban-board .mobile-kanban-tabs,.tasks-page.admin-tasks-page .mobile-kanban-tabs,div.tasks-page.admin-tasks-page .kanban-board .mobile-kanban-tabs,div.tasks-page.admin-tasks-page .mobile-kanban-tabs{background:#f1f5f9!important;border-radius:12px!important;box-sizing:border-box!important;display:flex!important;gap:4px!important;margin-bottom:16px!important;opacity:1!important;padding:4px!important;visibility:visible!important;width:100%!important}.admin-tasks-page .mobile-kanban-tab,.tasks-page.admin-tasks-page .mobile-kanban-tab,div.tasks-page.admin-tasks-page .mobile-kanban-tab{background:#0000!important;border:none!important;border-radius:8px!important;color:#64748b!important;cursor:pointer!important;display:block!important;flex:1 1!important;font-size:.85rem!important;font-weight:500!important;padding:12px 8px!important;transition:all .2s!important;visibility:visible!important;white-space:nowrap!important}.admin-tasks-page .mobile-kanban-tab.active,.tasks-page.admin-tasks-page .mobile-kanban-tab.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#1e3c72;font-weight:600}.admin-tasks-page .mobile-kanban-tab.requested.active,.tasks-page.admin-tasks-page .mobile-kanban-tab.requested.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.admin-tasks-page .mobile-kanban-tab.in-progress.active,.tasks-page.admin-tasks-page .mobile-kanban-tab.in-progress.active{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.admin-tasks-page .mobile-kanban-tab.completed.active,.tasks-page.admin-tasks-page .mobile-kanban-tab.completed.active{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}@media (min-width:769px){.admin-tasks-page .kanban-board .mobile-kanban-tabs,.admin-tasks-page .mobile-kanban-tabs,.tasks-page.admin-tasks-page .kanban-board .mobile-kanban-tabs,.tasks-page.admin-tasks-page .mobile-kanban-tabs,div.tasks-page.admin-tasks-page .kanban-board .mobile-kanban-tabs,div.tasks-page.admin-tasks-page .mobile-kanban-tabs{display:none!important}}.admin-tasks-page .kanban-board{margin-bottom:40px}.admin-tasks-page .kanban-columns,.tasks-page.admin-tasks-page .kanban-columns,div.tasks-page.admin-tasks-page .kanban-columns{display:block!important;gap:0!important;overflow-x:hidden;width:100%}.admin-tasks-page .kanban-column,.tasks-page.admin-tasks-page .kanban-column,div.tasks-page.admin-tasks-page .kanban-column{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;box-sizing:border-box;display:none!important;max-width:100%;min-height:auto;overflow:hidden;width:100%}.admin-tasks-page .kanban-column.mobile-active,.tasks-page.admin-tasks-page .kanban-column.mobile-active,div.tasks-page.admin-tasks-page .kanban-column.mobile-active{display:block!important}@media (min-width:769px){.admin-tasks-page .kanban-columns,.tasks-page.admin-tasks-page .kanban-columns,div.tasks-page.admin-tasks-page .kanban-columns{grid-gap:20px!important;box-sizing:border-box;display:grid!important;gap:20px!important;grid-template-columns:1fr 1fr 1fr!important;max-width:100%;width:100%}.admin-tasks-page .kanban-column,.tasks-page.admin-tasks-page .kanban-column,div.tasks-page.admin-tasks-page .kanban-column{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;box-sizing:border-box;display:block!important;max-width:100%;min-height:500px;overflow:hidden;width:100%}}.admin-tasks-page .kanban-tasks-list{display:flex;flex-direction:column;gap:8px;padding:10px}@media (max-width:768px){.admin-sidebar{display:none}.admin-main-content{padding:12px;width:100%}.content-header{align-items:flex-start;flex-direction:column;gap:12px;margin:-12px -12px 12px;padding:12px}.content-header h1{font-size:1.25rem;margin:0}.date-and-view,.date-filter-container{width:100%}.date-range-buttons{-webkit-overflow-scrolling:touch;display:flex;gap:4px;overflow-x:auto;padding:4px}.date-range-btn{flex-shrink:0;font-size:.75rem;padding:6px 10px;white-space:nowrap}.date-filter{margin-top:8px}.header-actions{flex-wrap:wrap;width:100%}.view-toggle{-webkit-overflow-scrolling:touch;display:flex;gap:4px;overflow-x:auto;width:100%}.view-btn{flex-shrink:0;font-size:.75rem;padding:8px 10px;white-space:nowrap}.btn-primary{font-size:.85rem;margin-top:8px;padding:8px 12px;width:100%}.admin-tasks-page .kanban-column .column-header,.tasks-page.admin-tasks-page .kanban-column .column-header{display:none!important}.admin-tasks-page .tasks-table-header{flex-direction:column;gap:12px;padding:12px}.admin-tasks-page .table-controls{flex-direction:column;gap:8px;width:100%}.admin-tasks-page .search-input{font-size:14px;width:100%!important}.admin-tasks-page .refresh-btn{padding:10px;width:100%}.admin-tasks-page .table-wrapper{overflow-x:visible}.admin-tasks-page .tasks-table{display:block}.admin-tasks-page .tasks-table thead{display:none}.admin-tasks-page .tasks-table tbody{display:block}.admin-tasks-page .tasks-table tr{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:block;margin-bottom:16px;padding:16px}.admin-tasks-page .tasks-table td{border:none!important;display:block;padding:8px 0!important;text-align:left!important}.admin-tasks-page .tasks-table td:before{color:#1e3c72;content:attr(data-label);display:block;font-size:12px;font-weight:600;margin-bottom:4px;text-transform:uppercase}.admin-tasks-page .tasks-table td:first-child,.admin-tasks-page .tasks-table td:last-child{border-radius:0}.admin-tasks-page .analytics-view{padding:12px 0}.admin-tasks-page .analytics-grid{gap:16px;grid-template-columns:1fr}.admin-tasks-page .analytics-card{border-radius:12px;padding:16px}.admin-tasks-page .analytics-card h3{font-size:16px;margin-bottom:16px}.admin-tasks-page .priority-bars{height:200px;padding:15px 10px 50px}.admin-tasks-page .priority-bar-container{max-width:60px}.admin-tasks-page .priority-bar-wrapper{height:120px;margin-bottom:10px;width:38px}.admin-tasks-page .priority-bar-count{font-size:12px}.admin-tasks-page .priority-icon{font-size:14px}.admin-tasks-page .priority-text{font-size:10px}.admin-tasks-page .priority-percentage{font-size:9px;padding:1px 3px}.admin-tasks-page .priority-summary{padding:12px}.admin-tasks-page .summary-label{font-size:12px}.admin-tasks-page .summary-count{font-size:20px}.admin-tasks-page .department-chart{gap:12px}.admin-tasks-page .dept-stat{align-items:stretch;flex-direction:column;gap:10px;padding:12px}.admin-tasks-page .dept-name{font-size:14px;min-width:auto}.admin-tasks-page .dept-name:before{font-size:16px}.admin-tasks-page .dept-count{align-self:flex-start;font-size:14px;min-width:auto}.admin-tasks-page .dept-bar{height:20px;width:100%}.admin-tasks-page .dept-percentage{align-self:flex-end;font-size:13px}.admin-tasks-page .employee-stat-row{gap:12px;grid-template-columns:1fr;padding:14px}.admin-tasks-page .employee-info .emp-name{font-size:14px}.admin-tasks-page .employee-info .emp-dept{font-size:12px}.admin-tasks-page .task-counts{flex-wrap:wrap;gap:8px}.admin-tasks-page .count-badge{font-size:12px;padding:5px 10px}.admin-tasks-page .completion-rate{align-items:stretch;flex-direction:column;gap:8px}.admin-tasks-page .rate-bar{height:10px}.admin-tasks-page .rate-percentage{align-self:flex-end;font-size:14px}.admin-tasks-page .report-view.compact{padding:12px}.admin-tasks-page .report-header-compact{flex-direction:column;gap:12px;padding:12px}.admin-tasks-page .report-title-compact{align-items:flex-start;flex-direction:column;gap:6px;width:100%}.admin-tasks-page .report-title-compact h2{font-size:16px}.admin-tasks-page .report-date-compact{font-size:11px}.admin-tasks-page .report-summary-inline{flex-wrap:wrap;gap:8px;width:100%}.admin-tasks-page .summary-item{flex:1 1;min-width:calc(50% - 4px);padding:8px}.admin-tasks-page .summary-item .summary-number{font-size:16px}.admin-tasks-page .summary-item .summary-label{font-size:9px}.admin-tasks-page .btn-print-compact{font-size:13px;padding:10px 16px;width:100%}.admin-tasks-page .department-report-section{margin-bottom:16px;padding:12px}.admin-tasks-page .department-section-header{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:12px;padding-bottom:8px}.admin-tasks-page .department-section-header h3{font-size:16px}.admin-tasks-page .dept-employee-count{font-size:11px;padding:3px 10px}.admin-tasks-page .department-report-section .employee-reports-grid,.admin-tasks-page .employee-reports-grid{gap:12px;grid-template-columns:1fr}.admin-tasks-page .department-report-section .employee-report-card-compact,.admin-tasks-page .employee-report-card-compact{padding:12px}.admin-tasks-page .employee-header-compact{align-items:flex-start;flex-direction:column;gap:8px}.admin-tasks-page .employee-info-compact{gap:8px}.admin-tasks-page .employee-name-compact h4{font-size:13px}.admin-tasks-page .department-compact{font-size:10px}.admin-tasks-page .metrics-compact{text-align:left;width:100%}.admin-tasks-page .metric-compact{flex-direction:row;justify-content:space-between}.admin-tasks-page .metric-compact .metric-value{font-size:14px}.admin-tasks-page .metric-compact .metric-label{font-size:9px}.admin-tasks-page .status-row-compact{gap:4px}.admin-tasks-page .status-chip{font-size:9px;min-width:30px;padding:3px 6px}.admin-tasks-page .status-chip .count{font-size:11px}.admin-tasks-page .priority-row-compact{gap:3px}.admin-tasks-page .priority-chip{font-size:9px;padding:2px 5px}.admin-tasks-page .priority-chip .priority-icon{font-size:7px}.admin-tasks-page .issues-compact{gap:4px;margin-top:6px}.admin-tasks-page .issue-badge{font-size:8px;padding:2px 5px}.admin-tasks-page .efficiency-section{margin:20px 0;padding:12px}.admin-tasks-page .efficiency-section h3{font-size:16px;margin-bottom:12px}.admin-tasks-page .efficiency-grid{gap:12px;grid-template-columns:1fr}.admin-tasks-page .report-footer-compact{margin-top:16px;padding:12px}.admin-tasks-page .footer-text{font-size:10px}}@media (max-width:480px){.admin-main-content{padding:8px}.content-header{margin:-8px -8px 8px;padding:8px}.content-header h1{font-size:1.1rem}.date-range-btn,.view-btn{font-size:.7rem;padding:6px 8px}.admin-tasks-page .analytics-card{padding:12px}.admin-tasks-page .analytics-card h3{font-size:14px;margin-bottom:12px}.admin-tasks-page .priority-bars{height:180px;padding:12px 8px 40px}.admin-tasks-page .priority-bar-container{max-width:50px}.admin-tasks-page .priority-bar-wrapper{height:100px;margin-bottom:8px;width:32px}.admin-tasks-page .priority-bar-count{font-size:11px}.admin-tasks-page .priority-icon{font-size:12px}.admin-tasks-page .priority-text{font-size:9px}.admin-tasks-page .priority-percentage{font-size:8px}.admin-tasks-page .summary-label{font-size:11px}.admin-tasks-page .summary-count{font-size:18px}.admin-tasks-page .dept-stat{padding:10px}.admin-tasks-page .dept-count,.admin-tasks-page .dept-name{font-size:13px}.admin-tasks-page .dept-percentage{font-size:12px}.admin-tasks-page .employee-stat-row{padding:12px}.admin-tasks-page .employee-info .emp-name{font-size:13px}.admin-tasks-page .employee-info .emp-dept{font-size:11px}.admin-tasks-page .count-badge{font-size:11px;padding:4px 8px}.admin-tasks-page .report-view.compact{padding:10px}.admin-tasks-page .report-header-compact{gap:10px;padding:10px}.admin-tasks-page .report-title-compact h2{font-size:14px}.admin-tasks-page .report-date-compact{font-size:10px;padding:3px 6px}.admin-tasks-page .summary-item{padding:6px}.admin-tasks-page .summary-item .summary-number{font-size:14px}.admin-tasks-page .summary-item .summary-label{font-size:8px}.admin-tasks-page .btn-print-compact{font-size:12px;padding:8px 12px}.admin-tasks-page .department-report-section{padding:10px}.admin-tasks-page .department-section-header h3{font-size:14px}.admin-tasks-page .dept-employee-count{font-size:10px;padding:2px 8px}.admin-tasks-page .department-report-section .employee-report-card-compact,.admin-tasks-page .employee-report-card-compact{padding:10px}.admin-tasks-page .employee-name-compact h4{font-size:12px}.admin-tasks-page .department-compact{font-size:9px}.admin-tasks-page .metric-compact .metric-value{font-size:13px}.admin-tasks-page .metric-compact .metric-label{font-size:8px}.admin-tasks-page .status-chip{font-size:8px;padding:2px 5px}.admin-tasks-page .status-chip .count{font-size:10px}.admin-tasks-page .priority-chip{font-size:8px;padding:2px 4px}.admin-tasks-page .issue-badge{font-size:7px;padding:1px 4px}.admin-tasks-page .efficiency-section{padding:10px}.admin-tasks-page .efficiency-section h3{font-size:14px}.admin-tasks-page .footer-text{font-size:9px}}.admin-tasks-page .task-detail-content{display:block;max-height:calc(90vh - 140px);overflow-y:auto;padding:16px}.admin-tasks-page .task-detail-table{border-collapse:collapse;font-size:.9rem;margin-bottom:16px;width:100%}.admin-tasks-page .task-detail-table th{background:#f1f5f9;font-weight:600;text-align:left;width:100px}.admin-tasks-page .task-detail-table td,.admin-tasks-page .task-detail-table th{border:1px solid #e2e8f0;color:#374151;padding:10px 12px;vertical-align:top}.admin-tasks-page .task-detail-table .task-title-cell{color:#1e3c72;font-size:1.1rem;font-weight:600}.admin-tasks-page .task-detail-table .task-content-cell{line-height:1.6;min-height:100px;white-space:pre-wrap;word-break:break-word}.admin-tasks-page .task-detail-table select{border:1px solid #d1d5db;border-radius:4px;font-size:.85rem;padding:4px 8px}.admin-tasks-page .task-detail-table .assignee-badge{align-items:center;background-color:#007bff;border-radius:10px;color:#fff;display:inline-flex;font-size:11px;margin:2px;padding:2px 6px}.admin-tasks-page .task-detail-table .priority-badge{font-size:.8rem;padding:3px 8px}.admin-sidebar-toggle{align-items:center;align-self:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:44px;justify-content:center;margin:8px 6px 0 0;transition:background .15s,color .15s;width:22px}.admin-sidebar-toggle:hover{background:#eef2f7;color:#1e293b}.admin-layout.sidebar-collapsed .admin-sidebar{display:none}.admin-sidebar .sidebar-section{padding:10px 12px}.admin-sidebar .sidebar-title{font-size:14px;margin-bottom:8px}.admin-sidebar .employee-list{gap:3px}.admin-sidebar .employee-item{border-radius:7px;width:100%}.admin-sidebar .employee-avatar:not(.profile-image-container){font-size:12px;height:28px;width:28px}.admin-sidebar .employee-item .profile-image{height:28px!important;width:28px!important}.admin-sidebar .employee-detail{font-size:10.5px}.admin-sidebar .task-count{font-size:11px;min-width:20px;padding:2px 7px}.admin-sidebar .department-group{margin-bottom:6px}.admin-sidebar .department-header{font-size:12.5px;margin-bottom:4px;padding:6px 34px 6px 10px}.admin-sidebar .sidebar-section{padding:8px 10px}.admin-sidebar .sidebar-title{font-size:13px;margin-bottom:6px}.admin-sidebar .employee-list{gap:1px}.admin-sidebar .employee-item{background:#0000;border:none;border-radius:6px;gap:8px;padding:5px 8px}.admin-sidebar .employee-item:hover{background:#f1f5f9;box-shadow:none;transform:none}.admin-sidebar .employee-item.active{border:none}.admin-sidebar .employee-avatar:not(.profile-image-container){font-size:11px;height:26px;width:26px}.admin-sidebar .employee-item .profile-image{height:26px!important;width:26px!important}.admin-sidebar .employee-name{font-size:12.5px}.admin-sidebar .employee-detail{font-size:10px;opacity:.6}.admin-sidebar .task-count{font-size:10.5px;min-width:18px;padding:1px 6px}.admin-sidebar .department-group{margin-bottom:4px}.admin-sidebar .department-header{background:#f1f5f9;border-radius:6px;font-size:12px;margin-bottom:2px;padding:5px 30px 5px 8px}.admin-sidebar .employee-list{gap:2px}.admin-sidebar .employee-item{padding:6px 8px}.admin-sidebar .employee-item:hover{background:#eef4ff}.admin-sidebar .employee-item.active{background:#2563eb;box-shadow:0 1px 4px #2563eb4d}.admin-sidebar .task-count{background:#e0ebff;border-radius:999px;color:#2563eb;font-weight:700}.admin-sidebar .task-count.zero{background:#eef1f5;color:#b0b8c4}.admin-sidebar .employee-item.active .task-count{background:#ffffff40;color:#fff}.admin-sidebar .employee-name{color:#1e293b;font-size:13px;font-weight:600}.admin-sidebar .employee-item.active .employee-detail,.admin-sidebar .employee-item.active .employee-name{color:#fff}.admin-sidebar .employee-detail{color:#94a3b8;font-size:11px;opacity:1}.admin-sidebar .department-header{background:#f3f5f9;color:#475569;font-weight:700}.admin-sidebar .employee-list{padding-right:2px}.admin-sidebar .employee-item{box-sizing:border-box;overflow:visible;padding:6px 10px}.admin-sidebar .employee-info{flex:1 1 auto;min-width:0}.admin-sidebar .task-count{flex-shrink:0;margin-left:auto}@media (max-width:768px){.admin-sidebar-toggle{background:#2563eb;border:none;border-radius:24px;bottom:20px;box-shadow:0 4px 14px #2563eb73;color:#fff;display:flex!important;font-size:14px;height:48px;margin:0;position:fixed!important;right:16px;top:auto!important;width:auto;z-index:1100}.admin-layout:not(.sidebar-collapsed) .admin-sidebar{bottom:0;box-shadow:6px 0 24px #00000040;display:flex!important;left:0;max-width:85vw;position:fixed;top:56px;width:280px;z-index:1000}.admin-layout.sidebar-collapsed .admin-sidebar{display:none!important}}.tasks-page.admin-tasks-page.user-tasks-page:has(.admin-layout){padding:0!important}.tasks-page.admin-tasks-page.user-tasks-page .content-header{position:static!important}.sidebar-toggle-text{display:none}@media (max-width:768px){.admin-sidebar-toggle{gap:4px;padding:0 20px!important;width:auto!important}.admin-sidebar-toggle .sidebar-toggle-arrow{display:none}.admin-sidebar-toggle .sidebar-toggle-text{display:inline;font-size:14px;font-weight:700;white-space:nowrap}.admin-tasks-page .admin-main-content{padding:8px!important}.admin-tasks-page .content-header{gap:8px!important;margin:-8px -8px 8px!important;padding:10px!important}.admin-tasks-page .content-header h1{font-size:1.1rem!important}.admin-tasks-page .content-header .btn-primary{font-size:.85rem!important;margin-top:4px!important;padding:7px 12px!important}.admin-tasks-page .date-filter-container{gap:6px!important;padding:6px 8px!important}.admin-tasks-page .date-range-btn{font-size:11.5px!important;padding:4px 9px!important}.admin-tasks-page .mobile-kanban-tabs{margin-bottom:8px!important}.admin-tasks-page .kanban-tasks-list{gap:6px!important;padding:6px!important}.admin-tasks-page .task-card-v2{padding:10px 12px!important}.admin-tasks-page .kanban-tasks-list{gap:5px!important;padding:5px!important}.admin-tasks-page .task-card-v2{border-radius:8px!important;padding:8px 10px!important}.admin-tasks-page .task-card-header{border-bottom:none!important;margin-bottom:5px!important;padding-bottom:0!important}.admin-tasks-page .task-card-title{margin-bottom:3px!important;padding-bottom:0!important}.admin-tasks-page .task-card-title h4{font-size:13px!important;line-height:1.35!important}.admin-tasks-page .task-card-content,.admin-tasks-page .task-card-v2 .task-description{font-size:12px!important;line-height:1.4!important;margin:0!important}.admin-tasks-page .task-prio{font-size:11px!important;padding:3px 8px!important}.admin-tasks-page .content-header>div{gap:6px!important}.admin-tasks-page .date-filter-container{gap:5px!important;margin:0!important;padding:5px 6px!important}.admin-tasks-page .date-range-buttons{gap:4px!important}.admin-tasks-page .date-filter{margin:0!important}.admin-tasks-page .date-input{font-size:12px!important;height:auto!important;padding:5px 8px!important}.admin-tasks-page .header-actions{gap:6px!important;margin:0!important}.admin-tasks-page .content-header .btn-primary{margin-top:0!important;padding:6px 12px!important}.admin-tasks-page .kanban-board{margin-top:4px!important}.admin-tasks-page .content-header{margin-bottom:0!important}.admin-tasks-page .header-actions{margin:0!important}.admin-tasks-page .content-header .btn-primary{margin-bottom:0!important;margin-top:6px!important}.admin-tasks-page .admin-main-content{padding-top:0!important}.admin-tasks-page .kanban-board{margin-top:0!important;padding-top:8px!important}.admin-tasks-page .mobile-kanban-tabs{margin-bottom:6px!important;margin-top:0!important}}@media (max-width:768px){.admin-tasks-page:has(.modal-overlay) .admin-sidebar-toggle,.admin-tasks-page:has(.task-detail-modal-overlay) .admin-sidebar-toggle{display:none!important}}@media (max-width:768px){.admin-tasks-page .kanban-tasks-list{gap:4px!important;padding:4px!important}.admin-tasks-page .task-card-v2{padding:7px 9px!important}.admin-tasks-page .task-card-header{margin-bottom:4px!important}.admin-tasks-page .task-card-title{margin-bottom:2px!important}.admin-tasks-page .task-card-footer,.admin-tasks-page .task-card-meta{margin-top:4px!important;padding-top:4px!important}.admin-tasks-page .mobile-kanban-tabs{margin-bottom:4px!important}.admin-tasks-page .kanban-board{padding:4px 6px!important}.admin-tasks-page .kanban-column,.admin-tasks-page .kanban-tasks-container{padding:0!important}}body.dark .admin-tasks-page .assignee-name{background:#22304a!important;color:#dce6f2!important}body.dark .admin-tasks-page .assignee-avatar-img,body.dark .admin-tasks-page .assignee-info img{border-color:#2a3b55!important}body.dark .admin-tasks-page .content-header h1,body.dark .tasks-page.admin-tasks-page.user-tasks-page .content-header h1{color:#eaf0f8!important}body.dark .admin-main-content .analytics-view,body.dark .admin-main-content .individual-view,body.dark .admin-main-content .kanban-board,body.dark .admin-main-content .report-view,body.dark .admin-main-content .tasks-list{background:#111a28!important;border:1px solid #26344a!important;box-shadow:none!important}body.dark .admin-main-content{background:#0e1622!important}body.dark .admin-sidebar{background:#141d2b!important;border-right-color:#26344a!important;box-shadow:none!important}body.dark .admin-tasks-page .attention-section,body.dark .admin-tasks-page .category-analysis-section,body.dark .admin-tasks-page .chart-container,body.dark .admin-tasks-page .department-report-section,body.dark .admin-tasks-page .efficiency-section,body.dark .admin-tasks-page .employee-detail-report,body.dark .admin-tasks-page .exception-modal-details,body.dark .admin-tasks-page .monthly-stats-section,body.dark .admin-tasks-page .table-wrapper,body.dark .admin-tasks-page .tasks-table-container{background:#141d2b!important;border-color:#26344a!important;box-shadow:none!important}body.dark .admin-tasks-page .analytics-card,body.dark .admin-tasks-page .attention-card,body.dark .admin-tasks-page .attention-item,body.dark .admin-tasks-page .category-progress,body.dark .admin-tasks-page .category-stat-item,body.dark .admin-tasks-page .department-compact,body.dark .admin-tasks-page .department-report-section .employee-report-card-compact,body.dark .admin-tasks-page .efficiency-card,body.dark .admin-tasks-page .employee-report-card-compact,body.dark .admin-tasks-page .exception-modal-item,body.dark .admin-tasks-page .kanban-task-card.compact,body.dark .admin-tasks-page .kanban-task-card.compact.priority-bg-high,body.dark .admin-tasks-page .kanban-task-card.compact.priority-bg-low,body.dark .admin-tasks-page .kanban-task-card.compact.priority-bg-normal,body.dark .admin-tasks-page .kanban-task-card.compact.priority-bg-urgent,body.dark .admin-tasks-page .summary-item{background:#18253a!important;border-color:#2a3b55!important;color:#dce6f2!important}body.dark .admin-tasks-page .attention-item:hover,body.dark .admin-tasks-page .kanban-task-card.compact:hover{background:#1f2f49!important}body.dark .admin-sidebar .department-header,body.dark .department-header{background:#1b2839!important;border-color:#26344a!important;color:#c4d0e0!important}body.dark .admin-sidebar .employee-item:hover{background:#1f2f49!important}body.dark .admin-sidebar .task-count{background:#22304a!important;color:#c4d0e0!important}body.dark .admin-sidebar .task-count.zero{background:#1b2839!important;color:#6f8098!important}body.dark .admin-tasks-page .content-header{background:#0000!important}body.dark .admin-tasks-page .date-filter-container{background:#1b2839!important;border-color:#2c3b52!important}body.dark .admin-tasks-page .search-input{background:#0f1a2a!important;border-color:#2c3b52!important;color:#e7edf5!important}body.dark .admin-tasks-page .tasks-table tr{background:#0000!important}body.dark .admin-tasks-page .tasks-table td{background:#0000!important;border-color:#22304a!important;color:#d7e0ec!important}body.dark .admin-tasks-page .task-row:hover,body.dark .admin-tasks-page .tasks-table tr:hover{background:#1b2a40!important}body.dark .admin-tasks-page .task-detail-table th{background:#1b2839!important;border-color:#26344a!important;color:#c4d0e0!important}body.dark .admin-tasks-page .task-description,body.dark .admin-tasks-page .task-description-preview{color:#b7c4d8!important}body.dark .admin-tasks-page .date-cell,body.dark .admin-tasks-page .report-date-compact{color:#c4d0e0!important}body.dark .admin-tasks-page .dept-bar,body.dark .admin-tasks-page .total-bar{background:#22304a!important}body.dark .admin-tasks-page .delay-days,body.dark .admin-tasks-page .dept-count,body.dark .admin-tasks-page .dept-percentage,body.dark .admin-tasks-page .emp-dept{color:#9daac0!important}body.dark .admin-sidebar .employee-name,body.dark .admin-tasks-page .employee-info .emp-name,body.dark .admin-tasks-page .employee-name,body.dark .admin-tasks-page .employee-name-compact h4,body.dark .admin-tasks-page .employee-name-info h4{color:#eaf0f8!important}body.dark .admin-sidebar .employee-detail,body.dark .admin-tasks-page .employee-detail{color:#9daac0!important}body.dark .admin-tasks-page .task-card-header h4,body.dark .admin-tasks-page .task-card-title,body.dark .admin-tasks-page .task-card-title h4,body.dark .admin-tasks-page .task-title,body.dark .admin-tasks-page .task-title-mini,body.dark .admin-tasks-page .task-title-text{color:#eff3fa!important}body.dark .admin-tasks-page .task-card-content,body.dark .admin-tasks-page .task-card-v2 .task-description,body.dark .admin-tasks-page .task-description-preview{color:#b7c4d8!important}body.dark .admin-sidebar .employee-info,body.dark .admin-tasks-page .employee-info{background:#0000!important}body.dark .admin-tasks-page .task-card-content,body.dark .admin-tasks-page .task-card-content .task-description,body.dark .admin-tasks-page .task-card-footer,body.dark .admin-tasks-page .task-card-header,body.dark .admin-tasks-page .task-card-title,body.dark .admin-tasks-page .task-card-v2 .task-card-content,body.dark .admin-tasks-page .task-card-v2 .task-card-header,body.dark .admin-tasks-page .task-card-v2 .task-card-title,body.dark .admin-tasks-page .task-card-v2 .task-description,body.dark .admin-tasks-page .task-description,body.dark .admin-tasks-page .task-description-preview,body.dark .tasks-page.admin-tasks-page.user-tasks-page .task-card-content .task-description,body.dark .tasks-page.admin-tasks-page.user-tasks-page .task-card-v2 .task-card-content,body.dark .tasks-page.admin-tasks-page.user-tasks-page .task-card-v2 .task-description{background:#0000!important;border:none!important;box-shadow:none!important}body.dark .admin-tasks-page .task-title-cell,body.dark .admin-tasks-page .tasks-table .task-title-cell,body.dark .tasks-page.admin-tasks-page .task-title-cell{color:#eff3fa!important}.search-page .page-header{margin-bottom:10px!important;padding:12px 16px!important}.search-page .search-filters{margin-bottom:12px!important;padding:12px 14px!important}.search-page .tasks-table th{padding:8px 10px!important}.search-page .tasks-table td{padding:6px 10px!important}.search-page .tasks-table-container{margin-top:0!important}.search-page .search-pagination{align-items:center;display:flex;gap:6px;justify-content:center;padding:14px 8px}.search-page .search-pagination button{background:#fff;border:1px solid #d1d5db;border-radius:7px;color:#374151;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px}.search-page .search-pagination button:hover:not(:disabled){border-color:#2b6ae8;color:#2b6ae8}.search-page .search-pagination button:disabled{cursor:not-allowed;opacity:.45}.search-page .search-pagination-info{color:#475569;font-weight:700;padding:0 8px}body.dark .search-page .search-filters{background:#141d2b!important;border-color:#26344a!important}body.dark .search-page .search-pagination button{background:#1b2839!important;border-color:#2c3b52!important;color:#c4d0e0!important}body.dark .search-page .search-pagination button:hover:not(:disabled){border-color:#5b8cf0!important;color:#dce8ff!important}body.dark .search-page .search-pagination-info{color:#c4d0e0!important}body.dark .search-page .modal-overlay{background:#0009!important}body.dark .search-page .modal,body.dark .search-page .modal.task-detail-modal{background:#141d2b!important;border-color:#26344a!important;color:#e7edf5!important}body.dark .search-page .modal-header{background:#141d2b!important;border-bottom-color:#26344a!important}body.dark .search-page .modal-header h2{color:#eaf0f8!important}body.dark .search-page .close-btn{color:#c4d0e0!important}body.dark .search-page .modal-footer{background:#141d2b!important;border-top-color:#26344a!important}body.dark .search-page .task-content-section,body.dark .search-page .task-detail-content,body.dark .search-page .task-detail-header,body.dark .search-page .task-detail-main,body.dark .search-page .task-detail-sidebar,body.dark .search-page .task-detail-sidebar *{background:#0000!important;border-color:#26344a!important;color:#d7e0ec!important}body.dark .search-page .task-content-section h4,body.dark .search-page .task-detail-header h3{color:#eaf0f8!important}body.dark .search-page .task-description{background:#0000!important;border-color:#26344a!important;color:#c8d3e2!important}body.dark .search-page .task-detail-sidebar .info-card,body.dark .search-page .task-detail-sidebar [class*=card],body.dark .search-page .task-detail-sidebar [class*=section]{background:#18253a!important;border-color:#2a3b55!important}.search-page .task-content-section,.search-page .task-content-section .task-description,.search-page .task-detail-main .task-description{-webkit-line-clamp:unset!important;-webkit-box-orient:unset!important;display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;white-space:pre-wrap!important;word-break:break-word!important}body.dark .search-page .task-detail-actions,body.dark .task-detail-actions{background:#141d2b!important;border-top-color:#26344a!important}.search-page .task-detail-sidebar{display:flex!important;flex-wrap:wrap;gap:10px;margin-top:12px}.search-page .task-detail-sidebar .sidebar-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;flex:1 1 200px;min-width:180px;padding:12px 14px}.search-page .task-detail-sidebar .sidebar-section h4{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.04em;margin:0 0 10px;text-transform:uppercase}.search-page .sidebar-info-grid{display:flex;flex-direction:column;gap:8px}.search-page .sidebar-info-item{align-items:center;display:flex;gap:10px;justify-content:space-between}.search-page .sidebar-info-label{color:#64748b;flex:none;font-size:12px;font-weight:600}.search-page .sidebar-info-value{color:#1e293b;font-size:13px;font-weight:600;min-width:0;text-align:right}.search-page .sidebar-info-value .profile-image-inline{justify-content:flex-end}body.dark .search-page .task-detail-sidebar .sidebar-section{background:#18253a!important;border-color:#2a3b55!important}body.dark .search-page .sidebar-info-label,body.dark .search-page .task-detail-sidebar .sidebar-section h4{color:#9daac0!important}body.dark .search-page .sidebar-info-value{color:#eaf0f8!important}body.dark .admin-tasks-page .kanban-board .mobile-kanban-tabs,body.dark .admin-tasks-page .mobile-kanban-tabs,body.dark div.tasks-page.admin-tasks-page .mobile-kanban-tabs{background:#141d2b!important;border:1px solid #26344a!important}body.dark .admin-tasks-page .mobile-kanban-tab,body.dark .admin-tasks-page .mobile-kanban-tabs button{background:#0000!important;color:#9daac0!important}body.dark .admin-tasks-page .mobile-kanban-tab.active,body.dark .admin-tasks-page .mobile-kanban-tabs button.active{background:#1c2e50!important;color:#eaf0f8!important}@media (max-width:768px){.tasks-page.admin-tasks-page{padding:12px 12px 80px}.tasks-page.admin-tasks-page .page-header{align-items:stretch;flex-direction:column;gap:14px;margin-bottom:18px;padding-bottom:14px}.tasks-page.admin-tasks-page .page-header h1{font-size:1.3rem;text-align:center}.tasks-page.admin-tasks-page .date-and-view{display:flex;flex-direction:column;gap:12px;width:100%}.tasks-page.admin-tasks-page .date-filter-container{flex-direction:column;gap:10px;padding:12px;width:100%}.tasks-page.admin-tasks-page .date-range-buttons{-ms-overflow-style:none;flex-wrap:nowrap;gap:6px;overflow-x:auto;padding:4px;scrollbar-width:none;width:100%}.tasks-page.admin-tasks-page .date-range-buttons::-webkit-scrollbar{display:none}.tasks-page.admin-tasks-page .date-range-btn{flex-shrink:0;font-size:12px;min-width:-webkit-fit-content;min-width:fit-content;padding:10px 16px;white-space:nowrap}.tasks-page.admin-tasks-page .date-filter{flex-direction:row;gap:10px;width:100%}.tasks-page.admin-tasks-page .date-input{flex:1 1;font-size:14px;height:auto;min-width:0;padding:10px}.tasks-page.admin-tasks-page .clear-date-btn{font-size:12px;height:auto;min-width:-webkit-fit-content;min-width:fit-content;padding:10px 14px}.tasks-page.admin-tasks-page .header-actions{flex-direction:column;gap:12px;width:100%}.tasks-page.admin-tasks-page .view-toggle{display:none!important}.tasks-page.admin-tasks-page .view-btn{flex:1 1;font-size:13px;min-height:44px;padding:12px;text-align:center}.tasks-page.admin-tasks-page .action-buttons{display:flex;flex-direction:column;gap:10px;width:100%}.tasks-page.admin-tasks-page .report-controls{display:flex;gap:10px;width:100%}.tasks-page.admin-tasks-page .report-controls button{flex:1 1;font-size:12px;min-height:44px;padding:12px;white-space:nowrap}.tasks-page.admin-tasks-page .btn-primary{font-size:14px;font-weight:600;min-height:48px;padding:14px 18px;width:100%}.tasks-page.admin-tasks-page .btn-secondary{font-size:12px;min-height:44px;padding:12px}.tasks-page.admin-tasks-page .tasks-stats{flex-wrap:wrap;gap:12px;justify-content:space-around;margin-bottom:18px;padding:16px 12px}.tasks-page.admin-tasks-page .stat-item{flex:1 1;min-width:calc(50% - 12px);padding:12px}.tasks-page.admin-tasks-page .stat-number{font-size:1.8rem;margin-bottom:4px}.tasks-page.admin-tasks-page .stat-label{font-size:.85rem}.tasks-page.admin-tasks-page .task-tabs{-ms-overflow-style:none;gap:6px;margin-bottom:18px;overflow-x:auto;padding:6px;scrollbar-width:none}.tasks-page.admin-tasks-page .task-tabs::-webkit-scrollbar{display:none}.tasks-page.admin-tasks-page .tab{flex-shrink:0;font-size:13px;min-height:44px;min-width:-webkit-fit-content;min-width:fit-content;padding:12px 18px}.tasks-page.admin-tasks-page .mobile-kanban-tabs{background:#f1f5f9;border-radius:12px;display:flex!important;gap:6px;margin-bottom:16px;padding:6px}.tasks-page.admin-tasks-page .mobile-kanban-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:500;justify-content:center;min-height:48px;padding:14px 10px;transition:all .2s;white-space:nowrap}.tasks-page.admin-tasks-page .mobile-kanban-tab:active{transform:scale(.98)}.tasks-page.admin-tasks-page .mobile-kanban-tab.active{background:#fff;box-shadow:0 2px 8px #0000001a;font-weight:600}.tasks-page.admin-tasks-page .mobile-kanban-tab.requested.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.tasks-page.admin-tasks-page .mobile-kanban-tab.in-progress.active{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.tasks-page.admin-tasks-page .mobile-kanban-tab.completed.active{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.tasks-page.admin-tasks-page .kanban-columns{display:block;gap:0;overflow-x:hidden;width:100%}.tasks-page.admin-tasks-page .kanban-column{display:none!important;margin-bottom:16px;min-height:auto}.tasks-page.admin-tasks-page .kanban-column.mobile-active{display:block!important}.tasks-page.admin-tasks-page .kanban-column .column-header{display:none}.tasks-page.admin-tasks-page .kanban-tasks-list{gap:12px;padding:0}.tasks-page.admin-tasks-page .task-card-v2{border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:12px;padding:16px}.tasks-page.admin-tasks-page .task-card-v2:active{transform:scale(.98)}.tasks-page.admin-tasks-page .task-card-header{align-items:center;flex-direction:row;gap:10px;justify-content:space-between;margin-bottom:12px}.tasks-page.admin-tasks-page .priority-indicator{flex-shrink:0;gap:6px}.tasks-page.admin-tasks-page .priority-icon{font-size:16px}.tasks-page.admin-tasks-page .priority-text{font-size:11px;font-weight:600}.tasks-page.admin-tasks-page .assignee-info{flex-shrink:1;gap:6px;min-width:0}.tasks-page.admin-tasks-page .assignee-name{font-size:10px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tasks-page.admin-tasks-page .task-card-title h4{font-size:1rem;line-height:1.4;margin-bottom:10px;word-break:keep-all}.tasks-page.admin-tasks-page .task-card-content{font-size:.85rem;line-height:1.5}.tasks-page.admin-tasks-page .exception-line{margin-bottom:6px;padding:6px 8px}.tasks-page.admin-tasks-page .tasks-table-container{border:1px solid #ddd!important;margin-bottom:20px;overflow-x:visible!important}.tasks-page.admin-tasks-page .tasks-table{display:block!important;width:100%!important}.tasks-page.admin-tasks-page .tasks-table thead{display:block!important}.tasks-page.admin-tasks-page .tasks-table thead tr{grid-gap:1px!important;background:#ddd!important;display:grid!important;gap:1px!important;grid-template-columns:1fr 1fr 1fr!important}.tasks-page.admin-tasks-page .tasks-table thead th{align-items:center!important;background:#4472c4!important;border:none!important;color:#fff!important;display:flex!important;font-size:12px!important;font-weight:600!important;justify-content:center!important;min-height:40px!important;padding:10px!important;text-align:center!important}.tasks-page.admin-tasks-page .tasks-table thead th:first-child{grid-column:1/2!important}.tasks-page.admin-tasks-page .tasks-table thead th:nth-child(2){grid-column:2/3!important}.tasks-page.admin-tasks-page .tasks-table thead th:nth-child(3){grid-column:3/4!important}.tasks-page.admin-tasks-page .tasks-table thead th:nth-child(4){grid-column:1/4!important}.tasks-page.admin-tasks-page .tasks-table thead th:nth-child(5){grid-column:1/2!important}.tasks-page.admin-tasks-page .tasks-table thead th:nth-child(6){grid-column:2/3!important}.tasks-page.admin-tasks-page .tasks-table thead th:nth-child(7){grid-column:3/4!important}.tasks-page.admin-tasks-page .tasks-table thead th:nth-child(8){grid-column:1/2!important}.tasks-page.admin-tasks-page .tasks-table thead th:nth-child(9){grid-column:2/4!important}.tasks-page.admin-tasks-page .tasks-table tbody{display:block!important}.tasks-page.admin-tasks-page .tasks-table tbody tr{grid-gap:1px!important;background:#ddd!important;border-bottom:1px solid #ddd!important;display:grid!important;gap:1px!important;grid-template-columns:1fr 1fr 1fr!important}.tasks-page.admin-tasks-page .tasks-table tbody td{align-items:center!important;background:#fff!important;border:none!important;display:flex!important;font-size:12px!important;justify-content:center!important;min-height:40px!important;padding:10px!important;text-align:center!important}.tasks-page.admin-tasks-page .tasks-table tbody td:first-child{grid-column:1/2!important}.tasks-page.admin-tasks-page .tasks-table tbody td:nth-child(2){grid-column:2/3!important}.tasks-page.admin-tasks-page .tasks-table tbody td:nth-child(3){grid-column:3/4!important}.tasks-page.admin-tasks-page .tasks-table tbody td:nth-child(4){grid-column:1/4!important;min-height:50px!important;text-align:left!important}.tasks-page.admin-tasks-page .tasks-table tbody td:nth-child(5){grid-column:1/2!important}.tasks-page.admin-tasks-page .tasks-table tbody td:nth-child(6){grid-column:2/3!important}.tasks-page.admin-tasks-page .tasks-table tbody td:nth-child(7){grid-column:3/4!important}.tasks-page.admin-tasks-page .tasks-table tbody td:nth-child(8){grid-column:1/2!important}.tasks-page.admin-tasks-page .tasks-table tbody td:nth-child(9){grid-column:2/4!important}.tasks-page.admin-tasks-page .tasks-table .task-title-cell{font-size:13px!important;font-weight:600!important;overflow:visible!important;text-align:left!important;white-space:normal!important;width:100%!important}.tasks-page.admin-tasks-page .tasks-table .category-badge,.tasks-page.admin-tasks-page .tasks-table .priority-badge,.tasks-page.admin-tasks-page .tasks-table .status-badge{border-radius:4px!important;font-size:11px!important;font-weight:600!important;min-width:60px!important;padding:4px 10px!important}.tasks-page.admin-tasks-page .tasks-table .status-select{border-radius:4px!important;font-size:11px!important;max-width:100px!important;padding:5px 8px!important;width:100%!important}.tasks-page.admin-tasks-page .tasks-table .task-detail-btn{border-radius:4px!important;font-size:12px!important;padding:8px 16px!important;width:100%!important}.tasks-page.admin-tasks-page .tasks-table .profile-image,.tasks-page.admin-tasks-page .tasks-table .profile-placeholder{font-size:10px!important;height:24px!important;min-height:24px!important;min-width:24px!important;width:24px!important}.tasks-page.admin-tasks-page .task-item{border-radius:10px;box-shadow:0 2px 6px #0000000f;margin-bottom:10px;padding:12px}.tasks-page.admin-tasks-page .task-header{align-items:stretch;flex-direction:column;gap:8px}.tasks-page.admin-tasks-page .task-meta-line{flex-wrap:wrap;gap:6px}.tasks-page.admin-tasks-page .category-badge,.tasks-page.admin-tasks-page .priority-badge,.tasks-page.admin-tasks-page .status-badge{font-size:.6rem;padding:4px 8px}.tasks-page.admin-tasks-page .task-actions{align-self:stretch;width:100%}.tasks-page.admin-tasks-page .status-select{font-size:12px;min-height:40px;padding:8px 12px;width:100%}.tasks-page.admin-tasks-page .task-title{font-size:.95rem;line-height:1.4;word-break:keep-all}.tasks-page.admin-tasks-page .task-description{font-size:.8rem;line-height:1.4}.tasks-page.admin-tasks-page .task-details{font-size:.85rem;gap:12px;grid-template-columns:1fr}.tasks-page.admin-tasks-page .modal-overlay{padding:10px}.tasks-page.admin-tasks-page .modal{border-radius:16px;margin:0;max-height:calc(100vh - 20px);max-width:100%}.tasks-page.admin-tasks-page .modal-header{background:#fff;padding:18px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.tasks-page.admin-tasks-page .modal-header h2,.tasks-page.admin-tasks-page .modal-header h3{font-size:1.3rem}.tasks-page.admin-tasks-page .close-btn{font-size:1.8rem;height:36px;width:36px}.tasks-page.admin-tasks-page .task-detail-modal{max-height:90vh!important}.tasks-page.admin-tasks-page .task-detail-content{-webkit-overflow-scrolling:touch!important;flex-direction:column;max-height:calc(90vh - 120px)!important;overflow-y:auto!important}.tasks-page.admin-tasks-page .task-detail-main{border-bottom:1px solid #e5e7eb;border-right:none;padding:18px}.tasks-page.admin-tasks-page .task-content-section{margin-bottom:20px}.tasks-page.admin-tasks-page .task-content-section h4{font-size:1rem!important}.tasks-page.admin-tasks-page .task-content-section .task-description{word-wrap:break-word!important;display:block!important;height:auto!important;max-height:none!important;min-height:150px!important;overflow:visible!important;overflow-wrap:break-word!important;white-space:pre-wrap!important;word-break:break-word!important}.tasks-page.admin-tasks-page .task-detail-sidebar{flex-direction:column;gap:14px;min-width:auto;padding:18px;width:100%}.tasks-page.admin-tasks-page .sidebar-section{padding:14px}.tasks-page.admin-tasks-page .task-detail-actions{flex-direction:column-reverse;gap:10px;padding:14px 18px}.tasks-page.admin-tasks-page .task-detail-actions .btn-primary{min-height:48px;width:100%}.tasks-page.admin-tasks-page .task-detail-actions .status-select{min-height:44px;width:100%}.tasks-page.admin-tasks-page .task-form{padding:18px}.tasks-page.admin-tasks-page .form-group{margin-bottom:18px}.tasks-page.admin-tasks-page .form-group label{font-size:.85rem;margin-bottom:6px}.tasks-page.admin-tasks-page .form-group input,.tasks-page.admin-tasks-page .form-group select,.tasks-page.admin-tasks-page .form-group textarea{font-size:14px;min-height:44px;padding:12px}.tasks-page.admin-tasks-page .form-group textarea{min-height:120px}.tasks-page.admin-tasks-page .form-row{gap:18px;grid-template-columns:1fr}.tasks-page.admin-tasks-page .form-actions{background:#fff;bottom:0;flex-direction:column-reverse;gap:10px;margin-top:20px;padding-top:20px;position:-webkit-sticky;position:sticky;z-index:10}.tasks-page.admin-tasks-page .form-actions button{font-size:14px;min-height:48px;padding:14px 18px;width:100%}.submit-report-info{background:#f8fafc!important;border:1px solid #e5e7eb!important;border-radius:8px!important;margin-bottom:16px!important;padding:12px!important}.submit-report-info p{font-size:13px!important;line-height:1.6!important;margin-bottom:6px!important}.submit-report-summary{margin-bottom:20px!important}.submit-report-summary h4{color:#1e293b!important;font-size:15px!important;font-weight:600!important;margin-bottom:12px!important}.summary-grid{grid-gap:8px!important;display:grid!important;gap:8px!important;grid-template-columns:1fr 1fr!important}.summary-item{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:6px!important;display:flex!important;flex-direction:column!important;gap:4px!important;padding:12px!important}.summary-label{color:#64748b!important;font-size:11px!important;font-weight:500!important}.summary-value{color:#1e293b!important;font-size:18px!important;font-weight:700!important}.summary-value.completed{color:#10b981!important}.summary-value.in-progress{color:#3b82f6!important}.summary-value.pending{color:#f59e0b!important}.modal .modal-content{padding:16px!important}.modal .modal-content>div>div>div{background:#f9fafb!important;border:1px solid #e5e7eb!important;border-radius:6px!important;margin-bottom:10px!important;padding:12px!important}.modal textarea{border:1px solid #d1d5db!important;border-radius:6px!important;font-size:13px!important;min-height:80px!important;padding:10px!important;resize:vertical!important;width:100%!important}.modal-footer button{font-size:14px!important;min-height:48px!important;padding:12px!important;width:100%!important}.tasks-page.admin-tasks-page .claim-link-btn{font-size:13px;min-height:44px;padding:12px;width:100%}}@media (max-width:480px){.tasks-page.admin-tasks-page{padding:10px 10px 70px}.tasks-page.admin-tasks-page .page-header{gap:12px;margin-bottom:14px;padding-bottom:12px}.tasks-page.admin-tasks-page .page-header h1{font-size:1.15rem}.tasks-page.admin-tasks-page .date-filter-container{gap:8px;padding:10px}.tasks-page.admin-tasks-page .date-range-btn{font-size:11px;padding:8px 12px}.tasks-page.admin-tasks-page .date-input{font-size:13px;padding:8px}.tasks-page.admin-tasks-page .clear-date-btn{font-size:11px;padding:8px 12px}.tasks-page.admin-tasks-page .view-btn{font-size:12px;padding:10px}.tasks-page.admin-tasks-page .btn-primary{font-size:13px;padding:12px 16px}.tasks-page.admin-tasks-page .report-controls button{font-size:11px;padding:10px}.tasks-page.admin-tasks-page .tasks-stats{gap:10px;padding:14px 10px}.tasks-page.admin-tasks-page .stat-number{font-size:1.6rem}.tasks-page.admin-tasks-page .stat-label{font-size:.8rem}.tasks-page.admin-tasks-page .tab{font-size:12px;padding:10px 14px}.tasks-page.admin-tasks-page .mobile-kanban-tab{font-size:12px;padding:12px 8px}.tasks-page.admin-tasks-page .task-card-v2{padding:14px}.tasks-page.admin-tasks-page .task-card-header{gap:8px}.tasks-page.admin-tasks-page .priority-icon{font-size:14px}.tasks-page.admin-tasks-page .priority-text{font-size:10px}.tasks-page.admin-tasks-page .assignee-name{font-size:9px!important}.tasks-page.admin-tasks-page .task-card-title h4{font-size:.95rem;line-height:1.3}.tasks-page.admin-tasks-page .task-card-content{font-size:.8rem}.tasks-page.admin-tasks-page .tasks-table tbody td,.tasks-page.admin-tasks-page .tasks-table thead th{font-size:11px!important;min-height:36px!important;padding:8px!important}.tasks-page.admin-tasks-page .tasks-table .task-title-cell{font-size:12px!important}.tasks-page.admin-tasks-page .tasks-table .category-badge,.tasks-page.admin-tasks-page .tasks-table .priority-badge,.tasks-page.admin-tasks-page .tasks-table .status-badge{font-size:10px!important;min-width:55px!important;padding:3px 8px!important}.tasks-page.admin-tasks-page .tasks-table .status-select{font-size:10px!important;max-width:90px!important;padding:4px 6px!important}.tasks-page.admin-tasks-page .tasks-table .task-detail-btn{font-size:11px!important;padding:6px 12px!important}.tasks-page.admin-tasks-page .tasks-table .profile-image,.tasks-page.admin-tasks-page .tasks-table .profile-placeholder{font-size:9px!important;height:22px!important;width:22px!important}.tasks-page.admin-tasks-page .task-item{border-radius:8px;box-shadow:0 1px 4px #0000000f;margin-bottom:8px;padding:10px}.tasks-page.admin-tasks-page .task-header{gap:6px}.tasks-page.admin-tasks-page .task-meta-line{gap:5px}.tasks-page.admin-tasks-page .task-title{font-size:.9rem;line-height:1.3}.tasks-page.admin-tasks-page .task-description{font-size:.75rem;line-height:1.3}.tasks-page.admin-tasks-page .task-details{font-size:.8rem;gap:10px}.tasks-page.admin-tasks-page .category-badge,.tasks-page.admin-tasks-page .priority-badge,.tasks-page.admin-tasks-page .status-badge{font-size:.55rem;padding:3px 6px}.tasks-page.admin-tasks-page .status-select{font-size:11px;min-height:38px;padding:7px 10px}.tasks-page.admin-tasks-page .modal{border-radius:12px;max-height:calc(100vh - 10px)}.tasks-page.admin-tasks-page .modal-header{padding:14px}.tasks-page.admin-tasks-page .modal-header h2,.tasks-page.admin-tasks-page .modal-header h3{font-size:1.15rem}.tasks-page.admin-tasks-page .close-btn{font-size:1.6rem;height:32px;width:32px}.tasks-page.admin-tasks-page .task-detail-modal{max-height:92vh!important}.tasks-page.admin-tasks-page .task-detail-content{max-height:calc(92vh - 100px)!important}.tasks-page.admin-tasks-page .task-detail-main{padding:14px}.tasks-page.admin-tasks-page .task-content-section .task-description{font-size:.9rem!important;min-height:120px!important}.tasks-page.admin-tasks-page .task-detail-sidebar{gap:12px;padding:14px}.tasks-page.admin-tasks-page .sidebar-section{padding:12px}.tasks-page.admin-tasks-page .task-detail-actions{padding:12px 14px}.tasks-page.admin-tasks-page .task-form{padding:14px}.tasks-page.admin-tasks-page .form-group{margin-bottom:14px}.tasks-page.admin-tasks-page .form-group label{font-size:.8rem}.tasks-page.admin-tasks-page .form-group input,.tasks-page.admin-tasks-page .form-group select,.tasks-page.admin-tasks-page .form-group textarea{font-size:13px;padding:10px}.tasks-page.admin-tasks-page .form-actions{margin-top:16px;padding-top:16px}.tasks-page.admin-tasks-page .form-actions button{font-size:13px;padding:12px 16px}.submit-report-info{padding:10px!important}.submit-report-info p{font-size:12px!important}.submit-report-summary h4{font-size:14px!important}.summary-grid{gap:6px!important;grid-template-columns:1fr 1fr!important}.summary-item{padding:10px!important}.summary-label{font-size:10px!important}.summary-value{font-size:16px!important}.modal textarea{font-size:12px!important;min-height:70px!important;padding:8px!important}.modal-footer button{font-size:13px!important;min-height:44px!important;padding:10px!important}.tasks-page.admin-tasks-page .summary-grid{grid-template-columns:1fr}}@media (hover:none) and (pointer:coarse){.tasks-page.admin-tasks-page .date-range-btn:active,.tasks-page.admin-tasks-page .mobile-kanban-tab:active,.tasks-page.admin-tasks-page .tab:active,.tasks-page.admin-tasks-page .view-btn:active{opacity:.8;transform:scale(.96)}.tasks-page.admin-tasks-page .btn-primary:active,.tasks-page.admin-tasks-page .btn-secondary:active{transform:scale(.97)}.tasks-page.admin-tasks-page .task-card-v2:active,.tasks-page.admin-tasks-page .task-item:active{box-shadow:0 1px 4px #0000001a;transform:scale(.98)}}@media (max-width:768px) and (max-height:500px){.tasks-page.admin-tasks-page{padding:8px}.tasks-page.admin-tasks-page .page-header h1{font-size:1rem}.tasks-page.admin-tasks-page .tasks-stats{gap:10px;padding:10px}.tasks-page.admin-tasks-page .stat-item{padding:8px}.tasks-page.admin-tasks-page .task-card-v2{padding:10px}.tasks-page.admin-tasks-page .modal{max-height:95vh}}.team-requests-page{margin:0 auto;max-width:1400px;padding:24px}.team-requests-header{margin-bottom:32px}.team-requests-header h1{color:#1e293b;font-size:28px;font-weight:700;margin-bottom:8px}.team-requests-header p{color:#64748b;font-size:14px}.team-requests-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.team-requests-empty{padding:80px 20px;text-align:center}.team-requests-empty p{color:#64748b;font-size:16px}.team-task-list{display:flex;flex-direction:column;gap:0}.team-task-card{border-bottom:1px solid #e2e8f0;padding:20px 24px;transition:background-color .2s}.team-task-card:last-child{border-bottom:none}.team-task-card:hover{background-color:#f8fafc}.team-task-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.team-task-title{color:#1e293b;font-size:16px;font-weight:600;margin:0}.team-status-badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px}.team-status-badge.requested{background-color:#dbeafe;color:#1e40af}.team-status-badge.in_progress{background-color:#fef3c7;color:#92400e}.team-status-badge.completed{background-color:#d1fae5;color:#065f46}.team-status-badge.problem{background-color:#fee2e2;color:#991b1b}.team-status-badge.cancelled{background-color:#e5e7eb;color:#4b5563}.team-task-body{margin-bottom:16px}.team-task-description{color:#475569;font-size:14px;line-height:1.6;margin-bottom:16px}.team-task-meta{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:12px}.team-meta-item{align-items:center;color:#64748b;display:flex;font-size:13px}.team-meta-item strong{color:#334155;font-weight:600;margin-right:6px}.team-task-actions{display:flex;gap:8px;justify-content:flex-end}.btn-team-assign{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s}.btn-team-assign:hover{background-color:#2563eb;box-shadow:0 4px 6px #2563eb33;transform:translateY(-1px)}.team-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.team-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.team-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:24px 24px 16px}.team-modal-header h2{color:#1e293b;font-size:20px;font-weight:700;margin:0}.team-close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;transition:all .2s;width:32px}.team-close-btn:hover{background-color:#f1f5f9;color:#64748b}.team-modal-body{padding:24px}.team-form-group{margin-bottom:20px}.team-form-group:last-child{margin-bottom:0}.team-form-group label{color:#334155;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.team-task-display{color:#1e293b;font-size:15px;font-weight:500}.team-current-assignee{color:#475569;font-size:14px}.team-form-select{background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#1e293b;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.team-form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.team-members-list{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;max-height:300px;overflow-y:auto;padding:8px}.team-member-checkbox{background-color:#fff;border-radius:6px;margin-bottom:4px;padding:8px 12px;transition:all .2s}.team-member-checkbox:hover{background-color:#f1f5f9}.team-member-checkbox label{align-items:center;cursor:pointer;display:flex;font-weight:400;margin-bottom:0}.team-member-checkbox input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:18px;margin-right:12px;width:18px}.team-member-name{color:#334155;font-size:14px}.team-selected-count{background-color:#dbeafe;border-radius:6px;color:#1e40af;font-size:13px;font-weight:600;margin-top:12px;padding:8px 12px;text-align:center}.team-modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn-team-secondary{background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-team-secondary:hover{background-color:#f8fafc;border-color:#94a3b8}.btn-team-primary{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-team-primary:hover{background-color:#2563eb;box-shadow:0 4px 6px #2563eb33}.team-loading{align-items:center;color:#64748b;display:flex;font-size:16px;justify-content:center;min-height:400px}@media (max-width:768px){.team-requests-page{padding:16px}.team-requests-header h1{font-size:24px}.team-task-meta{grid-template-columns:1fr}.team-modal-content{width:95%}}body.dark .team-requests-header h1{color:#eaf0f8!important}body.dark .team-requests-header p{color:#9daac0!important}body.dark .team-requests-container{background:#141d2b!important;border-color:#26344a!important;box-shadow:0 1px 2px #0006!important}body.dark .team-requests-empty,body.dark .team-requests-empty p{color:#9daac0!important}body.dark .team-task-card{background:#18253a!important;border-color:#2a3b55!important;color:#dce6f2!important}body.dark .team-task-card:hover{background:#1f2f49!important}body.dark .team-task-title{color:#eff3fa!important}body.dark .team-task-header,body.dark .team-task-meta,body.dark .team-task-meta *{color:#c4d0e0!important}body.dark .team-modal-overlay{background:#0009!important}body.dark .team-modal,body.dark .team-modal-body,body.dark .team-modal-footer,body.dark .team-modal-header,body.dark [class*=team-modal-content]{background:#141d2b!important;border-color:#26344a!important;color:#e7edf5!important}body.dark .team-modal-header h2{color:#eaf0f8!important}body.dark .team-requests-page input,body.dark .team-requests-page select,body.dark .team-requests-page textarea{background:#0f1a2a!important;border-color:#2c3b52!important;color:#e7edf5!important}.log-filters{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:20px;margin-bottom:24px;padding:16px}.filter-group label{color:#64748b;font-size:12px;font-weight:500}.filter-group input,.filter-group select{border:1px solid #d1d5db;border-radius:6px;font-size:14px;min-width:120px;padding:8px 12px}.filter-group input:focus,.filter-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.logs-list{display:flex;flex-direction:column;gap:12px}.log-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:16px;transition:all .2s ease}.log-item:hover{border-color:#3b82f6;box-shadow:0 4px 6px -1px #0000001a}.log-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.log-action{align-items:center;display:flex;gap:12px}.action-badge{border-radius:4px;color:#fff;font-weight:500;padding:4px 8px;text-transform:uppercase}.log-task-title{color:#1f2937;font-weight:500}.log-meta{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.log-user{background:#ede9fe;border-radius:12px;color:#4f46e5;font-size:12px;font-weight:500;padding:2px 8px}.log-date{color:#6b7280;font-size:12px}.log-details{background:#f8fafc;border-radius:6px;margin-top:8px;padding:12px}.log-changes{display:flex;flex-direction:column;gap:8px}.change-item{align-items:center;display:flex;font-size:14px;gap:8px}.change-item strong{color:#374151;min-width:80px}.change-from{background:#fee2e2;border-radius:4px;color:#dc2626;font-size:12px;padding:2px 6px}.change-arrow{color:#6b7280;font-weight:700}.change-to{background:#dcfce7;border-radius:4px;color:#16a34a;font-size:12px;padding:2px 6px}.deleted-task-info{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-top:8px;padding:12px}.deleted-task-info div{color:#7f1d1d;font-size:13px;line-height:1.4;margin-bottom:6px}.deleted-task-info div:last-child{margin-bottom:0}.deleted-task-info div:first-child{color:#991b1b;font-weight:600}.log-technical{border-top:1px solid #f1f5f9;margin-top:8px;padding-top:8px}.log-technical small{color:#94a3b8;font-size:11px}.empty-logs{color:#6b7280;padding:40px;text-align:center}.error-message{margin-bottom:24px}.error-message p{color:#dc2626;margin-bottom:12px}.error-message button{border-radius:6px;padding:8px 16px}.error-message button:hover{background:#b91c1c}.pagination{margin-top:32px;padding:16px}.pagination-btn{background:#3b82f6;border:none;color:#fff;transition:background-color .2s ease}.pagination-btn:hover:not(:disabled){background:#2563eb}.pagination-btn:disabled{background:#d1d5db}.page-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px}@media (max-width:768px){.log-filters{align-items:stretch;flex-direction:column;gap:12px}.log-header{flex-direction:column;gap:8px}.change-item,.log-meta{align-items:flex-start}.change-item{flex-direction:column;gap:4px}.pagination{flex-direction:column;gap:12px}}body.dark .log-filters{background:#141d2b!important;border-color:#26344a!important}body.dark .filter-group input,body.dark .filter-group select,body.dark .log-filters input,body.dark .log-filters select{background:#0f1a2a!important;border-color:#2c3b52!important;color:#e7edf5!important}body.dark .filter-group label{color:#c4d0e0!important}body.dark .log-item{background:#141d2b!important;border-color:#26344a!important;box-shadow:0 1px 2px #0006!important;color:#d7e0ec!important}body.dark .log-item:hover{background:#18253a!important}body.dark .log-header{border-bottom-color:#26344a!important}body.dark .log-task-title{color:#eff3fa!important}body.dark .log-action{color:#c4d0e0!important}body.dark .log-date,body.dark .log-meta,body.dark .log-user{color:#9daac0!important}body.dark .change-item,body.dark .deleted-task-info,body.dark .log-changes,body.dark .log-details,body.dark .log-technical{background:#18253a!important;border-color:#2a3b55!important;color:#c8d3e2!important}body.dark .change-from{color:#f08a8a!important}body.dark .change-to{color:#6ee7a8!important}body.dark .change-arrow,body.dark .empty-logs{color:#9daac0!important}body.dark .pagination-info{color:#c4d0e0!important}body.dark .pagination-btn:disabled{opacity:.45}.admin-users-page{margin:0 auto;max-width:1200px;padding:20px}.page-header{border-bottom:2px solid #e9ecef;padding-bottom:15px}.header-actions{align-items:center;display:flex;gap:12px}.page-header h1{color:#2c3e50}.create-btn{background:#007bff;font-size:14px;padding:12px 20px;transition:background-color .2s}.create-btn:hover{background:#0056b3}.excel-btn{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:background-color .2s}.excel-btn:hover{background:#218838}.error-message{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.loading{color:#6c757d}.users-table-container{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;margin-top:20px;overflow:hidden}.users-table{border-collapse:collapse;font-size:14px;width:100%}.users-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.users-table thead th{font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.users-table tbody tr{border-bottom:1px solid #e9ecef;transition:background-color .2s}.users-table tbody tr:hover{background-color:#f8f9fa}.users-table tbody tr:last-child{border-bottom:none}.users-table tbody td{color:#495057;padding:14px 12px;vertical-align:middle}.user-name-cell{align-items:center;display:flex;gap:12px}.user-name-cell .profile-image-container{align-items:center;display:flex;gap:0}.user-name-cell .profile-image{box-shadow:0 1px 3px #0000001a;flex-shrink:0}.user-name-cell .profile-image:hover{box-shadow:0 1px 3px #0000001a;transform:none}.user-name-text{color:#2c3e50;font-weight:600;white-space:nowrap}.username-cell{color:#6c757d;font-family:Courier New,monospace;white-space:nowrap}.email-cell{color:#495057}.date-cell{color:#6c757d;font-size:13px;white-space:nowrap}.admin-toggle-btn-small{border:none;border-radius:16px;cursor:pointer;font-size:11px;font-weight:600;min-width:75px;padding:6px 12px;text-align:center;transition:all .2s ease;white-space:nowrap}.admin-toggle-btn-small.admin-active{background:linear-gradient(135deg,gold,#ff8c00);box-shadow:0 2px 6px #ff8c0040;color:#fff}.admin-toggle-btn-small.admin-active:hover{background:linear-gradient(135deg,#ff8c00,#ff6b00);box-shadow:0 3px 8px #ff8c0059;transform:translateY(-1px)}.admin-toggle-btn-small.admin-inactive{background:linear-gradient(135deg,#6c757d,#495057);box-shadow:0 2px 6px #6c757d40;color:#fff}.admin-toggle-btn-small.admin-inactive:hover{background:linear-gradient(135deg,#495057,#343a40);box-shadow:0 3px 8px #6c757d59;transform:translateY(-1px)}.action-buttons-table{display:flex;gap:6px;justify-content:center}.delete-btn-small,.edit-btn-small{align-items:center;background:none;border:2px solid;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;justify-content:center;padding:6px 10px;transition:all .2s ease}.edit-btn-small{border-color:#007bff;color:#007bff}.edit-btn-small:hover{background:#007bff;color:#fff;transform:translateY(-1px)}.delete-btn-small{border-color:#dc3545;color:#dc3545}.delete-btn-small:hover{background:#dc3545;color:#fff;transform:translateY(-1px)}.users-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin-top:20px}.user-card{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.user-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.user-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-4px)}.user-card-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:18px;font-weight:600;height:50px;text-transform:uppercase;width:50px}.user-main-info{flex:1 1}.user-name{color:#2c3e50;font-size:18px;margin:0}.user-username{color:#6c757d;font-size:14px;margin:2px 0 0}.user-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:20px}.user-detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{color:#6c757d;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:#495057;font-size:14px}.user-card-actions{align-items:center;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:space-between;padding-top:16px}.delete-btn,.edit-btn{align-items:center;background:none;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.edit-btn{border-color:#007bff;color:#007bff}.edit-btn:hover{background:#007bff;color:#fff;transform:translateY(-1px)}.delete-btn{border-color:#dc3545;color:#dc3545}.delete-btn:hover{background:#dc3545;color:#fff;transform:translateY(-1px)}.no-users{color:#6c757d;font-size:16px;padding:40px;text-align:center}.modal{box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:90vw;width:600px}.modal-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:20px 25px}.modal-header h2{color:#2c3e50}.close-btn{color:#6c757d;font-size:24px;height:30px;padding:0;transition:background-color .2s;width:30px}.close-btn:hover{background:#e9ecef;color:#495057}.user-form{padding:25px}.form-row{display:flex;gap:15px;margin-bottom:20px}.form-group{flex:1 1}.form-group label{color:#495057}.form-group input,.form-group select{border:2px solid #e9ecef;border-radius:8px;box-sizing:border-box;font-size:14px;padding:12px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.form-group input::placeholder{color:#adb5bd}.form-actions{border-top:1px solid #e9ecef;margin-top:30px}.form-actions button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;min-width:100px;padding:12px 24px;transition:all .2s}.form-actions button[type=button]{background:#6c757d;color:#fff}.form-actions button[type=button]:hover{background:#545b62}.form-actions button[type=submit]{background:#28a745;color:#fff}.form-actions button[type=submit]:hover{background:#218838}@media (max-width:1200px){.users-table{font-size:13px}.users-table thead th{font-size:12px;padding:12px 8px}.users-table tbody td{padding:12px 8px}}@media (max-width:768px){.admin-users-page{padding:10px}.page-header{flex-direction:column;gap:15px;text-align:center}.users-table-container{border-radius:8px;overflow-x:auto}.users-table{font-size:12px;min-width:800px}.users-table thead th{font-size:11px;padding:10px 6px}.users-table tbody td{padding:10px 6px}.user-name-text{font-size:13px}.form-row{flex-direction:column;gap:10px}.modal{width:95vw}.no-users{font-size:14px;padding:30px 20px}}.excel-upload-content{padding:20px 0}.upload-section{border-bottom:1px solid #e9ecef;margin-bottom:30px;padding-bottom:20px}.upload-section:last-child{border-bottom:none;margin-bottom:0}.upload-section h3{color:#2c3e50;font-size:18px;margin-bottom:10px}.upload-section p{color:#6c757d;margin-bottom:15px}.template-btn{background:#17a2b8;font-size:14px;margin-bottom:20px;padding:10px 16px;transition:background-color .2s}.template-btn:hover{background:#138496}.template-info{background:#f8f9fa;border-left:4px solid #17a2b8;border-radius:6px;padding:15px}.template-info h4{color:#495057;font-size:14px;margin-bottom:10px}.template-info ul{margin:0;padding-left:20px}.template-info li{color:#6c757d;font-size:13px;margin-bottom:5px}.template-info strong{color:#495057}.file-upload{display:inline-block;position:relative}.file-upload input[type=file]{left:-9999px;position:absolute}.file-upload-label{background:#007bff;border-radius:6px;color:#fff;display:inline-block;font-size:14px;padding:12px 20px;transition:background-color .2s}.file-upload-label:hover{background:#0056b3}.file-upload-label.uploading{background:#6c757d;cursor:not-allowed}.upload-result{border-radius:6px;padding:15px}.upload-result.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.upload-result.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.upload-result h3{font-size:16px;margin:0 0 10px}.upload-result p{font-size:14px;margin:0}.result-details{border-top:1px solid #0000001a;margin-top:15px;padding-top:15px}.result-details h4{font-size:14px;font-weight:600;margin:0 0 10px}.result-details ul{margin:0;max-height:200px;overflow-y:auto;padding-left:20px}.result-details li{font-size:13px;margin-bottom:5px}.success-item{color:#155724}.error-item{color:#721c24}.admin-toggle-btn{border:none;border-radius:20px;cursor:pointer;font-size:12px;font-weight:600;min-width:80px;padding:6px 12px;text-align:center;transition:all .3s ease}.admin-toggle-btn.admin-active{background:linear-gradient(135deg,gold,#ff8c00);box-shadow:0 2px 8px #ff8c004d;color:#fff}.admin-toggle-btn.admin-active:hover{background:linear-gradient(135deg,#ff8c00,#ff6b00);box-shadow:0 4px 12px #ff8c0066;transform:translateY(-1px)}.admin-toggle-btn.admin-inactive{background:linear-gradient(135deg,#6c757d,#495057);box-shadow:0 2px 8px #6c757d4d;color:#fff}.admin-toggle-btn.admin-inactive:hover{background:linear-gradient(135deg,#495057,#343a40);box-shadow:0 4px 12px #6c757d66;transform:translateY(-1px)}.tabs{border-bottom:2px solid #e2e8f0;display:flex;gap:8px;margin-bottom:24px}.tab{background:none;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .2s}.tab:hover{background:#f8fafc;color:#334155}.tab.active{border-bottom-color:#3b82f6;color:#3b82f6}.departments-section{padding:20px 0}.departments-section h2{color:#1e293b;font-size:1.5rem;margin-bottom:20px}.departments-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.department-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:all .2s}.department-card:hover{box-shadow:0 4px 12px #00000026}.department-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.department-header h3{color:#1e293b;font-size:1.2rem;margin:0}.department-code{background:#e0e7ff;border-radius:12px;color:#3730a3;font-size:.85rem;font-weight:600;padding:4px 12px}.department-manager{margin-bottom:16px}.manager-info{align-items:center;display:flex;gap:12px;margin-bottom:12px}.manager-info .label{color:#64748b;font-size:.9rem;font-weight:600}.manager-info .value{color:#1e293b;font-weight:500}.manager-edit{align-items:center;display:flex;gap:8px;margin-top:8px}.manager-edit select{border:1px solid #cbd5e1;border-radius:6px;flex:1 1;font-size:.9rem;padding:8px 12px}.edit-manager-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background .2s}.edit-manager-btn:hover{background:#2563eb}.cancel-btn-small{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background .2s}.cancel-btn-small:hover{background:#dc2626}.department-members{border-top:1px solid #e2e8f0;padding-top:12px}.members-count{color:#64748b;font-size:.9rem}.no-departments{color:#64748b;font-size:1.1rem;padding:40px;text-align:center}body.dark .admin-users-page .department-card,body.dark .admin-users-page .upload-section,body.dark .admin-users-page .user-card,body.dark .admin-users-page .users-table-container,body.dark .modal{background:#141d2b!important;border-color:#26344a!important;box-shadow:0 1px 2px #0006!important;color:#d7e0ec!important}body.dark .admin-users-page .department-header h3,body.dark .admin-users-page .departments-section h2,body.dark .admin-users-page .manager-info .value,body.dark .admin-users-page .modal-header h2,body.dark .admin-users-page .page-header h1,body.dark .admin-users-page .upload-section h3,body.dark .admin-users-page .user-name,body.dark .admin-users-page .user-name-text{color:#eaf0f8!important}body.dark .admin-users-page .department-code,body.dark .admin-users-page .manager-info .label,body.dark .admin-users-page .member-count{color:#9daac0!important}body.dark .admin-users-page label{color:#c4d0e0!important}body.dark .admin-users-page .tab{color:#9daac0!important}body.dark .admin-users-page .tab:hover{background:#22304a!important;color:#c4d0e0!important}body.dark .admin-users-page .tab.active{background:#141d2b!important;border-color:#2b6ae8!important;color:#eaf0f8!important}body.dark .admin-users-page .users-table th{background:#1b2839!important;border-color:#26344a!important;color:#c4d0e0!important}body.dark .admin-users-page .users-table td{border-color:#22304a!important;color:#d7e0ec!important}body.dark .admin-users-page .users-table tbody tr:hover{background:#1b2a40!important}body.dark .admin-users-page input,body.dark .admin-users-page select,body.dark .admin-users-page textarea,body.dark .modal input,body.dark .modal select{background:#0f1a2a!important;border-color:#2c3b52!important;color:#e7edf5!important}body.dark .admin-users-page [style*="rgb(243, 244, 246)"], body.dark .admin-users-page [style*="rgb(249, 250, 251)"], body.dark .admin-users-page [style*="rgb(255, 255, 255)"]{background-color:#18233a!important}body.dark .admin-users-page [style*="rgb(51, 51, 51)"], body.dark .admin-users-page [style*="rgb(55, 65, 81)"]{color:#e7edf5!important}body.dark .admin-users-page .required-columns,body.dark .info-box,body.dark .required-columns,body.dark .upload-guide{background:#18233a!important;border-color:#2a3b55!important;color:#c8d3e2!important}.select-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.select-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:80vh;max-width:90vw;width:600px}.select-modal-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.select-modal-header h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.select-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.select-modal-close:hover{background-color:#e9ecef;color:#495057}.select-modal-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:20px 24px}.search-section{margin-bottom:16px}.search-input{padding:10px 12px}.search-input:focus{box-shadow:0 0 0 2px #007bff40}.items-list{border:1px solid #dee2e6;border-radius:4px;flex:1 1;max-height:300px;min-height:200px;overflow-y:auto}.loading,.no-items{color:#6c757d;font-size:14px;padding:40px 20px;text-align:center}.item-row{align-items:center;border-bottom:1px solid #e9ecef;cursor:pointer;display:flex;padding:12px 16px;transition:background-color .2s ease}.item-row:last-child{border-bottom:none}.item-row:hover{background-color:#f8f9fa}.item-row.selected{background-color:#e7f3ff;border-color:#007bff}.item-info{align-items:center;display:flex;gap:8px}.item-code{color:#007bff;font-size:13px;font-weight:500}.item-name{color:#495057;font-size:14px}.item-extra{color:#6c757d;font-size:12px;margin-left:8px}.selected-info{background-color:#e8f5e8;border:1px solid #28a745;border-radius:4px;color:#155724;font-size:14px;margin-top:16px;padding:12px}.select-modal-footer{background-color:#f8f9fa;border-radius:0 0 8px 8px;border-top:1px solid #dee2e6;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn{border-radius:4px;justify-content:center;min-height:36px;text-decoration:none;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:#007bff}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-secondary{background-color:#6c757d}.btn-secondary:hover:not(:disabled){background-color:#545b62}@media (max-width:768px){.select-modal{margin:20px;width:95vw}.select-modal-body,.select-modal-footer,.select-modal-header{padding:16px}}.logistics-page{margin:0 auto}.logistics-page-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.logistics-page-header h1{color:#1e3c72;font-size:2rem;font-weight:700;margin:0}.logistics-btn-primary{background:linear-gradient(135deg,#1e3c72,#2a5298);border:none;border-radius:8px;box-shadow:0 4px 12px #1e3c724d;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.logistics-btn-primary:hover{box-shadow:0 6px 20px #1e3c7266;transform:translateY(-2px)}.logistics-view-tabs{gap:8px;margin-bottom:16px;width:-webkit-fit-content;width:fit-content}.logistics-type-filter-tabs,.logistics-view-tabs{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;padding:4px}.logistics-type-filter-tabs{gap:4px;margin-bottom:24px;overflow-x:auto;scrollbar-width:thin}.logistics-type-filter-tabs::-webkit-scrollbar{height:4px}.logistics-type-filter-tabs::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.logistics-type-tab{align-items:center;background:#0000;border:none;border-radius:6px;color:#4a5568;cursor:pointer;display:flex;font-weight:500;gap:6px;min-width:-webkit-fit-content;min-width:fit-content;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.logistics-type-tab:hover{background:#4299e11a;color:#2b6cb0}.logistics-type-tab.active{background:#3182ce;background:var(--tab-color,#3182ce);box-shadow:0 2px 4px #0000001a;color:#fff}.logistics-type-tab:first-child{--tab-color:#3182ce}.logistics-tab-icon{font-size:14px}.logistics-tab-label{font-size:13px;font-weight:600}.logistics-header-actions{align-items:center;display:flex;gap:16px}.logistics-view-toggle{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;overflow:hidden}.logistics-toggle-btn{background:#0000;border:none;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.logistics-toggle-btn:hover{background:#1e3c721a;color:#1e3c72}.logistics-toggle-btn.active{background:#1e3c72;color:#fff}.logistics-tabs-container{margin-bottom:30px}.logistics-tabs{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:8px;padding:4px}.logistics-tab{background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 16px;transition:all .2s ease;white-space:nowrap}.logistics-tab:hover{background:#1e3c721a;color:#1e3c72}.logistics-tab.active{background:#1e3c72;box-shadow:0 2px 8px #1e3c724d;color:#fff}.exceptions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.logistics-calendar-view{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:24px}.logistics-calendar-grid{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.logistics-calendar-header{border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding-bottom:16px}.logistics-calendar-nav{align-items:center;display:flex;gap:20px;justify-content:center}.logistics-calendar-header h3{color:#1e3c72;font-size:1.5rem;font-weight:600;margin:0}.logistics-calendar-legend{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.logistics-legend-item{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:6px}.logistics-legend-dot{border-radius:50%;display:inline-block;height:12px;width:12px}.logistics-legend-dot.outbound{background:#ff9800}.logistics-legend-dot.missing{background:#f44336}.logistics-legend-dot.complaint{background:#9c27b0}.calendar{display:flex;flex-direction:column}.logistics-calendar-weekdays{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.logistics-weekday{background:#f8fafc;border-radius:6px;color:#6b7280;font-weight:600;padding:12px;text-align:center}.logistics-calendar-days{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr)}.logistics-calendar-day{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;min-height:80px;padding:8px;position:relative;transition:all .2s ease}.logistics-calendar-day:hover{background:#f8fafc;border-color:#1e3c72}.logistics-calendar-day.today{background:#1e3c721a;border-color:#1e3c72;font-weight:600}.logistics-calendar-day.other-month{background:#f8fafc;color:#9ca3af}.logistics-calendar-day.other-month .logistics-day-number{color:#9ca3af}.logistics-calendar-day.has-exceptions{background:#1e3c720d;cursor:pointer}.logistics-calendar-day.has-exceptions:hover{background:#1e3c721a;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.logistics-calendar-day.empty{background:#0000;border:none;cursor:default}.logistics-day-number{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:4px}.logistics-day-exceptions{display:flex;flex-wrap:wrap;gap:2px;margin-top:auto}.logistics-exception-dot{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:16px;justify-content:center;min-width:16px;text-align:center}.logistics-exception-dot.outbound{background:#ff9800}.logistics-exception-dot.missing{background:#f44336}.logistics-exception-dot.complaint{background:#9c27b0}.logistics-exception-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 8px #0000000d;height:-webkit-fit-content;height:fit-content;padding:16px;transition:all .2s ease}.logistics-exception-card:hover{border-color:#1e3c72;box-shadow:0 4px 16px #0000001a;transform:translateY(-1px)}.logistics-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.logistics-card-badges{display:flex;flex-wrap:wrap;gap:6px}.logistics-card-date{color:#6b7280;flex-shrink:0;font-size:.75rem;margin-left:8px}.logistics-card-content{display:flex;flex-direction:column;gap:10px}.logistics-card-title{color:#1e3c72;font-size:.9rem;font-weight:600;line-height:1.3;margin:0}.logistics-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#4b5563;display:-webkit-box;font-size:.8rem;line-height:1.4;margin:0;overflow:hidden}.logistics-card-details{display:flex;flex-direction:column;gap:6px;margin-top:4px}.logistics-detail-item{align-items:center;display:flex;font-size:.75rem;gap:8px;justify-content:space-between}.logistics-detail-label{color:#6b7280;flex-shrink:0;font-weight:500}.logistics-detail-value{color:#374151;font-weight:500;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.logistics-status-badge,.logistics-type-badge{border-radius:12px;font-size:.65rem;font-weight:600;letter-spacing:.3px;padding:3px 8px;text-transform:uppercase;white-space:nowrap}.logistics-type-outbound_error{background:#ff98001a;border:1px solid #ff98004d;color:#ff9800}.logistics-type-missing_shipment{background:#f443361a;border:1px solid #f443364d;color:#f44336}.logistics-type-complaint{background:#9c27b01a;border:1px solid #9c27b04d;color:#9c27b0}.logistics-status-reported{background:#ffc1071a;border:1px solid #ffc1074d;color:#ffc107}.logistics-status-in_progress{background:#2196f31a;border:1px solid #2196f34d;color:#2196f3}.logistics-status-resolved{background:#4caf501a;border:1px solid #4caf504d;color:#4caf50}.logistics-modal-overlay{background:#00000080;padding:20px}.logistics-modal{max-width:600px;width:100%}.logistics-modal-header{flex-shrink:0;margin-bottom:20px;padding:24px 24px 0}.logistics-modal-actions{align-items:center;display:flex;gap:12px}.logistics-cancel-btn,.logistics-edit-btn,.logistics-save-btn{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;padding:6px 12px;transition:all .2s ease}.logistics-edit-btn{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.logistics-edit-btn:hover{background:#e5e7eb}.logistics-save-btn{background:#10b981;color:#fff}.logistics-save-btn:hover{background:#059669}.logistics-cancel-btn{background:#ef4444;color:#fff}.logistics-cancel-btn:hover{background:#dc2626}.logistics-modal-header h2{color:#1e3c72;font-size:1.5rem;font-weight:600;margin:0}.logistics-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;font-size:2rem;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.logistics-close-btn:hover{background:#f3f4f6;color:#374151}.logistics-exception-form{flex:1 1;overflow-y:auto;padding:0 24px 24px}.logistics-form-group{margin-bottom:20px}.logistics-form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.logistics-form-group label{color:#374151;display:block;font-size:.875rem;font-weight:600}.logistics-form-group input,.logistics-form-group select,.logistics-form-group textarea{border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;font-size:.875rem;transition:border-color .2s;width:100%}.logistics-form-group input:focus,.logistics-form-group select:focus,.logistics-form-group textarea:focus{border-color:#1e3c72;box-shadow:0 0 0 3px #1e3c721a}.logistics-form-group input[type=date]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6.75 3v2.25M17.25 3v2.25M6.75 13.5h.008v.008H6.75V13.5zm2.25 0h.008v.008H9V13.5zm2.25 0h.008v.008h-.008V13.5zm2.25 0h.008v.008H13.5V13.5zm2.25 0h.008v.008h-.008V13.5zm2.25 0h.008v.008H18V13.5zM7.5 15.75h.008v.008H6.75v-.008zm2.25 0h.008v.008H9v-.008zm2.25 0h.008v.008H12v-.008zm2.25 0h.008v.008H13.5v-.008zm2.25 0h.008v.008H16.5v-.008zm2.25 0h.008v.008H18v-.008zm-12 3.75V15m0 0V9.75m0 5.25 9 .75m-9-6L15 9m-8.25 6.75v-4.5m0 0v-1.5m0 5.25 9 .75'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;cursor:pointer;padding:10px 40px 10px 12px;position:relative}.logistics-form-group input[type=date]::-webkit-calendar-picker-indicator{background:#0000;color:#0000;cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.logistics-form-group input[type=date]:hover{background-color:#f8fafc;border-color:#1e3c72}.logistics-form-group input[type=date]:focus{border-color:#1e3c72;box-shadow:0 0 0 3px #1e3c721a;outline:none}.logistics-form-actions{border-top:1px solid #f3f4f6;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.logistics-form-actions button{border-radius:8px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.logistics-form-actions button[type=button]{background:#f9fafb;border:1px solid #d1d5db;color:#374151}.logistics-form-actions button[type=button]:hover{background:#f3f4f6}.logistics-date-modal-content{flex:1 1;overflow-y:auto;padding:0 24px 24px}.logistics-date-summary{background:#f8fafc;border-radius:8px;margin-bottom:20px;padding:12px}.summary-stats-compact{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.logistics-stat-chip{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000001a;color:#374151;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:6px 12px}.logistics-stat-chip.outbound{background:#ff98000d;border-color:#ff98004d}.logistics-stat-chip.missing{background:#f443360d;border-color:#f443364d}.logistics-stat-chip.complaint{background:#9c27b00d;border-color:#9c27b04d}.logistics-stat-icon{font-size:.75rem}.logistics-stat-text{white-space:nowrap}.logistics-stat-item{align-items:center;border-radius:6px;display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:60px;padding:8px 12px}.logistics-stat-item.outbound{background:#ff98001a;border:1px solid #ff98004d}.logistics-stat-item.missing{background:#f443361a;border:1px solid #f443364d}.logistics-stat-item.complaint{background:#9c27b01a;border:1px solid #9c27b04d}.logistics-stat-label{color:#6b7280;font-size:.75rem;font-weight:500}.logistics-stat-count{color:#1e3c72;font-size:1.25rem;font-weight:700}.logistics-date-exceptions-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.logistics-mini-exception-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px;transition:all .2s ease}.logistics-mini-exception-card:hover{border-color:#1e3c72;box-shadow:0 2px 8px #0000001a}.logistics-mini-card-header{display:flex;gap:6px;margin-bottom:8px}.logistics-mini-card-content h5{color:#1e3c72;font-size:.875rem;font-weight:600;margin:0 0 6px}.logistics-mini-card-content p{color:#4b5563;font-size:.8rem;line-height:1.4;margin:0 0 8px}.logistics-mini-details{color:#6b7280;display:flex;flex-direction:column;font-size:.75rem;gap:4px}.logistics-mini-exception-card.clickable{cursor:pointer}.logistics-day-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;display:flex;flex-direction:column;max-height:85vh;max-width:1200px;overflow:hidden;width:90%}.logistics-day-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0;color:#fff;display:flex;justify-content:space-between;padding:24px 32px}.logistics-day-modal-date{align-items:center;display:flex;gap:12px}.logistics-day-modal-icon{font-size:28px}.logistics-day-modal-date h2{align-items:baseline;display:flex;gap:8px;margin:0}.logistics-day-modal-year{font-size:18px;opacity:.9}.logistics-day-modal-month-day{font-size:28px;font-weight:700}.logistics-day-modal-stats{background:#f8f9fa;border-bottom:1px solid #e2e8f0;display:flex;gap:16px;overflow-x:auto;padding:20px 32px}.logistics-day-stat-card{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;min-width:100px;padding:12px 20px;transition:all .3s ease}.logistics-day-stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.logistics-day-stat-card.type-wrong_shipping{background:linear-gradient(135deg,#fff8e1,#ffecb3);border-color:#ff9800}.logistics-day-stat-card.type-missing_shipping{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-color:#f44336}.logistics-day-stat-card.type-complaint{background:linear-gradient(135deg,#f3e5f5,#e1bee7);border-color:#9c27b0}.logistics-day-stat-card.type-damage{background:linear-gradient(135deg,#fce4ec,#f8bbd0);border-color:#e91e63}.logistics-day-stat-card.type-quality{background:linear-gradient(135deg,#ede7f6,#d1c4e9);border-color:#673ab7}.logistics-day-stat-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.logistics-day-stat-value{color:#1e3c72;font-size:24px;font-weight:700;margin-top:4px}.logistics-day-modal-body{background:#f8f9fa;flex:1 1;overflow-y:auto;padding:24px 32px}.logistics-day-cards-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.logistics-day-exception-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;height:280px;overflow:hidden;transition:all .3s ease}.logistics-day-exception-card:hover{border-color:#667eea;box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.logistics-day-card-header{align-items:center;background:linear-gradient(135deg,#f6f8fb,#e9ecef);border-bottom:1px solid #e2e8f0;display:flex;gap:12px;padding:16px 20px}.logistics-day-card-number{background:#fff;border:2px solid #667eea;border-radius:20px;color:#667eea;font-size:14px;font-weight:700;padding:4px 10px}.logistics-day-card-body{display:flex;flex:1 1;flex-direction:column;padding:20px}.logistics-day-card-info{display:flex;flex-direction:column;gap:12px}.logistics-day-info-row{align-items:center;display:flex;gap:12px}.logistics-day-info-label{color:#6b7280;font-size:13px;font-weight:600;min-width:80px}.logistics-day-info-value{background:#f6f8fb;border-radius:6px;color:#1e3c72;flex:1 1;font-size:12px;font-weight:500;overflow:hidden;padding:6px 12px;text-overflow:ellipsis;white-space:nowrap}.logistics-day-card-footer{background:#f6f8fb;border-top:1px solid #e2e8f0;padding:16px 20px}.logistics-day-detail-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .3s ease;width:100%}.logistics-day-detail-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.logistics-day-btn-arrow{font-size:16px;transition:transform .3s ease}.logistics-day-detail-btn:hover .logistics-day-btn-arrow{transform:translateX(4px)}.logistics-day-no-data{align-items:center;display:flex;flex-direction:column;gap:16px;padding:60px 20px;text-align:center}.logistics-day-no-data-icon{font-size:64px;opacity:.5}.logistics-day-no-data p{color:#6b7280;font-size:16px;margin:0;transition:all .2s ease}.logistics-mini-exception-card.clickable:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.logistics-mini-exception-card.clickable:hover .logistics-mini-card-header .logistics-type-outbound_error{border-color:#ff9800;box-shadow:0 2px 4px #ff98004d}.logistics-mini-exception-card.clickable:hover .logistics-mini-card-header .logistics-type-missing_shipment{border-color:#f44336;box-shadow:0 2px 4px #f443364d}.logistics-mini-exception-card.clickable:hover .logistics-mini-card-header .logistics-type-complaint{border-color:#9c27b0;box-shadow:0 2px 4px #9c27b04d}.logistics-detail-indicator{color:#6b7280;font-size:.7rem;font-weight:500;margin-left:auto;transition:color .2s ease}.logistics-mini-exception-card:hover .logistics-detail-indicator{color:#1e3c72}.logistics-detail-modal{display:flex;flex-direction:column;max-height:90vh;max-width:700px}.logistics-detail-modal-content{flex:1 1;overflow-y:auto;padding:0 24px 24px}.complaint-details{display:flex;flex-direction:column;gap:24px}.logistics-detail-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.logistics-detail-section h3{color:#1e3c72;font-size:1.1rem;font-weight:600;margin:0 0 12px}.logistics-detail-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.logistics-detail-row{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:8px 0}.logistics-detail-row:last-child{border-bottom:none}.logistics-detail-row .label{color:#6b7280;flex-shrink:0;font-weight:500}.logistics-detail-row .value{color:#374151;font-weight:500;text-align:right}.description-box,.reason-box{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#374151;font-size:.9rem;line-height:1.5;padding:12px}.logistics-edit-form{display:flex;flex-direction:column;gap:16px}.logistics-edit-row{display:flex;flex-direction:column;gap:6px}.logistics-edit-row label{color:#374151;font-size:.875rem;font-weight:500}.logistics-edit-row input,.logistics-edit-row select{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:8px 12px;transition:border-color .2s}.logistics-edit-row input:focus,.logistics-edit-row select:focus{border-color:#1e3c72;box-shadow:0 0 0 2px #1e3c721a;outline:none}.logistics-edit-textarea{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:.9rem;line-height:1.5;padding:12px;resize:vertical;transition:border-color .2s;width:100%}.logistics-edit-textarea:focus{border-color:#1e3c72;box-shadow:0 0 0 2px #1e3c721a;outline:none}.logistics-comments-section{background:#fff;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden}.logistics-comments-list{padding:12px}.logistics-comment-item{border-bottom:1px solid #f3f4f6;padding:12px 0}.logistics-comment-item:last-child{border-bottom:none}.logistics-comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.logistics-comment-author{color:#1e3c72;font-size:.875rem;font-weight:600}.logistics-comment-time{color:#6b7280;font-size:.75rem}.logistics-delete-comment-btn{background:none;border:none;border-radius:4px;color:#ef4444;cursor:pointer;font-size:.75rem;padding:2px 6px;transition:background-color .2s}.logistics-delete-comment-btn:hover{background:#fef2f2}.logistics-comment-text{color:#374151;font-size:.875rem;line-height:1.5}.logistics-no-comments{color:#9ca3af;font-style:italic;padding:20px;text-align:center}.logistics-comment-input{background:#f8fafc;border-top:1px solid #e2e8f0;padding:12px}.logistics-comment-input textarea{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:.875rem;margin-bottom:8px;min-height:60px;padding:8px 12px;resize:vertical;width:100%}.logistics-comment-input textarea:focus{border-color:#1e3c72;box-shadow:0 0 0 2px #1e3c721a;outline:none}.logistics-add-comment-btn{background:#1e3c72;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:background-color .2s}.logistics-add-comment-btn:hover:not(:disabled){background:#2a5298}.logistics-add-comment-btn:disabled{background:#9ca3af;cursor:not-allowed}@media (max-width:768px){.logistics-page{padding:12px}.logistics-page-header{align-items:stretch;flex-direction:column;gap:14px;margin-bottom:20px;padding-bottom:16px}.logistics-page-header h1{font-size:1.5rem}.logistics-header-actions{flex-direction:column;gap:10px;width:100%}.logistics-view-toggle{width:100%}.logistics-toggle-btn{flex:1 1;font-size:.85rem;padding:10px 14px}.logistics-btn-primary{font-size:.95rem;padding:12px 20px;width:100%}.logistics-type-filter-tabs{margin-bottom:16px;padding:3px}.logistics-type-tab{font-size:.85rem;padding:8px 10px}.logistics-tab-icon{font-size:13px}.logistics-tab-label{font-size:12px}.logistics-filters-section{margin-bottom:16px;padding:14px}.logistics-search-filters{flex-direction:column;gap:10px}.logistics-filter-select,.logistics-search-input{min-width:100%;width:100%}.exceptions-grid{gap:12px;grid-template-columns:1fr}.logistics-exception-card{padding:14px}.logistics-card-header{align-items:flex-start;flex-direction:column;gap:10px}.logistics-card-date{font-size:.85rem;margin-left:0}.logistics-card-title{font-size:.95rem}.logistics-card-body{padding:12px 0}.logistics-card-info-item{font-size:.85rem;padding:8px 0}.logistics-calendar-view{padding:12px}.logistics-calendar-header{align-items:flex-start;flex-direction:column;gap:10px}.logistics-calendar-legend{flex-wrap:wrap;gap:6px}.logistics-calendar-legend-item{font-size:.8rem}.logistics-calendar-day{font-size:.75rem;min-height:70px;padding:6px 4px}.logistics-day-number{font-size:.85rem}.summary-stats-compact{gap:4px}.logistics-stat-chip{font-size:.7rem;padding:3px 6px}.logistics-stat-icon{font-size:.65rem}.logistics-detail-modal{margin:10px;max-height:90vh;max-width:95vw}.logistics-modal-header h2{font-size:1.3rem}.logistics-detail-grid{gap:12px;grid-template-columns:1fr}.logistics-detail-item label{font-size:.8rem}.logistics-detail-item .value{font-size:.9rem}.logistics-comment-header{align-items:flex-start;flex-direction:column;gap:6px}.logistics-delete-comment-btn{align-self:flex-end}.logistics-form-row{gap:14px;grid-template-columns:1fr}.logistics-form-group label{font-size:.9rem}.logistics-form-group input,.logistics-form-group select,.logistics-form-group textarea{font-size:.9rem;padding:10px}.logistics-form-actions{flex-direction:column;gap:10px}.logistics-form-actions button{padding:12px;width:100%}.logistics-select-field{align-items:stretch;flex-direction:column}.logistics-select-btn{border-radius:0 0 4px 4px;margin-top:-1px;padding:10px}.logistics-selected-value{font-size:.9rem;padding:10px}}@media (max-width:480px){.logistics-page{padding:8px}.logistics-page-header{gap:12px;margin-bottom:16px;padding-bottom:12px}.logistics-page-header h1{font-size:1.3rem}.logistics-header-actions{gap:8px}.logistics-toggle-btn{font-size:.8rem;padding:8px 12px}.logistics-btn-primary{font-size:.9rem;padding:10px 16px}.logistics-type-filter-tabs{margin-bottom:12px;padding:2px}.logistics-type-tab{font-size:.8rem;padding:6px 8px}.logistics-tab-icon{font-size:12px}.logistics-tab-label{font-size:11px}.logistics-filters-section{margin-bottom:12px;padding:12px}.logistics-search-filters{gap:8px}.logistics-filter-select,.logistics-search-input{font-size:.85rem;padding:8px 10px}.exceptions-grid{gap:10px}.logistics-exception-card{padding:12px}.logistics-card-header{gap:8px}.logistics-card-date{font-size:.8rem}.logistics-card-title{font-size:.9rem}.logistics-card-body{padding:10px 0}.logistics-card-info-item{font-size:.8rem;padding:6px 0}.logistics-card-actions{gap:6px}.logistics-card-actions button{font-size:.8rem;padding:6px 10px}.logistics-calendar-view{padding:10px}.logistics-calendar-header{gap:8px}.logistics-calendar-legend{gap:4px}.logistics-calendar-legend-item{font-size:.75rem;padding:4px 6px}.logistics-calendar-day{font-size:.7rem;min-height:60px;padding:4px 2px}.logistics-day-number{font-size:.8rem}.summary-stats-compact{gap:3px}.logistics-stat-chip{font-size:.65rem;padding:2px 4px}.logistics-detail-modal{margin:5px;max-width:98vw}.logistics-modal-header h2{font-size:1.2rem}.logistics-modal-close{font-size:1.2rem;height:28px;width:28px}.logistics-detail-grid{gap:10px}.logistics-detail-item label{font-size:.75rem}.logistics-detail-item .value{font-size:.85rem}.logistics-form-row{gap:12px}.logistics-form-actions{gap:8px}.logistics-form-actions button{font-size:.85rem;padding:10px}.logistics-select-btn,.logistics-selected-value{font-size:.85rem;padding:8px}.exceptions-table-container{background:#0000;box-shadow:none;overflow-x:visible}.exceptions-table{display:block;min-width:0}.exceptions-table thead{display:none}.exceptions-table tbody{display:block}.exceptions-table tbody tr{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 6px #0000001a;display:block;margin-bottom:12px;overflow:hidden}.exceptions-table tbody tr:hover{box-shadow:0 3px 10px #0000001f;transform:translateY(-1px)}.exceptions-table tbody tr.clickable-row:hover{background-color:#f8fafc}.exceptions-table td{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;font-size:.85rem;justify-content:space-between;padding:10px 14px;text-align:right}.exceptions-table td:last-child{border-bottom:none}.exceptions-table td:before{color:#64748b;content:attr(data-label);flex:0 0 85px;font-size:.75rem;font-weight:700;letter-spacing:.5px;text-align:left;text-transform:uppercase}.exceptions-table td:first-child{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:12px 14px}.exceptions-table td .logistics-type-badge{font-size:.75rem;margin-left:auto;padding:4px 8px}.exceptions-table td .status-select{font-size:.8rem;margin-left:auto;max-width:110px;padding:6px 8px}.exceptions-table td .btn{font-size:.8rem;margin-left:auto;padding:6px 10px}.exceptions-table td .logistics-thumbnail{border-radius:6px;height:50px;margin-left:auto;object-fit:cover;width:50px}.exceptions-table td .no-image{font-size:1.75rem;margin-left:auto}.logistics-modal{border-radius:10px;max-height:96vh;max-width:98vw}.logistics-modal-extra-large{width:98vw}.logistics-detail-modal-header{align-items:stretch;border-radius:10px 10px 0 0;flex-direction:column;gap:12px;padding:16px 18px}.logistics-detail-modal-header:before{height:3px}.logistics-modal-title-section{padding-right:50px}.logistics-modal-title-section h2{color:#1e3c72;font-size:1.2rem}.detail-type-badge,.logistics-detail-type-badge{align-self:flex-start;font-size:.7rem;padding:5px 10px}.logistics-modal-header-actions{gap:8px;justify-content:flex-start;padding-right:45px}.logistics-edit-actions{gap:6px}.logistics-edit-actions button{border-radius:6px;font-size:.8rem;padding:8px 12px}.logistics-modal-close{border-radius:6px;font-size:20px;height:36px;position:absolute;right:14px;top:14px;width:36px}.logistics-detail-modal-body{padding:14px}.logistics-compact-info-grid{gap:10px;margin-bottom:14px}.logistics-info-card{padding:12px}.logistics-info-card h3{font-size:.95rem;margin-bottom:10px}.logistics-info-row{gap:6px;padding:8px 0}.logistics-info-label{font-size:.8rem}.logistics-info-value{font-size:.85rem}.logistics-dates-section{gap:8px;margin-bottom:14px;padding:12px}.logistics-date-item{font-size:.85rem}.logistics-action-content-compact{font-size:.85rem;max-height:70px;padding:10px}.logistics-comments-container-compact{padding:12px}.logistics-comment-item{margin-bottom:8px;padding:10px}.logistics-comment-header{font-size:.8rem}.logistics-comment-content{font-size:.85rem}.logistics-detail-modal-footer{border-radius:0 0 10px 10px;padding:12px 16px}.logistics-section-title{font-size:1rem;margin-bottom:10px}.logistics-exception-type-grid{gap:8px;grid-template-columns:1fr}.logistics-form-grid{gap:12px}.logistics-form-group label{font-size:.85rem}.logistics-form-group input,.logistics-form-group select,.logistics-form-group textarea{font-size:.85rem;padding:8px}}.logistics-select-field{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;display:flex}.logistics-selected-value{align-items:center;background:none;border:none;color:#495057;display:flex;flex:1 1;font-size:14px;min-height:40px;padding:10px 12px}.logistics-selected-value:empty:before{color:#6c757d;content:attr(placeholder)}.logistics-select-btn{background-color:#007bff;border:none;border-radius:0 3px 3px 0;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:background-color .3s ease;white-space:nowrap}.logistics-select-btn:hover{background-color:#0056b3}.logistics-select-field:focus-within{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.logistics-filters-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;padding:20px}.logistics-search-filters{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.logistics-filter-select,.logistics-search-input{border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:150px;padding:10px 12px}.logistics-search-input{flex:1 1;min-width:200px}.logistics-filter-select:focus,.logistics-search-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.exceptions-table-container{background:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;margin-bottom:16px;overflow:hidden}.exceptions-table{border:1px solid #d1d5db;border-collapse:collapse;font-size:.75rem;width:100%}.exceptions-table th{background-color:#f3f4f6;border:1px solid #9ca3af;color:#374151;font-weight:600;padding:8px 10px;text-align:left;white-space:nowrap}.exceptions-table td{border:1px solid #d1d5db;color:#374151;padding:6px 8px;vertical-align:middle}.exceptions-table tbody tr:hover{background-color:#f9fafb}.exceptions-table tbody tr.clickable-row{cursor:pointer}.exceptions-table tbody tr.clickable-row:hover{background-color:#eff6ff}.logistics-type-badge{border-radius:4px;color:#fff;display:inline-block;font-size:.65rem;font-weight:600;letter-spacing:.2px;padding:3px 8px;text-shadow:0 1px 2px #0003}.logistics-type-badge.logistics-type-wrong_shipping,.logistics-type-badge.type-wrong_shipping{background:linear-gradient(135deg,#ff9800,#f57c00);box-shadow:0 2px 4px #ff98004d}.logistics-type-badge.logistics-type-missing_shipping,.logistics-type-badge.type-missing_shipping{background:linear-gradient(135deg,#f44336,#d32f2f);box-shadow:0 2px 4px #f443364d}.logistics-type-badge.logistics-type-complaint,.logistics-type-badge.type-complaint{background:linear-gradient(135deg,#9c27b0,#7b1fa2);box-shadow:0 2px 4px #9c27b04d}.logistics-type-badge.logistics-type-damage,.logistics-type-badge.type-damage{background:linear-gradient(135deg,#e91e63,#c2185b);box-shadow:0 2px 4px #e91e634d}.logistics-type-badge.logistics-type-quality,.logistics-type-badge.type-quality{background:linear-gradient(135deg,#673ab7,#512da8);box-shadow:0 2px 4px #673ab74d}.logistics-type-badge.logistics-type-contamination,.logistics-type-badge.type-contamination{background:linear-gradient(135deg,#17a2b8,#138496);box-shadow:0 2px 4px #17a2b84d}.logistics-exception-dot.logistics-type-wrong_shipping{background-color:#dc3545}.logistics-exception-dot.logistics-type-missing_shipping{background-color:#fd7e14}.logistics-exception-dot.logistics-type-complaint{background-color:#6f42c1}.logistics-exception-dot.logistics-type-damage{background-color:#e83e8c}.logistics-exception-dot.logistics-type-quality{background-color:#20c997}.logistics-exception-dot.logistics-type-contamination{background-color:#17a2b8}.exception-create-modal{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;max-height:85vh;max-width:1000px;overflow:hidden;position:relative;width:85vw}.logistics-exception-modal-header{align-items:center;background:#4472c4;border-bottom:2px solid #2f5597;color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px}.logistics-modal-title-section h2{font-size:18px;font-weight:600;letter-spacing:-.3px;margin:0 0 4px}.logistics-modal-subtitle{font-size:12px;font-weight:400;margin:0;opacity:.9}.logistics-modal-close-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.logistics-modal-close-btn:hover{background:#ffffff4d}.logistics-exception-modal-body{background:#fff;flex:1 1;max-height:calc(85vh - 80px);min-height:0;overflow-x:hidden;overflow-y:scroll;padding:20px 24px;scrollbar-color:#cbd5e0 #f1f5f9;scrollbar-width:thin}.exception-create-modal::-webkit-scrollbar{width:8px}.exception-create-modal::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.exception-create-modal::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.exception-create-modal::-webkit-scrollbar-thumb:hover{background:#a0aec0}.logistics-exception-modal-body::-webkit-scrollbar{width:8px}.logistics-exception-modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.logistics-exception-modal-body::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.logistics-exception-modal-body::-webkit-scrollbar-thumb:hover{background:#a0aec0}.logistics-form-section{background:#f8fafc;border:1px solid #d1d5db;border-radius:4px;margin-bottom:12px;padding:12px}.logistics-section-title{border-bottom:1px solid #e5e7eb;font-size:13px;font-weight:600;gap:4px;margin:0 0 8px;padding-bottom:6px}.exception-type-grid,.logistics-exception-type-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.exception-type-card{align-items:center!important;background:#fff!important;border:1px solid #d1d5db!important;border-radius:4px!important;cursor:pointer!important;display:flex!important;gap:4px!important;justify-content:center!important;min-width:80px!important;padding:6px 10px!important;position:relative!important;transition:all .2s ease!important;-webkit-user-select:none!important;user-select:none!important}.exception-type-card:hover{background:#f8fafc!important;border-color:var(--type-color)!important;box-shadow:0 2px 4px #0000001a!important}.exception-type-card.selected{background:var(--type-color)!important;border-color:var(--type-color)!important;box-shadow:0 2px 6px #00000026!important;color:#fff!important}.exception-type-card.selected:before{align-items:center;background:#ffffff4d;border-radius:50%;color:#fff;content:"✓";display:flex;font-size:12px;font-weight:700;height:20px;justify-content:center;position:absolute;right:8px;top:4px;width:20px}.logistics-type-icon{font-size:18px;transition:all .3s ease}.exception-type-card:hover .logistics-type-icon{transform:scale(1.1)}.exception-type-card:active{transform:scale(.96)!important;transition:transform .1s ease!important}.exception-type-card[style*="--type-color: #dc3545"]:hover{background:#dc35451a!important;border-color:#dc3545!important}.exception-type-card[style*="--type-color: #fd7e14"]:hover{background:#fd7e141a!important;border-color:#fd7e14!important}.exception-type-card[style*="--type-color: #6f42c1"]:hover{background:#6f42c11a!important;border-color:#6f42c1!important}.exception-type-card[style*="--type-color: #e83e8c"]:hover{background:#e83e8c1a!important;border-color:#e83e8c!important}.exception-type-card[style*="--type-color: #20c997"]:hover{background:#20c9971a!important;border-color:#20c997!important}.logistics-type-label{font-size:13px;font-weight:600;letter-spacing:-.3px}.logistics-info-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.logistics-info-card{background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:10px;transition:all .2s ease}.logistics-info-card:hover{border-color:#9ca3af;box-shadow:0 1px 3px #0000001a}.logistics-card-label{align-items:center;color:#4a5568;display:flex;font-size:12px;font-weight:600;gap:6px;margin-bottom:8px}.logistics-label-icon{font-size:16px}.logistics-select-field-modern{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;padding:8px 12px;transition:all .2s ease}.logistics-select-field-modern:hover{border-color:#9ca3af;box-shadow:0 0 0 2px #4472c41a}.logistics-selected-value-modern{color:#2d3748;flex:1 1;font-size:14px}.logistics-select-arrow{color:#a0aec0;font-size:12px}.logistics-detail-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.logistics-input-group{display:flex;flex-direction:column}.logistics-input-group.full-width{grid-column:1/-1}.logistics-modern-label{align-items:center;color:#4a5568;display:flex;font-size:12px;font-weight:600;gap:4px;margin-bottom:6px}.logistics-modern-label.required:after{color:#e53e3e;content:" *"}.logistics-modern-input{background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:13px;padding:8px 12px;transition:all .2s ease}.logistics-modern-input:focus{border-color:#4472c4;box-shadow:0 0 0 2px #4472c41a;outline:none}.logistics-modern-textarea{background:#fff;border:1px solid #d1d5db;border-radius:4px;font-family:inherit;font-size:13px;padding:8px 12px;resize:vertical;transition:all .2s ease}.logistics-modern-textarea:focus{border-color:#4472c4;box-shadow:0 0 0 2px #4472c41a;outline:none}.logistics-date-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.logistics-date-card{background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:10px}.logistics-form-buttons{border-top:1px solid #e5e7eb;display:flex;gap:8px;justify-content:flex-end;margin-top:12px;padding-top:12px}.logistics-cancel-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#4a5568;cursor:pointer;font-size:13px;font-weight:500;padding:8px 20px;transition:all .2s ease}.logistics-cancel-btn:hover{background:#f3f4f6;border-color:#9ca3af}.logistics-submit-btn{background:#70ad47;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 20px;transition:all .2s ease}.logistics-submit-btn:hover{background:#5a8f3a}@media (max-width:768px){.modal-overlay{align-items:flex-end!important;padding:0!important}.exception-create-modal{animation:slideUp .3s ease-out;border-radius:20px 20px 0 0!important;margin:0!important;max-height:95vh!important;max-width:100%!important;width:100%!important}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.logistics-exception-modal-header{border-radius:20px 20px 0 0!important;padding:16px 18px!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:10!important}.logistics-modal-title-section h2{font-size:1.15rem!important;line-height:1.3!important}.logistics-modal-subtitle{font-size:.8rem!important}.logistics-modal-close-btn{font-size:20px!important;height:32px!important;width:32px!important}.logistics-exception-modal-body{-webkit-overflow-scrolling:touch!important;max-height:calc(95vh - 80px)!important;padding:16px 18px!important}.logistics-form-section{border-radius:10px!important;margin-bottom:20px!important;padding:16px!important}.logistics-section-title{font-size:.95rem!important;margin-bottom:12px!important;padding-bottom:8px!important}.exception-type-grid,.logistics-exception-type-grid{gap:10px!important;grid-template-columns:repeat(2,1fr)!important}.exception-type-card{flex-direction:column!important;gap:6px!important;min-height:70px!important;padding:12px 14px!important}.logistics-type-icon{font-size:22px!important}.logistics-type-label{font-size:.8rem!important}.logistics-info-grid{gap:14px!important;grid-template-columns:1fr!important}.logistics-info-card{padding:14px!important}.logistics-card-label{font-size:.85rem!important;margin-bottom:10px!important}.logistics-select-field-modern{min-height:48px!important;padding:12px 14px!important}.logistics-selected-value-modern{font-size:.85rem!important}.logistics-detail-grid{gap:14px!important;grid-template-columns:1fr!important}.logistics-modern-label{font-size:.85rem!important;margin-bottom:6px!important}.logistics-modern-input,.logistics-modern-textarea{font-size:.9rem!important;min-height:48px!important;padding:12px 14px!important}.logistics-modern-textarea{min-height:120px!important}.logistics-date-grid{gap:14px!important;grid-template-columns:1fr!important}.logistics-date-card{padding:14px!important}.logistics-image-upload-area{min-height:120px!important}.logistics-image-preview-grid{gap:10px!important;grid-template-columns:repeat(2,1fr)!important}.logistics-form-buttons{flex-direction:column!important;gap:10px!important;margin-top:16px!important;padding:16px 0!important}.logistics-cancel-btn,.logistics-submit-btn{font-size:.95rem!important;min-height:50px!important;padding:14px 20px!important;width:100%!important}.logistics-add-assignee-btn{font-size:.85rem!important;min-height:44px!important;padding:12px 16px!important;width:100%!important}.logistics-assignee-item{font-size:.85rem!important;padding:12px!important}.logistics-exception-modal-footer{background:#fff!important;border-top:1px solid #e5e7eb!important;bottom:0!important;padding:16px 18px!important;position:-webkit-sticky!important;position:sticky!important;z-index:10!important}}@media (max-width:480px){.exception-create-modal{border-radius:16px 16px 0 0!important;max-height:98vh!important}.logistics-exception-modal-header{padding:14px 16px!important}.logistics-modal-title-section h2{font-size:1.05rem!important}.logistics-modal-subtitle{font-size:.75rem!important}.logistics-exception-modal-body{max-height:calc(98vh - 75px)!important;padding:14px 16px!important}.logistics-form-section{margin-bottom:16px!important;padding:14px!important}.logistics-section-title{font-size:.9rem!important}.exception-type-card{min-height:65px!important;padding:10px 12px!important}.logistics-type-icon{font-size:20px!important}.logistics-type-label{font-size:.75rem!important}.logistics-date-card,.logistics-info-card{padding:12px!important}.logistics-card-label,.logistics-modern-label{font-size:.8rem!important}.logistics-modern-input,.logistics-select-field-modern{font-size:.85rem!important;min-height:44px!important;padding:10px 12px!important}.logistics-modern-textarea{min-height:100px!important}.logistics-cancel-btn,.logistics-submit-btn{font-size:.9rem!important;min-height:46px!important;padding:12px 18px!important}}.logistics-exception-count{align-items:center;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:11px;font-weight:600;gap:2px;height:20px;justify-content:center;margin:1px;min-width:24px;transition:all .2s ease}.logistics-exception-count:hover{box-shadow:0 2px 4px #0003;transform:scale(1.1)}.logistics-exception-count.type-wrong_shipping{background-color:#dc3545}.logistics-exception-count.type-missing_shipping{background-color:#fd7e14}.logistics-exception-count.type-complaint{background-color:#6f42c1}.logistics-exception-count.type-damage{background-color:#e83e8c}.logistics-exception-count.type-quality{background-color:#20c997}.logistics-type-initial{font-size:10px;font-weight:700}.logistics-count-number{font-size:11px;font-weight:600}.logistics-legend-color{border-radius:50%;display:inline-block;height:12px;margin-right:4px;width:12px}.logistics-legend-color.logistics-type-wrong_shipping{background-color:#dc3545}.logistics-legend-color.logistics-type-missing_shipping{background-color:#fd7e14}.logistics-thumbnail{border:1px solid #d1d5db;border-radius:3px;cursor:pointer;height:32px;object-fit:cover;transition:all .2s ease;width:32px}.logistics-thumbnail:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f64d;transform:scale(1.1)}.no-image{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:3px;color:#6b7280;display:inline-block;font-size:14px;height:32px;line-height:32px;text-align:center;width:32px}.logistics-clear-btn{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-top:4px;padding:4px 8px;transition:background-color .2s ease}.logistics-clear-btn:hover{background-color:#5a6268}.stats-modal-high-z{z-index:15000!important}.logistics-legend-color.logistics-type-complaint{background-color:#6f42c1}.logistics-legend-color.logistics-type-damage{background-color:#e83e8c}.logistics-legend-color.logistics-type-quality{background-color:#20c997}.logistics-legend-color.logistics-type-contamination{background-color:#17a2b8}.status-select{background-color:#fff;border:1px solid #d1d5db;border-radius:3px;cursor:pointer;font-size:.7rem;height:24px;padding:3px 6px}.status-select.logistics-status-reported{background-color:#fff3cd;color:#856404}.status-select.logistics-status-in_progress{background-color:#cce5ff;color:#004085}.status-select.logistics-status-resolved{background-color:#d4edda;color:#155724}.status-select.logistics-status-cancelled{background-color:#f8d7da;color:#721c24}.logistics-pagination{display:flex;gap:8px;justify-content:center;margin-top:24px}.logistics-pagination .logistics-btn{align-items:center;display:flex;height:40px;justify-content:center;min-width:40px}.logistics-btn{align-items:center;border-radius:3px;display:inline-flex;font-size:.7rem;justify-content:center;min-height:24px;padding:4px 10px;text-decoration:none;transition:all .2s ease}.logistics-btn:disabled{opacity:.6}.logistics-btn-primary{background-color:#3b82f6}.logistics-btn-primary:hover:not(:disabled){background-color:#2563eb}.logistics-btn-secondary{background-color:#6b7280}.logistics-btn-secondary:hover:not(:disabled){background-color:#4b5563}.logistics-btn-danger{background-color:#ef4444;color:#fff}.logistics-btn-danger:hover:not(:disabled){background-color:#dc2626}.logistics-btn-outline{background-color:#fff;border:1px solid #d1d5db;color:#3b82f6}.logistics-btn-outline:hover:not(:disabled){background-color:#eff6ff;border-color:#3b82f6}.logistics-btn-sm{font-size:.65rem;min-height:22px;padding:3px 8px}.logistics-modal{border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:90vw;overflow:hidden;width:500px}.logistics-modal-large{max-width:95vw;width:800px}.logistics-modal-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:20px 24px}.logistics-modal-header h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.logistics-modal-close{background:none;border:none;border-radius:4px;color:#6c757d;font-size:24px;height:30px;width:30px}.logistics-modal-close:hover{background-color:#e9ecef;color:#495057}.logistics-modal-body{flex:1 1;padding:24px}.logistics-modal-footer{background-color:#f8f9fa;border-top:1px solid #dee2e6;gap:12px;padding:16px 24px}.logistics-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.logistics-form-group{display:flex;flex-direction:column}.logistics-form-group.full-width{grid-column:1/-1}.logistics-form-group label{color:#495057;font-size:14px;font-weight:500;margin-bottom:6px}.logistics-form-group input,.logistics-form-group select,.logistics-form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 12px;transition:border-color .3s ease}.logistics-form-group input:focus,.logistics-form-group select:focus,.logistics-form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.logistics-form-group textarea{min-height:80px;resize:vertical}.logistics-loading{color:#6c757d;font-size:16px;padding:60px 20px;text-align:center}@media (max-width:768px){.logistics-search-filters{align-items:stretch;flex-direction:column}.logistics-filter-select,.logistics-search-input{width:100%}.exceptions-table-container{background:#0000;box-shadow:none;overflow-x:visible}.exceptions-table{display:block;min-width:0}.exceptions-table thead{display:none}.exceptions-table tbody{display:block}.exceptions-table tbody tr{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:block;margin-bottom:16px;overflow:hidden}.exceptions-table tbody tr:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.exceptions-table tbody tr.clickable-row:hover{background-color:#f8fafc}.exceptions-table td{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:12px 16px;text-align:right}.exceptions-table td:last-child{border-bottom:none}.exceptions-table td:before{color:#64748b;content:attr(data-label);flex:0 0 100px;font-size:.85rem;font-weight:700;letter-spacing:.5px;text-align:left;text-transform:uppercase}.exceptions-table td:first-child{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:14px 16px}.exceptions-table td .logistics-type-badge{margin-left:auto}.exceptions-table td .status-select{margin-left:auto;max-width:120px}.exceptions-table td .btn{margin-left:auto}.exceptions-table td .logistics-thumbnail{border-radius:8px;height:60px;margin-left:auto;object-fit:cover;width:60px}.exceptions-table td .no-image{font-size:2rem;margin-left:auto}.logistics-form-grid{grid-template-columns:1fr}}.logistics-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.logistics-modal{background:#fff;border-radius:16px;box-shadow:0 20px 50px #0000004d;display:flex;flex-direction:column}.logistics-modal-extra-large{display:flex;flex-direction:column;height:90vh;margin:20px auto;max-width:1400px;width:95vw}.logistics-detail-modal-header{align-items:flex-start;background:#fff;border:none;border-bottom:2px solid #e2e8f0;border-radius:16px 16px 0 0;box-shadow:0 2px 8px #0000000d;color:#1e3c72;display:flex;justify-content:space-between;overflow:hidden;padding:24px 32px;position:relative}.logistics-detail-modal-header:before{animation:gradientShift 3s ease infinite;background:linear-gradient(90deg,#4ade80,#3b82f6,#8b5cf6,#ec4899);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.logistics-modal-title-section{display:flex;flex:1 1;flex-direction:column;gap:12px;min-width:0;padding-right:20px}.logistics-modal-title-section h2{color:#1e3c72;font-size:24px;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0}.logistics-modal-header-actions{align-items:flex-start;flex-shrink:0;padding-right:60px}.logistics-edit-actions{align-items:center}.logistics-modal-close{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 4px #0000000d;color:#64748b;cursor:pointer;display:flex;font-size:28px;font-weight:300;height:44px;justify-content:center;line-height:1;padding:0;position:absolute;right:20px;top:20px;transition:all .3s ease;width:44px;z-index:10}.logistics-modal-close:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc2626;box-shadow:0 4px 16px #ef444466;color:#fff;transform:scale(1.1) rotate(90deg)}.logistics-modal-close:active{box-shadow:0 2px 8px #ef44444d;transform:scale(1.05) rotate(90deg)}.detail-type-badge,.logistics-detail-type-badge{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:20px;box-shadow:0 2px 8px #667eea4d;color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase}.logistics-detail-modal-body{background:#f8f9fa;flex:1 1;overflow-y:auto;padding:28px;scrollbar-color:#cbd5e0 #f1f5f9;scrollbar-width:thin}.logistics-detail-modal-body::-webkit-scrollbar{width:8px}.logistics-detail-modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.logistics-detail-modal-body::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.logistics-detail-modal-body::-webkit-scrollbar-thumb:hover{background:#a0aec0}.logistics-detail-table{background:#fff;border-collapse:collapse;font-size:.75rem;margin-bottom:12px;width:100%}.logistics-detail-table th{background-color:#f3f4f6;border:1px solid #9ca3af;color:#374151;font-weight:600;padding:8px 10px;text-align:left;white-space:nowrap;width:15%}.logistics-detail-table td{border:1px solid #d1d5db;color:#374151;padding:8px 10px;vertical-align:middle}.logistics-detail-table tr:hover{background-color:#f9fafb}.logistics-action-content{color:#374151;font-size:.7rem;line-height:1.5;max-height:80px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.logistics-compact-status-badge{border-radius:4px;color:#fff;font-size:.65rem;font-weight:600;padding:3px 8px}.logistics-compact-status-badge.logistics-status-reported{background:#f59e0b}.logistics-compact-status-badge.logistics-status-in_progress{background:#3b82f6}.logistics-compact-status-badge.logistics-status-resolved{background:#10b981}.logistics-compact-status-badge.logistics-status-cancelled{background:#ef4444}.logistics-dates-section{background:#eff6ff;border:1px solid #93c5fd;border-radius:4px;display:flex;gap:12px;margin-bottom:12px;padding:8px 12px}.logistics-date-item{flex:1 1;text-align:center}.logistics-date-label{color:#1e40af;display:block;font-size:.7rem;font-weight:500;margin-bottom:2px}.logistics-date-value{color:#1e3a8a;display:block;font-size:.75rem;font-weight:600}.logistics-action-section{margin-bottom:12px}.logistics-action-section h3{align-items:center;color:#374151;display:flex;font-size:.75rem;font-weight:600;margin:0 0 6px}.logistics-action-section h3:before{content:"⚡";font-size:.8rem;margin-right:6px}.logistics-action-content-compact{background:#fef3c7;border:1px solid #fcd34d;border-radius:4px;color:#78350f;font-size:.7rem;line-height:1.4;max-height:60px;overflow-y:auto;padding:8px 10px}.logistics-comments-section-compact{margin-bottom:12px}.logistics-comments-section-compact h3{align-items:center;color:#374151;display:flex;font-size:.75rem;font-weight:600;margin:0 0 8px}.logistics-comments-section-compact h3:before{content:"💬";font-size:.8rem;margin-right:6px}.logistics-comments-container-compact{background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:10px 12px}.logistics-comments-section-compact h3{display:none}.logistics-comments-container-compact .task-comments{border-top:none;margin-top:0;padding-top:0}.logistics-comments-container-compact .comments-list{max-height:none!important;overflow-y:visible!important}.logistics-profile-image-placeholder{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:50%;color:#fff;font-size:16px;font-weight:600;height:40px;text-transform:uppercase;width:40px}.logistics-profile-image-container,.logistics-profile-image-placeholder{align-items:center;display:flex;justify-content:center}.logistics-section-title{align-items:center;border-bottom:2px solid #e5e7eb;color:#1f2937;display:flex;font-size:18px;font-weight:700;margin:0 0 16px;padding-bottom:8px}.logistics-section-title:before{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:2px;content:"";height:20px;margin-right:12px;width:4px}.logistics-detail-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.logistics-detail-row{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.logistics-detail-field{display:flex;flex-direction:column;gap:8px}.logistics-detail-field.full-width{grid-column:1/-1}.logistics-detail-field label{color:#374151;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.logistics-detail-value{color:#1f2937;font-size:16px;line-height:1.5}.logistics-detail-value strong{color:#1e3c72}.logistics-detail-content{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#374151;font-size:15px;line-height:1.6;min-height:50px;padding:16px}.logistics-action-content{min-height:80px}.logistics-no-data{color:#9ca3af;font-style:italic}.logistics-detail-status-badge{border-radius:20px;box-shadow:0 2px 4px #0000001a;display:inline-block;font-size:14px;font-weight:600;max-width:-webkit-fit-content;max-width:fit-content;padding:8px 16px;text-align:center}.logistics-detail-status-badge.logistics-status-reported{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.logistics-detail-status-badge.logistics-status-in_progress{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.logistics-detail-status-badge.logistics-status-resolved{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.logistics-detail-status-badge.logistics-status-cancelled{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.logistics-comments-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow-x:hidden;padding:24px;width:100%}.logistics-detail-modal-footer{background:linear-gradient(180deg,#fff 0,#f8fafc);border-radius:0 0 16px 16px;border-top:2px solid #e2e8f0;box-shadow:0 -2px 8px #00000008;display:flex;justify-content:flex-end;padding:24px 32px}.logistics-btn-lg{font-size:16px;font-weight:700;letter-spacing:.5px;min-width:140px;padding:14px 36px}@media (max-width:1200px){.logistics-detail-row{gap:24px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media (max-width:1000px){.logistics-compact-info-grid{gap:16px;grid-template-columns:1fr}}@media (max-width:768px){.logistics-modal-extra-large{border-radius:0;height:100vh;margin:0;width:100vw}.logistics-modal{border-radius:12px;max-height:95vh;max-width:95vw}.logistics-modal-extra-large{width:95vw}.logistics-detail-modal-header{align-items:stretch;border-radius:12px 12px 0 0;flex-direction:column;gap:14px;padding:18px 20px}.logistics-detail-modal-header:before{height:3px}.logistics-modal-title-section{align-items:flex-start;flex:1 1;flex-direction:column;gap:10px;min-width:0;padding-right:50px}.logistics-modal-title-section h2{color:#1e3c72;font-size:1.3rem;line-height:1.3}.detail-type-badge,.logistics-detail-type-badge{align-self:flex-start;font-size:.75rem;padding:6px 12px}.logistics-modal-header-actions{align-items:center;flex-direction:row;gap:10px;justify-content:flex-start;padding-right:50px;width:100%}.logistics-edit-actions{display:flex;flex:1 1;gap:8px}.logistics-edit-actions button{border-radius:8px;flex:1 1;font-size:.85rem;padding:10px 14px;white-space:nowrap}.logistics-modal-close{border-radius:8px;flex-shrink:0;font-size:22px;height:38px;position:absolute;right:16px;top:16px;width:38px}.logistics-detail-modal-body{padding:16px}.logistics-compact-info-grid{gap:12px;grid-template-columns:1fr;margin-bottom:16px}.logistics-info-card{padding:14px}.logistics-info-card h3{font-size:1rem;margin-bottom:12px}.logistics-info-row{flex-direction:column;gap:8px;padding:10px 0}.logistics-info-label{font-size:.85rem;min-width:auto}.logistics-info-value{font-size:.9rem}.logistics-dates-section{flex-direction:column;gap:10px;margin-bottom:16px;padding:14px}.logistics-date-item{font-size:.9rem;text-align:left}.logistics-action-content-compact{font-size:.9rem;max-height:80px;padding:12px}.logistics-comments-container-compact{padding:14px}.logistics-comment-item{margin-bottom:10px;padding:12px}.logistics-comment-header{font-size:.85rem}.logistics-comment-content{font-size:.9rem}.logistics-detail-modal-footer{border-radius:0 0 12px 12px;flex-direction:column;gap:8px;padding:14px 18px}.logistics-detail-modal-footer button{width:100%}.logistics-edit-form{display:flex;flex-direction:column;gap:16px}.logistics-form-section{margin-bottom:16px}.logistics-section-title{font-size:1.1rem;margin-bottom:12px}.logistics-exception-type-grid{gap:10px;grid-template-columns:1fr 1fr}.logistics-form-grid{gap:14px;grid-template-columns:1fr}.logistics-form-group label{font-size:.9rem}.logistics-form-group input,.logistics-form-group select,.logistics-form-group textarea{font-size:.9rem;padding:10px}}.logistics-modal-header-actions{align-items:center;display:flex;gap:12px}.logistics-edit-actions{display:flex;gap:8px}.detail-type-badge{background:#ffffff40;border:1px solid #fff6;border-radius:20px;box-shadow:0 2px 8px #00000026;color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.detail-type-badge.type-wrong_shipping{background:#dc35454d;border-color:#dc354580}.detail-type-badge.type-missing_shipping{background:#fd7e144d;border-color:#fd7e1480}.detail-type-badge.type-complaint{background:#6f42c14d;border-color:#6f42c180}.detail-type-badge.type-damage{background:#e83e8c4d;border-color:#e83e8c80}.detail-type-badge.type-quality{background:#20c9974d;border-color:#20c99780}.logistics-edit-form{background:#f8f9fa;overflow:visible;padding-right:0}.logistics-edit-form .logistics-form-section{background:#f8fafc;border:1px solid #d1d5db;border-radius:4px;margin-bottom:12px;padding:12px}.logistics-edit-form .logistics-section-title{align-items:center;border-bottom:1px solid #e5e7eb;color:#1f2937;display:flex;font-size:13px;font-weight:600;gap:4px;margin:0 0 8px;padding-bottom:6px}.logistics-modern-select{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;font-size:14px;font-weight:500;padding:14px 18px;transition:all .3s ease;width:100%}.logistics-modern-select:focus{background:#fafbfc;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.logistics-btn-success{background:#10b981;border:none;color:#fff}.logistics-btn-success:hover{background:#059669}.logistics-btn-sm{font-size:12px;padding:6px 12px}@media (max-width:768px){.logistics-modal-header-actions{align-items:stretch;flex-direction:column;gap:8px;padding-right:50px}.logistics-edit-actions{justify-content:stretch}.logistics-edit-actions .logistics-btn{flex:1 1}.logistics-edit-form{max-height:60vh}}.logistics-header-buttons{align-items:center;display:flex;gap:12px}.logistics-btn-secondary{background:linear-gradient(135deg,#64748b,#475569);border:2px solid #0000;border-radius:10px;box-shadow:0 2px 8px #64748b40;color:#fff;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.3px;min-width:120px;padding:12px 28px;transition:all .3s ease}.logistics-btn-secondary:hover{background:linear-gradient(135deg,#475569,#334155);border-color:#334155;box-shadow:0 4px 16px #64748b66;transform:translateY(-2px)}.logistics-btn-secondary:active{box-shadow:0 2px 8px #64748b4d;transform:translateY(0)}.logistics-complaint-stats-modal{max-height:90vh;max-width:1000px;overflow-y:auto;width:90vw}.logistics-stats-filters{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:16px;margin-bottom:24px;padding:20px}.logistics-filter-group{display:flex;flex-direction:column;gap:8px}.logistics-filter-group label{color:#374151;font-size:14px;font-weight:600}.logistics-date-range{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.logistics-date-range input[type=date]{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:14px;min-width:140px;padding:8px 12px}.logistics-date-range span{color:#6b7280;font-weight:500}.logistics-partner-filter,.logistics-product-filter{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;width:100%}.logistics-partner-filter:focus,.logistics-product-filter:focus{border-color:#1e3c72;box-shadow:0 0 0 3px #1e3c721a;outline:none}.logistics-filter-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.logistics-stats-content{display:flex;flex-direction:column;gap:24px}.logistics-stats-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.logistics-stats-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;color:#fff;padding:20px;text-align:center}.logistics-stats-card h3{font-size:14px;font-weight:600;margin:0 0 8px;opacity:.9}.logistics-stats-number{font-size:24px;font-weight:700;margin:0}.logistics-stats-section{border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:20px}.logistics-stats-section h3{border-bottom:2px solid #e2e8f0;color:#1e3c72;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.logistics-stats-table{overflow-x:auto}.logistics-stats-table table{border-collapse:collapse;font-size:14px;width:100%}.logistics-stats-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#374151;font-weight:600;padding:12px 8px;text-align:left}.logistics-stats-table td{border-bottom:1px solid #f3f4f6;color:#6b7280;padding:10px 8px}.logistics-stats-table tr:hover{background:#f9fafb}.logistics-stats-chart{margin-top:16px}.logistics-chart-bars{align-items:flex-end;background:#f8fafc;border-radius:8px;display:flex;gap:8px;height:200px;justify-content:space-between;padding:16px}.logistics-chart-bar{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;max-width:80px}.logistics-bar-label{color:#6b7280;font-size:11px;margin-bottom:8px;text-align:center;writing-mode:horizontal-tb}.logistics-bar-container{align-items:flex-end;display:flex;flex:1 1;justify-content:center;margin-bottom:8px;width:100%}.logistics-bar-fill{background:linear-gradient(0deg,#1e3c72,#2a5298);border-radius:4px 4px 0 0;min-height:4px;transition:all .3s ease;width:20px}.logistics-bar-fill:hover{background:linear-gradient(0deg,#2a5298,#1e3c72);transform:scaleY(1.1)}.logistics-bar-value{color:#374151;font-size:12px;font-weight:600}.logistics-image-upload-container{margin-top:16px}.logistics-image-upload-area{align-items:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:200px;padding:24px;transition:all .3s ease}.logistics-image-upload-area:hover{background:#f1f5f9;border-color:#667eea}.logistics-image-upload-area.dragging{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea;border-width:3px;transform:scale(1.02)}.logistics-image-upload-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.logistics-image-upload-button:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.logistics-upload-icon{font-size:1.2rem}.logistics-image-preview-container{margin-top:16px}.logistics-images-preview-wrapper{display:flex;flex-direction:column;gap:16px;width:100%}.logistics-images-preview-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));width:100%}.logistics-image-preview-item{aspect-ratio:1;background:#f8fafc;border-radius:8px;box-shadow:0 4px 12px #0000001a;overflow:hidden;position:relative}.logistics-image-preview-item img{display:block;height:100%;object-fit:cover;width:100%}.logistics-add-more-button{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:12px 20px;text-decoration:none;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.logistics-add-more-button:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.logistics-image-preview{border-radius:8px;box-shadow:0 4px 12px #0000001a;display:inline-block;overflow:hidden;position:relative}.logistics-image-preview img{display:block;height:auto;max-height:200px;max-width:300px;width:auto}.logistics-image-remove-btn{align-items:center;background:#dc3545e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .3s ease;width:24px}.logistics-image-remove-btn:hover{background:#dc3545;transform:scale(1.1)}.logistics-upload-placeholder{align-items:center;display:flex;flex-direction:column;gap:16px;text-align:center}.logistics-upload-icon-large{animation:float 3s ease-in-out infinite;font-size:4rem;opacity:.6}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.logistics-upload-hints{color:#64748b;margin-top:8px}.logistics-upload-hints p{font-size:.95rem;margin:4px 0}.logistics-upload-hint-sub{color:#94a3b8;font-size:.85rem!important;font-style:italic}.logistics-image-section{background:#f9fafb;border:1px solid #d1d5db;border-radius:4px;margin:12px 0;padding:10px 12px}.logistics-image-section h3{color:#374151;font-size:.8rem;font-weight:600;margin:0 0 8px}.logistics-attached-image-container{border-radius:4px;cursor:pointer;display:inline-block;overflow:hidden;position:relative;transition:transform .2s ease}.logistics-attached-image-container:hover{transform:scale(1.02)}.logistics-attached-image{border-radius:4px;box-shadow:0 2px 6px #0000001a;display:block;height:auto;max-height:150px;max-width:200px;width:auto}.logistics-image-overlay{background:linear-gradient(#0000,#000000b3);bottom:0;color:#fff;font-size:.9rem;left:0;opacity:0;padding:12px;position:absolute;right:0;text-align:center;transition:opacity .3s ease}.logistics-attached-image-container:hover .logistics-image-overlay{opacity:1}.logistics-image-modal-overlay{align-items:center;background:#000000e6;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.logistics-image-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;cursor:default;max-height:90vh;max-width:90vw;overflow:hidden}.logistics-image-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.logistics-image-modal-header h3{color:#1e3c72;font-size:1.2rem;font-weight:600;margin:0}.logistics-image-modal-close{background:none;border:none;border-radius:4px;color:#64748b;cursor:pointer;font-size:24px;padding:4px 8px;transition:all .3s ease}.logistics-image-modal-close:hover{background:#e2e8f0;color:#374151}.logistics-image-modal-body{align-items:center;display:flex;justify-content:center;padding:20px;position:relative;text-align:center}.logistics-image-modal-content{border-radius:8px;height:auto;max-height:70vh;max-width:100%;width:auto}.logistics-image-nav-btn{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:28px;height:50px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:50px;z-index:10}.logistics-image-nav-btn:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.logistics-image-nav-prev{left:20px}.logistics-image-nav-next{right:20px}@media (max-width:768px){.logistics-header-buttons{align-items:stretch;flex-direction:column;gap:8px}.logistics-stats-filters{padding:16px}.logistics-filter-group{width:100%}.logistics-date-range{align-items:stretch;flex-direction:column}.logistics-date-range input[type=date]{width:100%}.logistics-filter-buttons{flex-direction:column}.logistics-filter-buttons button{width:100%}.logistics-stats-summary{grid-template-columns:repeat(2,1fr)}.logistics-chart-bars{height:150px;padding:12px}.logistics-bar-label{font-size:10px}.logistics-complaint-stats-modal,.logistics-export-modal{max-height:85vh;width:95vw}.export-type-checkboxes{gap:12px;grid-template-columns:1fr}.filter-row{align-items:flex-start;flex-direction:column}.filter-row label{margin-bottom:4px}}.logistics-export-modal{max-height:80vh;max-width:90vw;overflow-y:auto;width:600px}.export-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:24px;padding:16px}.export-section h4{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0 0 16px}.export-type-checkboxes{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.export-type-checkbox{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s}.export-type-checkbox:hover{background:#f0f9ff;border-color:#3b82f6}.export-type-checkbox input[type=checkbox]{cursor:pointer;margin:0}.checkbox-label{color:#374151;font-weight:500}.export-type-actions{display:flex;gap:8px;margin-bottom:12px}.select-all-btn,.select-none-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:.9rem;padding:6px 12px;transition:all .2s}.select-all-btn:hover{background:#f3f4f6;border-color:#9ca3af}.select-none-btn:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.export-note{color:#6b7280;font-size:.9rem;font-style:italic;margin:0}.export-filters{grid-gap:16px;display:grid;gap:16px}.filter-row{gap:12px}.filter-row label{color:#374151;font-weight:500;min-width:80px}.filter-row input{border:1px solid #d1d5db;border-radius:4px;flex:1 1;font-size:.9rem;padding:8px 12px;transition:border-color .2s}.filter-row input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.export-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px}.export-btn-primary,.export-btn-secondary{border:none;border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px;transition:all .2s}.export-btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;color:#374151}.export-btn-secondary:hover{background:#e5e7eb;border-color:#9ca3af}.export-btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.export-btn-primary:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.email-modal-table{border:1px solid #d1d5db;border-collapse:collapse;margin-bottom:16px;width:100%}.email-modal-table tr{border-bottom:1px solid #e5e7eb}.email-modal-table tr:last-child{border-bottom:none}.email-modal-table th{background:#f3f4f6;border-right:1px solid #d1d5db;color:#374151;font-size:13px;font-weight:600;padding:10px 12px;text-align:left;vertical-align:top;width:120px}.email-modal-table td{background:#fff;padding:8px 12px}.email-modal-table input,.email-modal-table textarea{background:#0000;border:none;color:#111827;font-family:inherit;font-size:13px;outline:none;padding:0;resize:none;width:100%}.email-modal-table input:focus,.email-modal-table textarea:focus{background:#fffbeb}.email-modal-table textarea{line-height:1.6;min-height:180px}.email-modal-table .form-hint{color:#6b7280;display:block;font-size:11px;margin-top:4px}.email-history-buttons{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.email-history-label{color:#6b7280;display:block;font-size:11px;font-weight:500;margin-bottom:6px}.email-history-btn{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;color:#374151;cursor:pointer;font-size:12px;padding:4px 10px;transition:all .15s}.email-history-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#111827}.email-history-btn:active{background:#e5e7eb}.email-attachment-info{align-items:center;background:#f0f9ff;border:1px solid #bfdbfe;border-radius:6px;color:#1e40af;display:flex;font-size:13px;gap:8px;margin-top:12px;padding:10px 12px}.email-attachment-info .attachment-icon{font-size:16px}.logistics-modal-medium{max-width:700px;width:90%}.logistics-modal-body{max-height:calc(90vh - 180px);overflow-y:auto;padding:20px}.logistics-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.logistics-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;min-width:100px;padding:10px 20px;transition:all .2s}.logistics-btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.logistics-btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.logistics-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.logistics-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d}.logistics-btn:disabled{cursor:not-allowed;opacity:.5}body.dark .logistics-page{background:#0000!important;color:#e7edf5}body.dark .logistics-page h1,body.dark .logistics-page h2,body.dark .logistics-page h3{color:#eaf0f8!important}body.dark .logistics-page label{color:#c4d0e0!important}body.dark .exception-create-modal,body.dark .logistics-day-modal,body.dark .logistics-detail-modal-header,body.dark .logistics-exception-modal-body,body.dark .logistics-exception-modal-footer,body.dark .logistics-image-modal,body.dark .logistics-image-modal-header,body.dark .logistics-modal,body.dark .logistics-modal-footer,body.dark .logistics-page .exceptions-table-container,body.dark .logistics-page .export-section,body.dark .logistics-page .logistics-comments-container,body.dark .logistics-page .logistics-comments-container-compact,body.dark .logistics-page .logistics-comments-section,body.dark .logistics-page .logistics-detail-card,body.dark .logistics-page .logistics-detail-content,body.dark .logistics-page .logistics-detail-section,body.dark .logistics-page .logistics-filters-section,body.dark .logistics-page .logistics-image-section,body.dark .logistics-page .logistics-image-upload-area,body.dark .logistics-page .logistics-info-card,body.dark .logistics-page .logistics-stats-filters,body.dark .logistics-page .logistics-stats-section{background:#141d2b!important;border-color:#26344a!important;color:#d7e0ec!important}body.dark .exception-type-card,body.dark .logistics-date-card,body.dark .logistics-date-summary,body.dark .logistics-day-exception-card,body.dark .logistics-day-stat-card,body.dark .logistics-image-preview-item,body.dark .logistics-page .logistics-exception-card,body.dark .logistics-page .logistics-mini-exception-card,body.dark .logistics-stat-chip,body.dark .no-image,body.dark .reason-box{background:#18253a!important;border-color:#2a3b55!important;color:#dce6f2!important}body.dark .email-modal-table th,body.dark .logistics-detail-table th,body.dark .logistics-page .exceptions-table th,body.dark .logistics-stats-table th{background:#1b2839!important;border-color:#26344a!important;color:#c4d0e0!important}body.dark .email-modal-table td,body.dark .logistics-detail-table td,body.dark .logistics-page .exceptions-table td{background:#0000!important;border-color:#22304a!important;color:#d7e0ec!important}body.dark .logistics-page .exceptions-table tbody tr{background:#0000!important}body.dark .logistics-detail-table tr:hover,body.dark .logistics-page .exceptions-table tbody tr.clickable-row:hover,body.dark .logistics-page .exceptions-table tbody tr:hover,body.dark .logistics-stats-table tr:hover{background:#1b2a40!important}body.dark .email-modal-table textarea,body.dark .logistics-comment-input,body.dark .logistics-modern-input,body.dark .logistics-modern-select,body.dark .logistics-modern-textarea,body.dark .logistics-page input,body.dark .logistics-page select,body.dark .logistics-page textarea,body.dark .logistics-select-field,body.dark .logistics-select-field-modern,body.dark .status-select{background:#0f1a2a!important;border-color:#2c3b52!important;color:#e7edf5!important}body.dark .logistics-page input::placeholder,body.dark .logistics-page textarea::placeholder{color:#6f8098!important}body.dark .logistics-form-group input[type=date],body.dark .logistics-page input[type=date]{color-scheme:dark}body.dark .logistics-page .logistics-tabs,body.dark .logistics-page .logistics-type-filter-tabs,body.dark .logistics-page .logistics-view-tabs,body.dark .logistics-page .logistics-view-toggle{background:#141d2b!important;border-color:#26344a!important}body.dark .email-history-btn,body.dark .export-btn-secondary,body.dark .logistics-btn-outline,body.dark .logistics-btn-secondary,body.dark .logistics-cancel-btn,body.dark .logistics-form-actions button[type=button],body.dark .select-none-btn{background:#22304a!important;border-color:#2c3b52!important;color:#d7e0ec!important}body.dark .logistics-calendar-day,body.dark .logistics-calendar-header,body.dark .logistics-calendar-view{background:#141d2b!important;border-color:#26344a!important}body.dark .logistics-calendar-day{color:#c4d0e0!important}body.dark .logistics-calendar-day:hover{background:#1b2a40!important}body.dark .logistics-calendar-day.other-month{background:#10192699!important;color:#56657c!important}body.dark .logistics-weekday{background:#1b2839!important;color:#a1b1c7!important}body.dark .logistics-page [style*="rgb(243, 244, 246)"], body.dark .logistics-page [style*="rgb(245, 245, 245)"], body.dark .logistics-page [style*="rgb(248, 250, 252)"], body.dark .logistics-page [style*="rgb(249, 250, 251)"], body.dark .logistics-page [style*="rgb(255, 255, 255)"]{background-color:#18233a!important}body.dark .logistics-page [style*="rgb(209, 213, 219)"], body.dark .logistics-page [style*="rgb(229, 231, 235)"]{border-color:#2a3b55!important}body.dark .logistics-page [style*="rgb(31, 41, 55)"], body.dark .logistics-page [style*="rgb(51, 51, 51)"], body.dark .logistics-page [style*="rgb(55, 65, 81)"]{color:#e7edf5!important}body.dark .logistics-page [style*="rgb(102, 102, 102)"], body.dark .logistics-page [style*="rgb(107, 114, 128)"]{color:#9daac0!important}.lcm{display:none}@media (max-width:768px){.logistics-page{--l-surf:#fff;--l-surf2:#f4f7fc;--l-line:#e7ecf3;--l-ink:#1b2533;--l-ink2:#5e6b7e;--l-ink3:#9aa6b6;padding:10px!important}body.dark .logistics-page{--l-surf:#131d2f;--l-surf2:#16223a;--l-line:#94a3b829;--l-ink:#e7edf6;--l-ink2:#9aa7bd;--l-ink3:#6b7890}.logistics-page .stats-page-header{align-items:stretch!important;background:#0000!important;border:0!important;flex-direction:column!important;gap:10px!important;margin-bottom:12px!important;padding:0!important}.logistics-page .stats-page-header h1{color:var(--l-ink)!important;font-size:19px!important;font-weight:800!important;margin:0!important}.logistics-page .stats-filters{padding:0!important;width:100%!important}.logistics-page .logistics-header-buttons{display:flex!important;gap:8px!important;width:100%!important}.logistics-page .logistics-header-buttons .stats-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:0!important;border-radius:11px!important;color:#fff!important;flex:1 1!important;font-size:13px!important;font-weight:800!important;order:-1!important;padding:12px!important}.logistics-page .logistics-header-buttons .stats-btn-secondary{color:var(--l-ink2)!important;flex:0 0 auto!important;font-size:12px!important;font-weight:700!important;padding:10px 12px!important;white-space:nowrap!important}.logistics-page .logistics-header-buttons .stats-btn-secondary,.logistics-page .logistics-view-tabs{background:var(--l-surf)!important;border:1px solid var(--l-line)!important;border-radius:11px!important}.logistics-page .logistics-view-tabs{display:flex!important;gap:3px!important;margin:0 0 12px!important;padding:3px!important}.logistics-page .logistics-view-tabs .logistics-tab{background:#0000!important;border:0!important;border-radius:8px!important;color:var(--l-ink2)!important;flex:1 1!important;font-size:13px!important;font-weight:700!important;padding:9px 0!important}.logistics-page .logistics-view-tabs .logistics-tab.active{background:linear-gradient(180deg,#3b82f6,#2563eb)!important;color:#fff!important}.logistics-page .logistics-type-filter-tabs{border:0!important;display:flex!important;gap:8px!important;margin:0 0 10px!important;overflow-x:auto!important;padding:0 0 4px!important}.logistics-page .logistics-type-filter-tabs::-webkit-scrollbar{display:none}.logistics-page .logistics-type-tab{background:var(--l-surf)!important;border:1px solid var(--l-line)!important;border-radius:20px!important;color:var(--l-ink2)!important;flex:0 0 auto!important;font-size:12.5px!important;font-weight:700!important;padding:8px 14px!important}.logistics-page .logistics-type-tab.active{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border-color:#0000!important;color:#fff!important}.logistics-page .logistics-filters-section{background:#0000!important;border:0!important;margin:0 0 10px!important;padding:0!important}.logistics-page .logistics-search-filters{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.logistics-page .logistics-search-input{background:var(--l-surf)!important;border:1px solid var(--l-line)!important;border-radius:12px!important;color:var(--l-ink)!important;flex:1 0 100%!important;font-size:13px!important;padding:11px 13px!important;width:100%!important}.logistics-page .logistics-filter-select{color:var(--l-ink)!important;flex:1 1!important;min-width:0!important;padding:10px 12px!important}.logistics-page .logistics-filter-select,.logistics-page .logistics-filters-section .logistics-btn{background:var(--l-surf)!important;border:1px solid var(--l-line)!important;border-radius:11px!important;font-size:12.5px!important}.logistics-page .logistics-filters-section .logistics-btn{color:var(--l-ink2)!important;flex:0 0 auto!important;font-weight:700!important;padding:10px 14px!important}.logistics-page .exceptions-table-container .exceptions-table{display:none!important}.logistics-page .exceptions-table-container{background:#0000!important;border:0!important;box-shadow:none!important;overflow:visible!important;padding:0!important}.lcm{display:block!important}.lcm-item{border-bottom:1px solid var(--l-line)!important;cursor:pointer;display:flex!important;gap:11px!important;padding:14px 2px!important}.lcm-thumb{background:var(--l-surf2)!important;border:1px solid var(--l-line)!important;border-radius:10px!important;color:var(--l-ink3);display:grid!important;flex:0 0 auto!important;font-size:18px;height:48px!important;overflow:hidden!important;place-items:center!important;width:48px!important}.lcm-thumb img{height:100%!important;object-fit:cover!important;width:100%!important}.lcm-body{flex:1 1!important;min-width:0!important}.lcm-r1{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin-bottom:6px!important}.lcm-tbadge{border-radius:7px!important;font-size:10.5px!important;font-weight:800!important;padding:3px 9px!important;white-space:nowrap!important}.lcm-tbadge.complaint{background:#d946ef26;border:1px solid #d946ef4d;color:#c026d3}.lcm-tbadge.broken{background:#ef444426;border:1px solid #ef44444d;color:#dc2626}.lcm-tbadge.defect{background:#f59e0b26;border:1px solid #f59e0b4d;color:#b4790b}.lcm-tbadge.contam{background:#14b8a626;border:1px solid #14b8a64d;color:#0d9488}body.dark .lcm-tbadge.complaint{color:#e879f9}body.dark .lcm-tbadge.broken{color:#f87171}body.dark .lcm-tbadge.defect{color:#fbbf24}body.dark .lcm-tbadge.contam{color:#5eead4}.lcm-action{background:#3b82f624!important;border-radius:6px!important;color:#2563eb!important;font-size:10px!important;font-weight:800!important;padding:2px 7px!important}body.dark .lcm-action{color:#93c5fd!important}.lcm-sbadge{background:#94a3b829!important;border-radius:7px!important;color:var(--l-ink2)!important;font-size:10px!important;font-weight:800!important;margin-left:auto!important;padding:3px 9px!important;white-space:nowrap!important}.lcm-sbadge.done{background:#22c55e26!important;border:1px solid #22c55e4d!important;color:#16a34a!important}body.dark .lcm-sbadge.done{color:#4ade80!important}.lcm-pname{-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;color:var(--l-ink)!important;display:-webkit-box!important;font-size:12.5px!important;font-weight:700!important;line-height:1.4!important;overflow:hidden!important}.lcm-meta{color:var(--l-ink2)!important;display:flex!important;flex-wrap:wrap!important;font-size:11px!important;gap:4px 7px!important;margin-top:6px!important}.lcm-meta .dot,.lcm-meta .k{color:var(--l-ink3)!important}.lcm-foot{align-items:center!important;display:flex!important;justify-content:space-between!important;margin-top:8px!important}.lcm-dates{color:var(--l-ink3)!important;font-size:10.5px!important}.lcm-detail{background:#3b82f61a!important;border:1px solid #3b82f640!important;border-radius:9px!important;color:#2563eb!important;font-size:11px!important;font-weight:700!important;padding:5px 12px!important}body.dark .lcm-detail{color:#93c5fd!important}.logistics-page .stats-filters{display:block!important}.logistics-page .logistics-header-buttons{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important}.logistics-page .logistics-header-buttons button{margin:0!important;width:auto!important}.logistics-page .logistics-header-buttons .stats-btn-primary{flex:1 0 100%!important}.logistics-page .logistics-header-buttons .stats-btn-secondary{flex:1 1!important;min-width:0!important}.logistics-page .logistics-search-filters{align-items:center!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:8px!important}.logistics-page .logistics-search-filters .logistics-search-input{flex:1 0 100%!important;width:100%!important}.logistics-page .logistics-search-filters select:first-of-type{display:none!important}.logistics-page .logistics-search-filters select{flex:1 1!important;margin:0!important;min-width:0!important;width:auto!important}.logistics-page .logistics-search-filters .logistics-btn{flex:0 0 auto!important;margin:0!important;width:auto!important}.logistics-page .logistics-header-buttons .stats-btn-primary{align-items:center!important;display:flex!important;font-size:14px!important;height:46px!important;justify-content:center!important;line-height:1!important;min-height:0!important;padding:0 14px!important}.logistics-page .logistics-header-buttons .stats-btn-secondary{align-items:center!important;display:flex!important;font-size:12px!important;height:42px!important;justify-content:center!important;line-height:1.2!important;min-height:0!important;padding:0 10px!important;text-align:center!important}.logistics-page .logistics-view-tabs .logistics-tab{align-items:center!important;display:flex!important;flex:1 1!important;height:40px!important;justify-content:center!important;line-height:1!important;min-height:0!important;padding:0!important}.logistics-page .logistics-type-tab{min-height:0!important;min-width:0!important}.logistics-page .logistics-search-filters .logistics-btn,.logistics-page .logistics-search-filters .logistics-search-input,.logistics-page .logistics-search-filters select{min-height:0!important}.logistics-page .logistics-view-tabs{box-sizing:border-box!important;display:flex!important;flex-direction:row!important;width:100%!important}.logistics-page .logistics-view-tabs .logistics-tab{flex:1 1!important;max-width:none!important;min-width:0!important;width:auto!important}.logistics-page .logistics-type-filter-tabs{background:#0000!important;border:0!important;box-shadow:none!important;padding:0 0 4px!important}.logistics-modal-overlay{align-items:stretch!important;padding:0!important}.logistics-modal.logistics-modal-extra-large{--d-surf:#fff;--d-surf2:#f4f7fc;--d-line:#e7ecf3;--d-ink:#1b2533;--d-ink2:#5e6b7e;--d-ink3:#9aa6b6;background:var(--d-surf)!important;border-radius:0!important;display:flex!important;flex-direction:column!important;height:100%!important;margin:0!important;max-height:none!important;max-width:none!important;width:100%!important}body.dark .logistics-modal.logistics-modal-extra-large{--d-surf:#0b1220;--d-surf2:#16223a;--d-line:#94a3b829;--d-ink:#e7edf6;--d-ink2:#9aa7bd;--d-ink3:#6b7890}.logistics-modal-extra-large .logistics-modal-header{align-items:center!important;background:linear-gradient(180deg,#0f1a2e,#0f1729)!important;border-bottom:1px solid var(--d-line)!important;display:flex!important;flex:none!important;flex-wrap:wrap!important;gap:10px!important;padding:12px 14px!important}.logistics-modal-extra-large .logistics-modal-title-section{align-items:center!important;display:flex!important;flex:1 1 100%!important;gap:8px!important}.logistics-modal-extra-large .logistics-modal-title-section h2{color:#e7edf6!important;font-size:16px!important;font-weight:800!important;margin:0!important}.logistics-modal-extra-large .logistics-modal-header-actions{display:flex!important;flex:1 1 100%!important;flex-wrap:wrap!important;gap:7px!important}.logistics-modal-extra-large .logistics-modal-header-actions .logistics-btn{align-items:center!important;border-radius:10px!important;display:flex!important;flex:1 1!important;font-size:12.5px!important;height:38px!important;justify-content:center!important;min-height:0!important;padding:0 10px!important}.logistics-modal-extra-large .logistics-modal-close{background:#94a3b824!important;border:1px solid #94a3b82e!important;border-radius:9px!important;color:#cdd7e6!important;display:grid!important;font-size:17px!important;height:32px!important;min-height:0!important;min-width:0!important;place-items:center!important;position:absolute!important;right:12px!important;top:12px!important;width:32px!important}.logistics-modal-extra-large .logistics-modal-body{background:var(--d-surf)!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding:14px!important}.logistics-modal-extra-large .logistics-detail-table{background:var(--d-surf2)!important;border:1px solid var(--d-line)!important;border-radius:14px!important;display:block!important;margin:0 0 14px!important;padding:4px 14px!important;width:auto!important}.logistics-modal-extra-large .logistics-detail-table tbody,.logistics-modal-extra-large .logistics-detail-table tr{display:block!important;width:100%!important}.logistics-modal-extra-large .logistics-detail-table tr{grid-gap:4px 12px!important;align-items:start!important;border-bottom:1px solid var(--d-line)!important;display:grid!important;gap:4px 12px!important;grid-template-columns:84px 1fr!important;padding:10px 0!important}.logistics-modal-extra-large .logistics-detail-table tr:last-child{border-bottom:0!important}.logistics-modal-extra-large .logistics-detail-table th{background:#0000!important;border:0!important;color:var(--d-ink3)!important;font-size:11.5px!important;font-weight:700!important;padding:0!important;text-align:left!important;white-space:nowrap!important}.logistics-modal-extra-large .logistics-detail-table td{background:#0000!important;border:0!important;color:var(--d-ink)!important;font-size:13px!important;min-width:0!important;padding:0!important;word-break:break-word!important}.logistics-modal-extra-large .detail-type-badge{border-radius:9px!important;font-size:12px!important;font-weight:800!important;padding:5px 12px!important}.logistics-modal-extra-large .logistics-modern-select,.logistics-modal-extra-large input[type=date],.logistics-modal-extra-large input[type=text],.logistics-modal-extra-large select,.logistics-modal-extra-large textarea{background:var(--d-surf2)!important;border:1px solid var(--d-line)!important;border-radius:10px!important;color:var(--d-ink)!important}.logistics-modal-extra-large .logistics-modal-footer{background:var(--d-surf)!important;border-top:1px solid var(--d-line)!important;flex:none!important;padding:12px 14px!important}.logistics-modal.logistics-modal-extra-large{overflow:hidden!important}.logistics-modal-extra-large .logistics-modal-body{-webkit-overflow-scrolling:touch!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important}.logistics-modal-extra-large .logistics-comment-list,.logistics-modal-extra-large .logistics-comments-list,.logistics-modal-extra-large .logistics-detail-comments,.logistics-modal-extra-large .logistics-modal-body [style*=max-height],.logistics-modal-extra-large .logistics-modal-body [style*=overflow-y]{max-height:none!important;overflow:visible!important}.logistics-modal-extra-large .lcd{display:block}.lcd-card{background:var(--d-surf2);border:1px solid var(--d-line);border-radius:14px;margin-bottom:14px;padding:4px 15px}.lcd-row{grid-gap:4px 12px;align-items:start;border-bottom:1px solid var(--d-line);display:grid;gap:4px 12px;grid-template-columns:84px 1fr;padding:11px 0}.lcd-row:last-child{border-bottom:0}.lcd-k{color:var(--d-ink3);font-size:11.5px;font-weight:700}.lcd-v{color:var(--d-ink);font-size:13px;font-weight:600;min-width:0;word-break:break-word}.lcd-v .muted,.lcd-v.muted{color:var(--d-ink3);font-weight:500}.lcd-product{line-height:1.5}.lcd-pill{background:#94a3b829;border-radius:8px;color:var(--d-ink2);display:inline-block;font-size:11px;font-weight:800;padding:3px 10px}.lcd-chips{display:flex;flex-wrap:wrap;gap:6px}.lcd-chips span{background:#8b5cf624;border:1px solid #8b5cf640;border-radius:8px;color:#7c5cfc;font-size:11.5px;font-weight:700;padding:3px 9px}body.dark .lcd-chips span{color:#c4b5fd}.lcd-sec{margin-bottom:14px}.lcd-dt{align-items:center;color:var(--d-ink);display:flex;font-size:13px;font-weight:800;gap:8px;margin-bottom:9px}.lcd-bar{background:#d946ef;border-radius:2px;height:14px;width:3px}.lcd-box{background:var(--d-surf2);border:1px solid var(--d-line);border-radius:13px;padding:14px 15px}.lcd-txt{color:var(--d-ink2);font-size:13px;line-height:1.7;white-space:pre-wrap}.lcd-attach{display:flex;flex-wrap:wrap;gap:10px}.lcd-att{background:var(--d-surf2);border:1px solid var(--d-line);border-radius:13px;display:flex;flex-basis:calc(50% - 5px);flex-direction:column;flex-grow:1;flex-shrink:1;gap:9px;min-width:120px;padding:11px}.lcd-att .lcd-thumb{aspect-ratio:4/3;background:var(--d-surf);border:1px solid var(--d-line);border-radius:9px;cursor:pointer;overflow:hidden;width:100%}.lcd-att .lcd-thumb img,.lcd-att .lcd-thumb video{display:block;height:100%;object-fit:cover;width:100%}.lcd-dl{background:var(--d-surf);border:1px solid var(--d-line);border-radius:9px;color:var(--d-ink2);font-size:12px;font-weight:700;padding:8px;text-align:center;text-decoration:none}.logistics-modal-extra-large .logistics-modal-header{align-items:stretch!important;display:flex!important;flex-direction:column!important;gap:10px!important;padding:12px 14px!important;position:relative!important}.logistics-modal-extra-large .logistics-modal-title-section{align-items:center!important;display:flex!important;flex:none!important;gap:8px!important;padding-right:42px!important;width:100%!important}.logistics-modal-extra-large .logistics-modal-header-actions{align-items:center!important;display:flex!important;flex:none!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:7px!important;width:100%!important}.logistics-modal-extra-large .logistics-edit-actions{display:contents!important}.logistics-modal-extra-large .logistics-modal-header-actions .logistics-btn{align-items:center!important;border-radius:10px!important;display:flex!important;flex:1 1!important;font-size:12.5px!important;height:40px!important;justify-content:center!important;min-height:0!important;min-width:0!important;padding:0 8px!important;white-space:nowrap!important;width:auto!important}.logistics-modal-extra-large .logistics-modal-close{background:#94a3b824!important;border:1px solid #94a3b82e!important;border-radius:9px!important;color:#cdd7e6!important;display:grid!important;flex:none!important;font-size:18px!important;height:32px!important;margin:0!important;min-height:0!important;min-width:0!important;padding:0!important;place-items:center!important;position:absolute!important;right:12px!important;top:11px!important;width:32px!important}.logistics-modal-extra-large .task-comments{margin:0!important}.logistics-modal-extra-large .task-comments .comments-header h3,.logistics-modal-extra-large .task-comments .comments-header h4{color:var(--d-ink)!important;font-size:14px!important}.logistics-modal-extra-large .task-comments .comment-hint{display:none!important}.logistics-modal-extra-large .task-comments .no-comments{background:#0000!important;border:1px dashed var(--d-line)!important;border-radius:13px!important;color:var(--d-ink3)!important;padding:22px 16px!important;text-align:center!important}.logistics-modal-extra-large .task-comments .comment-form{align-items:flex-end!important;background:#0000!important;border:0!important;display:flex!important;flex-wrap:nowrap!important;gap:10px!important;margin-top:11px!important;padding:0!important}.logistics-modal-extra-large .task-comments .comment-input-container{display:block!important;flex:1 1 auto!important;min-width:0!important}.logistics-modal-extra-large .task-comments .current-user-avatar{display:none!important}.logistics-modal-extra-large .task-comments .comment-input-wrapper{width:100%!important}.logistics-modal-extra-large .task-comments .comment-input{background:var(--d-surf2)!important;border:1px solid var(--d-line)!important;border-radius:12px!important;box-sizing:border-box!important;color:var(--d-ink)!important;font-size:13px!important;min-height:46px!important;padding:12px 13px!important;width:100%!important}.logistics-modal-extra-large .task-comments .comment-actions{align-items:center!important;display:flex!important;flex:0 0 auto!important;gap:8px!important;margin-top:0!important}.logistics-modal-extra-large .task-comments .comment-actions .file-attach-btn{display:none!important}.logistics-modal-extra-large .task-comments .comment-actions .btn-primary{background:linear-gradient(180deg,#3b82f6,#2563eb)!important;border:0!important;border-radius:12px!important;color:#fff!important;display:grid!important;font-size:0!important;height:46px!important;min-height:0!important;min-width:46px!important;padding:0!important;place-items:center!important;width:46px!important}.logistics-modal-extra-large .task-comments .comment-actions .btn-primary:before{content:"↑"!important;font-size:18px!important;font-weight:800!important}.logistics-modal-extra-large .logistics-modal-header{gap:8px!important;padding:11px 14px 8px!important}.logistics-modal-extra-large .logistics-modal-title-section{justify-content:center!important;padding-right:0!important;text-align:center!important}.logistics-modal-extra-large .logistics-modal-body{padding-top:10px!important}.logistics-modal .task-comments .comment-input-container,.logistics-page .task-comments .comment-input-container{display:block!important}.logistics-modal .task-comments .current-user-avatar,.logistics-page .task-comments .current-user-avatar{display:none!important}.logistics-modal .task-comments .comment-input-wrapper,.logistics-page .task-comments .comment-input-wrapper{width:100%!important}.logistics-modal .task-comments .comment-input,.logistics-page .task-comments .comment-input{box-sizing:border-box!important;width:100%!important}.logistics-modal-extra-large .lcd .task-comments .comment-form,.logistics-modal-extra-large .lcd .task-comments .comment-input-container{display:block!important}.logistics-modal-extra-large .lcd .task-comments .current-user-avatar{display:none!important}.logistics-modal-extra-large .lcd .task-comments .comment-input,.logistics-modal-extra-large .lcd .task-comments .comment-input-wrapper{display:block!important;max-width:none!important;width:100%!important}.logistics-modal-extra-large .lcd .task-comments .comment-input{box-sizing:border-box!important}.logistics-modal-extra-large .lcd .task-comments .comment-actions{align-items:center!important;display:flex!important;gap:8px!important;justify-content:flex-end!important;margin-top:10px!important}.logistics-modal-extra-large .lcd .task-comments .comment-actions .file-attach-btn{display:none!important}.logistics-modal-extra-large .lcd .task-comments .comment-actions .btn-primary{background:linear-gradient(180deg,#3b82f6,#2563eb)!important;border:0!important;border-radius:12px!important;box-shadow:0 4px 12px #2563eb66!important;color:#fff!important;display:grid!important;font-size:0!important;height:46px!important;min-height:0!important;min-width:46px!important;padding:0!important;place-items:center!important;width:46px!important}.logistics-modal-extra-large .lcd .task-comments .comment-actions .btn-primary:before{content:"↑"!important;font-size:18px!important;font-weight:800!important}.logistics-modal-extra-large .lcd .task-comments .comment-actions .btn-primary:disabled{box-shadow:none!important;opacity:.45!important}.logistics-modal-extra-large .lcd .task-comments .comment-actions .btn-primary{align-items:center!important;background:linear-gradient(180deg,#3b82f6,#2563eb)!important;border:0!important;border-radius:11px!important;box-shadow:none!important;color:#fff!important;display:inline-flex!important;font-size:13px!important;font-weight:700!important;height:42px!important;justify-content:center!important;min-height:0!important;min-width:0!important;padding:0 16px!important;width:auto!important}.logistics-modal-extra-large .lcd .task-comments .comment-actions .btn-primary:before{content:none!important}.logistics-modal-extra-large .lcd .task-comments .comment-actions .btn-primary:disabled{opacity:.45!important}.logistics-modal-extra-large .logistics-modal-header{background:#fff!important;border-bottom:1px solid #e7ecf3!important}.logistics-modal-extra-large .logistics-modal-title-section h2{color:#1b2533!important}.logistics-modal-extra-large .logistics-modal-close{background:#f4f7fc!important;border:1px solid #e7ecf3!important;color:#5e6b7e!important}body.dark .logistics-modal-extra-large .logistics-modal-header{background:linear-gradient(180deg,#0f1a2e,#0f1729)!important;border-bottom:1px solid #94a3b829!important}body.dark .logistics-modal-extra-large .logistics-modal-title-section h2{color:#e7edf6!important}body.dark .logistics-modal-extra-large .logistics-modal-close{background:#94a3b824!important;border:1px solid #94a3b82e!important;color:#cdd7e6!important}.logistics-modal-extra-large .logistics-modal-header-actions{display:flex!important;gap:8px!important;justify-content:center!important;width:100%!important}.logistics-modal-extra-large .logistics-modal-header-actions .logistics-btn{flex:1 1!important;justify-content:center!important;text-align:center!important;width:auto!important}.logistics-modal-extra-large .logistics-modal-header .logistics-modal-header-actions{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;width:100%!important}.logistics-modal-extra-large .logistics-modal-header .logistics-modal-header-actions>.logistics-btn{flex:1 1!important;justify-content:center!important;margin:0!important;max-width:none!important;min-width:0!important;text-align:center!important;white-space:nowrap!important;width:auto!important}.logistics-modal-extra-large .logistics-modal-header .logistics-modal-header-actions>.logistics-modal-close{flex:0 0 auto!important}.logistics-modal.logistics-modal-extra-large .logistics-modal-header{align-items:stretch!important;display:flex!important;flex-direction:column!important}.logistics-modal.logistics-modal-extra-large .logistics-modal-header .logistics-modal-header-actions{grid-gap:8px!important;display:grid!important;gap:8px!important;grid-template-columns:1fr 1fr!important;width:100%!important}.logistics-modal.logistics-modal-extra-large .logistics-modal-header .logistics-modal-header-actions>.logistics-btn{align-items:center!important;display:flex!important;justify-content:center!important;margin:0!important;max-width:none!important;min-width:0!important;white-space:nowrap!important;width:100%!important}.logistics-modal.logistics-modal-extra-large .logistics-modal-header .logistics-modal-header-actions>.logistics-modal-close{height:32px!important;position:absolute!important;right:12px!important;top:11px!important;width:32px!important}.logistics-modal-extra-large .logistics-detail-modal-header{align-items:stretch!important;display:flex!important;flex-direction:column!important;position:relative!important}.logistics-modal-extra-large .logistics-detail-modal-header .logistics-modal-title-section{width:100%!important}.logistics-modal-extra-large .logistics-detail-modal-header .logistics-modal-header-actions{grid-gap:8px!important;box-sizing:border-box!important;display:grid!important;gap:8px!important;grid-template-columns:1fr 1fr!important;margin:0!important;width:100%!important}.logistics-modal-extra-large .logistics-detail-modal-header .logistics-modal-header-actions>.logistics-btn{justify-content:center!important;margin:0!important;max-width:none!important;min-width:0!important;width:100%!important}.logistics-modal-extra-large .logistics-detail-modal-header .logistics-modal-header-actions>.logistics-modal-close{height:32px!important;position:absolute!important;right:12px!important;top:11px!important;width:32px!important}.logistics-modal.logistics-modal-extra-large .logistics-detail-modal-header{display:block!important;padding-right:14px!important;position:relative!important}.logistics-modal.logistics-modal-extra-large .logistics-detail-modal-header .logistics-modal-title-section{display:flex!important;gap:8px!important;justify-content:center!important;margin:0 0 10px!important;padding-right:30px!important}.logistics-modal.logistics-modal-extra-large .logistics-detail-modal-header .logistics-modal-header-actions{grid-gap:8px!important;display:grid!important;gap:8px!important;grid-template-columns:1fr 1fr!important;width:100%!important}.logistics-modal.logistics-modal-extra-large .logistics-detail-modal-header .logistics-modal-header-actions>button.logistics-btn{box-sizing:border-box!important;justify-self:stretch!important;margin:0!important;max-width:none!important;min-width:0!important;width:100%!important}.logistics-modal.logistics-modal-extra-large .logistics-detail-modal-header .logistics-modal-header-actions>.logistics-modal-close{height:32px!important;position:absolute!important;right:12px!important;top:10px!important;width:32px!important}.logistics-modal.logistics-modal-extra-large .logistics-detail-modal-header{align-items:stretch!important;display:flex!important;flex-direction:column!important;padding-right:14px!important}.logistics-modal.logistics-modal-extra-large .logistics-detail-modal-header .logistics-modal-title-section{justify-content:center!important;margin:0 0 10px!important;padding-right:30px!important}.logistics-modal.logistics-modal-extra-large .logistics-detail-modal-header{align-items:stretch!important;display:flex!important;flex-direction:column!important;padding-right:0!important}.logistics-modal.logistics-modal-extra-large .logistics-detail-modal-header .logistics-modal-header-actions{grid-gap:8px!important;align-items:center!important;display:grid!important;gap:8px!important;grid-template-columns:1fr 1fr auto!important;width:100%!important}.logistics-modal.logistics-modal-extra-large .logistics-detail-modal-header .logistics-modal-header-actions>.logistics-btn{margin:0!important;max-width:none!important;min-width:0!important;width:100%!important}.logistics-modal.logistics-modal-extra-large .logistics-detail-modal-header .logistics-modal-header-actions>.logistics-modal-close{height:38px!important;position:static!important;width:34px!important}.logistics-modal.logistics-modal-extra-large .logistics-detail-modal-header{position:relative!important}.logistics-modal.logistics-modal-extra-large .logistics-detail-modal-header .logistics-modal-title-section{padding-right:36px!important}.logistics-modal.logistics-modal-extra-large .logistics-detail-modal-header .logistics-modal-header-actions{grid-template-columns:1fr 1fr!important}.logistics-modal.logistics-modal-extra-large .logistics-detail-modal-header .logistics-modal-header-actions>.logistics-modal-close{border-radius:9px!important;display:grid!important;height:32px!important;margin:0!important;padding:0!important;place-items:center!important;position:absolute!important;right:12px!important;top:10px!important;width:32px!important}.logistics-modal-extra-large .logistics-detail-modal-header .logistics-detail-close{background:#f4f7fc!important;border:1px solid #e7ecf3!important;border-radius:9px!important;color:#5e6b7e!important;display:grid!important;font-size:18px!important;height:32px!important;margin:0!important;min-height:0!important;min-width:0!important;padding:0!important;place-items:center!important;position:absolute!important;right:12px!important;top:10px!important;width:32px!important}body.dark .logistics-modal-extra-large .logistics-detail-modal-header .logistics-detail-close{background:#94a3b824!important;border:1px solid #94a3b82e!important;color:#cdd7e6!important}.logistics-modal-extra-large .logistics-detail-modal-header .logistics-modal-header-actions,.logistics-modal.logistics-modal-extra-large .logistics-detail-modal-header .logistics-modal-header-actions{grid-template-columns:1fr 1fr!important}.logistics-modal.logistics-modal-extra-large .logistics-detail-modal-header .logistics-modal-header-actions{padding:0!important}.logistics-modal.logistics-modal-extra-large .logistics-detail-modal-header{box-sizing:border-box!important;overflow-x:hidden!important;padding:12px 14px 8px!important}.logistics-modal.logistics-modal-extra-large .logistics-detail-modal-header .logistics-modal-header-actions{box-sizing:border-box!important;max-width:100%!important}.logistics-modal.logistics-modal-extra-large .logistics-detail-modal-header .logistics-modal-header-actions>.logistics-btn{box-sizing:border-box!important;min-width:0!important;width:auto!important}.logistics-modal.logistics-modal-extra-large .logistics-detail-modal-header .logistics-modal-title-section{justify-content:center!important;padding-right:0!important;text-align:center!important}.logistics-modal.logistics-modal-extra-large .logistics-detail-modal-header .logistics-modal-title-section h2{text-align:center!important;width:100%!important}.logistics-modal-extra-large .task-comments .comments-list{padding:0!important}.logistics-modal-extra-large .task-comments .comment-item{align-items:flex-start!important;background:#0000!important;border-bottom:1px solid var(--d-line)!important;display:flex!important;gap:10px!important;padding:12px 0!important}.logistics-modal-extra-large .task-comments .comment-avatar{flex:none!important}.logistics-modal-extra-large .task-comments .comment-content{background:#0000!important;border:0!important;box-shadow:none!important;flex:1 1!important;min-width:0!important;padding:0!important}.logistics-modal-extra-large .task-comments .comment-content:after,.logistics-modal-extra-large .task-comments .comment-content:before{display:none!important}.logistics-modal-extra-large .task-comments .comment-header{align-items:center!important;display:flex!important;gap:8px!important;margin-bottom:5px!important}.logistics-modal-extra-large .task-comments .comment-author .profile-image{display:none!important}.logistics-modal-extra-large .task-comments .comment-author,.logistics-modal-extra-large .task-comments .comment-author .profile-name{color:var(--d-ink)!important;font-size:13px!important;font-weight:700!important}.logistics-modal-extra-large .task-comments .comment-time{color:var(--d-ink3)!important;font-size:11px!important}.logistics-modal-extra-large .task-comments .comment-actions{display:flex!important;gap:4px!important;margin-left:auto!important}.logistics-modal-extra-large .task-comments .comment-delete,.logistics-modal-extra-large .task-comments .comment-edit{background:#0000!important;border:0!important;font-size:12px!important;min-height:0!important;min-width:0!important;padding:2px 5px!important}.logistics-modal-extra-large .task-comments .comment-text{background:var(--d-surf2)!important;border:1px solid var(--d-line)!important;border-radius:10px!important;color:var(--d-ink)!important;font-size:13px!important;line-height:1.6!important;padding:10px 12px!important;white-space:pre-wrap!important}.logistics-modal-extra-large .task-comments .comment-form,.logistics-modal-extra-large .task-comments .comments-header,.logistics-modal-extra-large .task-comments .comments-list{padding:0 8px!important}.logistics-modal-extra-large .task-comments .comment-form,.logistics-modal-extra-large .task-comments .comments-header,.logistics-modal-extra-large .task-comments .comments-list{padding:0!important}.logistics-modal-extra-large .task-comments .comment-text{padding:12px 15px!important}.logistics-modal-extra-large .task-comments .comment-input{padding:13px 15px!important}.logistics-modal-extra-large .task-comments .comment-item{padding:12px!important}}@media (max-width:768px){.modal-overlay:has(>.exception-create-modal){align-items:stretch!important;padding:0!important}.exception-create-modal{--c-bg:#fff;--c-surf:#f4f7fc;--c-field:#fff;--c-line:#e7ecf3;--c-ink:#1b2533;--c-ink2:#5e6b7e;--c-ink3:#9aa6b6;--c-blue:#3b82f6;background:var(--c-bg)!important;border-radius:0!important;display:flex!important;flex-direction:column!important;height:100%!important;margin:0!important;max-height:none!important;max-width:none!important;width:100%!important}body.dark .exception-create-modal{--c-bg:#0b1220;--c-surf:#131d2f;--c-field:#0e1828;--c-line:#94a3b829;--c-ink:#e7edf6;--c-ink2:#9aa7bd;--c-ink3:#6b7890}.exception-create-modal .logistics-exception-modal-header{align-items:center!important;background:linear-gradient(180deg,#0f1a2e,#0f1729)!important;border-bottom:1px solid var(--c-line)!important;display:flex!important;flex:none!important;gap:11px!important;padding:14px 16px!important}.exception-create-modal .logistics-modal-title-section{flex:1 1!important}.exception-create-modal .logistics-modal-title-section h2{color:#e7edf6!important;font-size:16px!important;font-weight:800!important;margin:0!important}.exception-create-modal .logistics-modal-subtitle{color:#6b7890!important;font-size:11px!important;margin:2px 0 0!important}.exception-create-modal .logistics-modal-close-btn{background:#94a3b81f!important;border:1px solid #94a3b82e!important;border-radius:10px!important;color:#cdd7e6!important;display:grid!important;flex:none!important;font-size:18px!important;height:34px!important;min-height:0!important;min-width:0!important;place-items:center!important;width:34px!important}.exception-create-modal .logistics-exception-modal-body{background:var(--c-bg)!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding:4px 16px 16px!important}.exception-create-modal .logistics-form-section{background:#0000!important;border:0!important;margin:16px 0 0!important;padding:0!important}.exception-create-modal .logistics-section-title{align-items:center!important;border:0!important;color:var(--c-ink)!important;display:flex!important;font-size:14px!important;font-weight:800!important;gap:8px!important;margin:0 0 13px!important;padding:0 0 0 10px!important;position:relative!important}.exception-create-modal .logistics-section-title:before{background:var(--c-blue)!important;border-radius:2px!important;content:""!important;height:15px!important;left:0!important;position:absolute!important;top:50%;transform:translateY(-50%);width:3px!important}.exception-create-modal .exception-type-grid{grid-gap:10px!important;display:grid!important;gap:10px!important;grid-template-columns:1fr 1fr!important}.exception-create-modal .exception-type-card{align-items:center!important;background:var(--c-surf)!important;border:1px solid var(--c-line)!important;border-radius:13px!important;color:var(--c-ink2)!important;cursor:pointer;display:flex!important;flex-direction:row!important;font-size:13.5px!important;font-weight:700!important;gap:8px!important;justify-content:center!important;padding:16px 12px!important}.exception-create-modal .exception-type-card .logistics-type-icon{font-size:16px!important;margin:0!important}.exception-create-modal .exception-type-card .logistics-type-label{font-size:13.5px!important}.exception-create-modal .exception-type-card.selected{background:#d946ef1a!important;border-color:#d946ef80!important;color:#c026d3!important}body.dark .exception-create-modal .exception-type-card.selected{color:#f0abfc!important}.exception-create-modal .logistics-detail-grid,.exception-create-modal .logistics-info-grid{display:flex!important;flex-direction:column!important;gap:13px!important}.exception-create-modal .logistics-info-card,.exception-create-modal .logistics-input-group{background:#0000!important;border:0!important;margin:0!important;padding:0!important;width:100%!important}.exception-create-modal .logistics-card-label,.exception-create-modal .logistics-modern-label{align-items:center!important;color:var(--c-ink2)!important;display:flex!important;font-size:12px!important;font-weight:700!important;gap:5px!important;margin:0 0 7px!important}.exception-create-modal .logistics-modern-label.required:after{color:#f87171!important;content:" *"!important}.exception-create-modal .logistics-modern-input,.exception-create-modal .logistics-modern-textarea,.exception-create-modal .logistics-select-field-modern{background:var(--c-field)!important;border:1px solid var(--c-line)!important;border-radius:11px!important;box-sizing:border-box!important;color:var(--c-ink)!important;font-size:13px!important;min-height:0!important;padding:12px 13px!important;width:100%!important}.exception-create-modal .logistics-modern-textarea{line-height:1.6!important;min-height:90px!important;resize:none!important}.exception-create-modal .logistics-modern-input::placeholder,.exception-create-modal .logistics-modern-textarea::placeholder{color:var(--c-ink3)!important}.exception-create-modal .logistics-select-field-modern{align-items:center!important;cursor:pointer;display:flex!important;justify-content:space-between!important}.exception-create-modal .logistics-selected-value-modern{color:var(--c-ink)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exception-create-modal .logistics-select-arrow{color:var(--c-ink3)!important;font-size:11px!important}.exception-create-modal .logistics-image-upload-area{background:var(--c-field)!important;border:1.5px dashed var(--c-line)!important;border-radius:14px!important;padding:24px 18px!important;text-align:center!important}.exception-create-modal .logistics-upload-icon-large{font-size:32px!important;margin-bottom:12px!important;opacity:.5!important}.exception-create-modal .logistics-image-upload-button{align-items:center!important;background:linear-gradient(135deg,#7c5cfc,#3b82f6)!important;border:0!important;border-radius:11px!important;color:#fff!important;display:inline-flex!important;font-size:13.5px!important;font-weight:800!important;gap:8px!important;min-height:0!important;padding:12px 22px!important}.exception-create-modal .logistics-upload-hints{margin-top:14px!important}.exception-create-modal .logistics-upload-hints p{color:var(--c-ink3)!important;font-size:11px!important;line-height:1.7!important;margin:0!important}.exception-create-modal .logistics-form-section:last-child{margin-top:0!important}.exception-create-modal .logistics-form-buttons{background:var(--c-bg)!important;border-top:1px solid var(--c-line)!important;bottom:0!important;display:flex!important;gap:10px!important;margin-top:12px!important;padding:12px 0 calc(12px + env(safe-area-inset-bottom))!important;position:-webkit-sticky!important;position:sticky!important}.exception-create-modal .logistics-cancel-btn{background:var(--c-surf)!important;border:1px solid var(--c-line)!important;border-radius:12px!important;color:var(--c-ink2)!important;flex:0 0 auto!important;font-size:13px!important;font-weight:700!important;min-height:0!important;padding:14px 20px!important}.exception-create-modal .logistics-submit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:0!important;border-radius:12px!important;color:#fff!important;flex:1 1!important;font-size:14px!important;font-weight:800!important;min-height:0!important;padding:14px!important}.exception-create-modal .logistics-card-label,.exception-create-modal .logistics-detail-grid,.exception-create-modal .logistics-form-section,.exception-create-modal .logistics-image-upload-container,.exception-create-modal .logistics-info-card,.exception-create-modal .logistics-info-grid,.exception-create-modal .logistics-input-group,.exception-create-modal .logistics-modern-label{background:#0000!important;border:0!important;box-shadow:none!important}.exception-create-modal .logistics-form-buttons{background:#0000!important;border-top:0!important}.exception-create-modal .exception-type-card{padding:10px 12px!important}.exception-create-modal .exception-type-grid{gap:8px!important}.exception-create-modal .logistics-exception-modal-header{background:#fff!important;border-bottom:1px solid #e7ecf3!important}.exception-create-modal .logistics-modal-title-section h2{color:#1b2533!important}.exception-create-modal .logistics-modal-subtitle{color:#9aa6b6!important}.exception-create-modal .logistics-modal-close-btn{background:#f4f7fc!important;border:1px solid #e7ecf3!important;color:#5e6b7e!important}body.dark .exception-create-modal .logistics-exception-modal-header{background:linear-gradient(180deg,#0f1a2e,#0f1729)!important;border-bottom:1px solid #94a3b829!important}body.dark .exception-create-modal .logistics-modal-title-section h2{color:#e7edf6!important}body.dark .exception-create-modal .logistics-modal-subtitle{color:#6b7890!important}body.dark .exception-create-modal .logistics-modal-close-btn{background:#94a3b81f!important;border:1px solid #94a3b82e!important;color:#cdd7e6!important}.logistics-page .logistics-calendar-header,.logistics-page .logistics-calendar-view{background:#0000!important;border:0!important;padding:0!important}.logistics-page .logistics-calendar-header{align-items:stretch!important;flex-direction:column!important;gap:10px!important;margin:0 0 12px!important}.logistics-page .logistics-calendar-nav{align-items:center!important;display:flex!important;gap:8px!important;justify-content:space-between!important;width:100%!important}.logistics-page .logistics-calendar-nav .logistics-btn{background:var(--l-surf)!important;border:1px solid var(--l-line)!important;border-radius:10px!important;color:var(--l-ink2)!important;flex:0 0 auto!important;font-size:12.5px!important;font-weight:700!important;min-height:0!important;min-width:0!important;padding:9px 12px!important;white-space:nowrap!important}.logistics-page .logistics-calendar-nav h3{color:var(--l-ink)!important;flex:1 1 auto!important;font-size:16px!important;font-weight:800!important;margin:0!important;text-align:center!important;white-space:nowrap!important}.logistics-page .logistics-calendar-legend{background:#0000!important;border:0!important;display:flex!important;flex-wrap:wrap!important;gap:6px 14px!important;justify-content:center!important;margin:0!important;padding:8px 0!important}.logistics-page .logistics-legend-item{align-items:center!important;color:var(--l-ink2)!important;display:flex!important;font-size:11.5px!important;gap:5px!important}.logistics-page .logistics-legend-color{border-radius:50%!important;height:9px!important;width:9px!important}.logistics-page .logistics-calendar-grid{background:var(--l-surf)!important;border:1px solid var(--l-line)!important;border-radius:14px!important;overflow:hidden!important;padding:8px!important}.logistics-page .logistics-calendar-weekdays{display:grid!important;grid-template-columns:repeat(7,1fr)!important;margin-bottom:4px!important}.logistics-page .logistics-weekday{background:#0000!important;border:0!important;color:var(--l-ink3)!important;font-size:11px!important;font-weight:700!important;padding:6px 0!important;text-align:center!important}.logistics-page .logistics-weekday:nth-child(6){color:#3b82f6!important}.logistics-page .logistics-weekday:nth-child(7){color:#ef4444!important}.logistics-page .logistics-calendar-days{grid-gap:2px!important;display:grid!important;gap:2px!important;grid-template-columns:repeat(7,1fr)!important}.logistics-page .logistics-calendar-day{align-items:stretch!important;background:#0000!important;border:0!important;border-radius:8px!important;display:flex!important;flex-direction:column!important;gap:3px!important;min-height:50px!important;padding:4px!important}.logistics-page .logistics-calendar-day:hover{background:var(--l-surf2)!important}.logistics-page .logistics-calendar-day.other-month{background:#0000!important;opacity:.35!important}.logistics-page .logistics-calendar-day.today{background:#3b82f61a!important}.logistics-page .logistics-calendar-day.today .logistics-day-number{color:#2563eb!important;font-weight:800!important}.logistics-page .logistics-day-number{color:var(--l-ink)!important;font-size:12px!important;font-weight:700!important;line-height:1.2!important;text-align:left!important}.logistics-page .logistics-calendar-day.other-month .logistics-day-number{color:var(--l-ink3)!important}.logistics-page .logistics-day-exceptions{display:flex!important;flex-direction:column!important;gap:2px!important}.logistics-page .logistics-exception-count{border-radius:5px!important;color:#fff!important;font-size:9.5px!important;font-weight:800!important;line-height:1.5!important;overflow:hidden!important;padding:1px 5px!important;text-overflow:ellipsis!important;white-space:nowrap!important}.logistics-day-modal{--m-bg:#fff;--m-surf:#f4f7fc;--m-line:#e7ecf3;--m-ink:#1b2533;--m-ink2:#5e6b7e;--m-ink3:#9aa6b6;background:var(--m-bg)!important;border-radius:0!important;display:flex!important;flex-direction:column!important;height:100%!important;margin:0!important;max-height:none!important;max-width:none!important;overflow:hidden!important;width:100%!important}body.dark .logistics-day-modal{--m-bg:#0b1220;--m-surf:#16223a;--m-line:#94a3b829;--m-ink:#e7edf6;--m-ink2:#9aa7bd;--m-ink3:#6b7890}.logistics-day-modal .logistics-day-modal-header{align-items:center!important;background:linear-gradient(135deg,#7c5cfc,#6d28d9)!important;display:flex!important;flex:none!important;justify-content:space-between!important;padding:16px!important}.logistics-day-modal .logistics-day-modal-date{align-items:center!important;display:flex!important;gap:9px!important}.logistics-day-modal .logistics-day-modal-date h2{align-items:baseline!important;color:#fff!important;display:flex!important;gap:7px!important;margin:0!important}.logistics-day-modal .logistics-day-modal-year{font-size:14px!important;font-weight:600!important;opacity:.85!important}.logistics-day-modal .logistics-day-modal-month-day{font-size:19px!important;font-weight:800!important}.logistics-day-modal .logistics-day-modal-icon{font-size:20px!important}.logistics-day-modal .logistics-modal-close{background:#ffffff2e!important;border:0!important;border-radius:10px!important;color:#fff!important;display:grid!important;font-size:18px!important;height:34px!important;min-height:0!important;min-width:0!important;place-items:center!important;position:static!important;width:34px!important}.logistics-day-modal .logistics-day-modal-stats{background:var(--m-bg)!important;display:flex!important;flex:none!important;gap:10px!important;padding:14px 14px 4px!important}.logistics-day-modal .logistics-day-stat-card{align-items:center!important;background:var(--m-surf)!important;border:1px solid var(--m-line)!important;border-radius:13px!important;display:flex!important;flex:1 1!important;flex-direction:column!important;gap:4px!important;min-width:0!important;padding:12px!important}.logistics-day-modal .logistics-day-stat-card.type-complaint{background:#d946ef1a!important;border-color:#d946ef4d!important}.logistics-day-modal .logistics-day-stat-card.type-damage{background:#ef44441a!important;border-color:#ef44444d!important}.logistics-day-modal .logistics-day-stat-card.type-quality{background:#f59e0b1a!important;border-color:#f59e0b4d!important}.logistics-day-modal .logistics-day-stat-card.type-contamination{background:#14b8a61a!important;border-color:#14b8a64d!important}.logistics-day-modal .logistics-day-stat-label{color:var(--m-ink2)!important;font-size:11.5px!important;font-weight:700!important}.logistics-day-modal .logistics-day-stat-value{color:var(--m-ink)!important;font-size:18px!important;font-weight:800!important}.logistics-day-modal .logistics-day-modal-body{background:var(--m-bg)!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding:10px 14px 16px!important}.logistics-day-modal .logistics-day-cards-container{display:flex!important;flex-direction:column!important;gap:12px!important}.logistics-day-modal .logistics-day-exception-card{background:var(--m-surf)!important;border:1px solid var(--m-line)!important;border-radius:14px!important;padding:14px!important}.logistics-day-modal .logistics-day-card-header{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin-bottom:12px!important}.logistics-day-modal .logistics-day-card-number{background:#94a3b829!important;border-radius:7px!important;color:var(--m-ink2)!important;font-size:12px!important;font-weight:800!important;padding:3px 9px!important}.logistics-day-modal .logistics-status-badge,.logistics-day-modal .logistics-type-badge{border-radius:7px!important;font-size:11px!important;font-weight:800!important;padding:3px 10px!important}.logistics-day-modal .logistics-status-badge{margin-left:auto!important}.logistics-day-modal .logistics-day-card-info{display:flex!important;flex-direction:column!important;gap:9px!important}.logistics-day-modal .logistics-day-info-row{align-items:flex-start!important;display:flex!important;gap:10px!important}.logistics-day-modal .logistics-day-info-label{color:var(--m-ink3)!important;flex:0 0 76px!important;font-size:12px!important;font-weight:700!important}.logistics-day-modal .logistics-day-info-value{color:var(--m-ink)!important;flex:1 1!important;font-size:13px!important;font-weight:600!important;min-width:0!important;word-break:break-word!important}.logistics-day-modal .logistics-day-card-footer{margin-top:13px!important}.logistics-day-modal .logistics-day-detail-btn{align-items:center!important;background:linear-gradient(135deg,#7c5cfc,#3b82f6)!important;border:0!important;border-radius:11px!important;color:#fff!important;display:flex!important;font-size:13.5px!important;font-weight:800!important;gap:7px!important;justify-content:center!important;min-height:0!important;padding:12px!important;width:100%!important}.logistics-day-modal .logistics-day-no-data{color:var(--m-ink3)!important;padding:40px 16px!important;text-align:center!important}.logistics-day-modal .logistics-day-no-data-icon{display:block!important;font-size:34px!important;margin-bottom:10px!important;opacity:.6!important}.logistics-modal-overlay .logistics-day-modal{border-radius:0!important;bottom:0!important;box-shadow:none!important;height:100%!important;left:0!important;margin:0!important;max-height:none!important;max-width:none!important;position:fixed!important;right:0!important;top:0!important;transform:none!important;width:100%!important}}.dxm-overlay{--x-bg:#fff;--x-surf:#f4f7fc;--x-line:#e7ecf3;--x-ink:#1b2533;--x-ink2:#5e6b7e;--x-ink3:#9aa6b6;background:#fff;inset:0;position:fixed;z-index:3000}body.dark .dxm-overlay{--x-bg:#0b1220;--x-surf:#16223a;--x-line:#94a3b829;--x-ink:#e7edf6;--x-ink2:#9aa7bd;--x-ink3:#6b7890;background:#0b1220}.dxm{background:var(--x-bg);display:flex;flex-direction:column;inset:0;overflow:hidden;position:absolute}.dxm-head{background:linear-gradient(135deg,#7c5cfc,#6d28d9);flex:0 0 auto;justify-content:space-between;padding:16px}.dxm-date,.dxm-head{align-items:center;display:flex}.dxm-date{gap:9px}.dxm-date-icon{font-size:20px}.dxm-date h2{align-items:baseline;color:#fff;display:flex;gap:7px;margin:0}.dxm-year{font-size:14px;font-weight:600;opacity:.85}.dxm-md{font-size:19px;font-weight:800}.dxm-close{background:#ffffff2e;border:0;border-radius:10px;color:#fff;cursor:pointer;display:grid;flex:0 0 auto;font-size:17px;height:34px;place-items:center;width:34px}.dxm-stats{display:flex;flex:0 0 auto;gap:10px;padding:14px 14px 4px}.dxm-stat{align-items:center;background:var(--x-surf);border:1px solid var(--x-line);border-radius:13px;display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0;padding:12px}.dxm-stat.type-complaint{background:#d946ef1a;border-color:#d946ef4d}.dxm-stat.type-damage{background:#ef44441a;border-color:#ef44444d}.dxm-stat.type-quality{background:#f59e0b1a;border-color:#f59e0b4d}.dxm-stat.type-contamination{background:#14b8a61a;border-color:#14b8a64d}.dxm-stat-label{color:var(--x-ink2);font-size:11.5px;font-weight:700}.dxm-stat-value{color:var(--x-ink);font-size:18px;font-weight:800}.dxm-body{display:flex;flex:1 1 auto;flex-direction:column;gap:12px;min-height:0;overflow-y:auto;padding:10px 14px calc(16px + env(safe-area-inset-bottom))}.dxm-card{background:var(--x-surf);border:1px solid var(--x-line);border-radius:14px;padding:14px}.dxm-card-head{align-items:center;display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.dxm-num{background:#94a3b829;color:var(--x-ink2);font-size:12px;padding:3px 9px}.dxm-num,.dxm-tbadge{border-radius:7px;font-weight:800}.dxm-tbadge{font-size:11px;padding:3px 10px}.dxm-tbadge.type-complaint{background:#d946ef26;color:#c026d3}.dxm-tbadge.type-damage{background:#ef444426;color:#dc2626}.dxm-tbadge.type-quality{background:#f59e0b26;color:#b4790b}.dxm-tbadge.type-contamination{background:#14b8a626;color:#0d9488}body.dark .dxm-tbadge.type-complaint{color:#e879f9}body.dark .dxm-tbadge.type-damage{color:#f87171}body.dark .dxm-tbadge.type-quality{color:#fbbf24}body.dark .dxm-tbadge.type-contamination{color:#5eead4}.dxm-sbadge{background:#94a3b829;border-radius:7px;color:var(--x-ink2);font-size:11px;font-weight:800;margin-left:auto;padding:3px 10px}.dxm-sbadge.status-completed,.dxm-sbadge.status-final_completed{background:#22c55e26;color:#16a34a}body.dark .dxm-sbadge.status-completed,body.dark .dxm-sbadge.status-final_completed{color:#4ade80}.dxm-rows{display:flex;flex-direction:column;gap:9px}.dxm-row{align-items:flex-start;display:flex;gap:10px}.dxm-k{color:var(--x-ink3);flex:0 0 76px;font-size:12px;font-weight:700}.dxm-v{color:var(--x-ink);flex:1 1;font-size:13px;font-weight:600;min-width:0;word-break:break-word}.dxm-detail{align-items:center;background:linear-gradient(135deg,#7c5cfc,#3b82f6);border:0;border-radius:11px;color:#fff;cursor:pointer;display:flex;font-size:13.5px;font-weight:800;gap:7px;justify-content:center;margin-top:13px;padding:12px;width:100%}.dxm-arrow{font-size:15px}.dxm-empty{color:var(--x-ink3);padding:50px 16px;text-align:center}.dxm-empty-ic{display:block;font-size:36px;margin-bottom:10px;opacity:.6}.dxm-empty p{font-size:13px;margin:0}@media (min-width:769px){.logistics-page{--p-bg:#fff;--p-surf:#fff;--p-surf2:#f4f7fc;--p-row:#f8fafc;--p-field:#fff;--p-line:#e7ecf3;--p-line2:#dfe5ee;--p-ink:#1b2533;--p-ink2:#5e6b7e;--p-ink3:#9aa6b6}body.dark .logistics-page{--p-bg:#0b1220;--p-surf:#131d2f;--p-surf2:#16223a;--p-row:#16233a;--p-field:#0e1828;--p-line:#94a3b824;--p-line2:#94a3b838;--p-ink:#e7edf6;--p-ink2:#9aa7bd;--p-ink3:#6b7890}.logistics-page .stats-page-header{align-items:center!important;background:#0000!important;border:0!important;display:flex!important;justify-content:space-between!important;margin-bottom:22px!important;padding:0!important}.logistics-page .stats-page-header h1{color:var(--p-ink)!important;font-size:24px!important;font-weight:800!important;margin:0!important}.logistics-page .stats-filters{padding:0!important;width:auto!important}.logistics-page .logistics-header-buttons{display:flex!important;gap:10px!important}.logistics-page .logistics-header-buttons .stats-btn-secondary{background:var(--p-surf)!important;border:1px solid var(--p-line)!important;border-radius:10px!important;color:var(--p-ink2)!important;font-size:13.5px!important;font-weight:700!important;padding:10px 16px!important}.logistics-page .logistics-header-buttons .stats-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:0!important;border-radius:10px!important;box-shadow:0 5px 14px #2563eb59!important;color:#fff!important;font-size:13.5px!important;font-weight:700!important;padding:10px 16px!important}.logistics-page .logistics-view-tabs{background:var(--p-surf)!important;border:1px solid var(--p-line)!important;border-radius:11px!important;display:inline-flex!important;gap:4px!important;margin-bottom:18px!important;padding:4px!important}.logistics-page .logistics-view-tabs .logistics-tab{background:#0000!important;border:0!important;border-radius:8px!important;color:var(--p-ink2)!important;font-size:14px!important;font-weight:700!important;padding:9px 20px!important}.logistics-page .logistics-view-tabs .logistics-tab.active{background:linear-gradient(180deg,#3b82f6,#2563eb)!important;color:#fff!important}.logistics-page .logistics-type-filter-tabs{border:0!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-bottom:20px!important;padding:0!important}.logistics-page .logistics-type-tab{align-items:center!important;background:var(--p-surf)!important;border:1px solid var(--p-line)!important;border-radius:10px!important;color:var(--p-ink2)!important;display:flex!important;font-size:14px!important;font-weight:700!important;gap:7px!important;padding:9px 18px!important}.logistics-page .logistics-type-tab.active{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border-color:#0000!important;color:#fff!important}.logistics-page .logistics-filters-section{background:#0000!important;border:0!important;margin-bottom:22px!important;padding:0!important}.logistics-page .logistics-search-filters{align-items:stretch!important;display:flex!important;gap:12px!important}.logistics-page .logistics-search-input{color:var(--p-ink)!important;flex:1 1!important}.logistics-page .logistics-filter-select,.logistics-page .logistics-search-input{background:var(--p-surf)!important;border:1px solid var(--p-line)!important;border-radius:11px!important;font-size:14px!important;padding:12px 16px!important}.logistics-page .logistics-filter-select{color:var(--p-ink2)!important;font-weight:600!important;min-width:170px!important}.logistics-page .logistics-filters-section .logistics-btn-secondary{background:var(--p-surf)!important;border:1px solid var(--p-line)!important;border-radius:11px!important;color:var(--p-ink2)!important;font-size:14px!important;font-weight:700!important;padding:12px 20px!important}.logistics-page .exceptions-table-container{background:var(--p-surf)!important;border:1px solid var(--p-line)!important;border-radius:14px!important;box-shadow:none!important;overflow:hidden!important;padding:0!important}.logistics-page .exceptions-table{border-collapse:collapse!important;font-size:13.5px!important;width:100%!important}.logistics-page .exceptions-table thead th{background:var(--p-surf2)!important;border-bottom:1px solid var(--p-line2)!important;color:var(--p-ink2)!important;font-size:12.5px!important;font-weight:700!important;padding:13px 14px!important;text-align:left!important;white-space:nowrap!important}.logistics-page .exceptions-table tbody td{background:#0000!important;border-bottom:1px solid var(--p-line)!important;color:var(--p-ink)!important;padding:14px!important;vertical-align:middle!important}.logistics-page .exceptions-table tbody tr:last-child td{border-bottom:0!important}.logistics-page .exceptions-table tbody tr.clickable-row:hover td{background:var(--p-row)!important}.logistics-page .logistics-type-badge{border-radius:8px!important;display:inline-block!important;font-size:12px!important;font-weight:800!important;padding:4px 11px!important;white-space:nowrap!important}.logistics-page .logistics-type-badge.logistics-type-complaint{background:#d946ef26!important;border:1px solid #d946ef4d!important;color:#c026d3!important}.logistics-page .logistics-type-badge.logistics-type-damage{background:#ef444426!important;border:1px solid #ef44444d!important;color:#dc2626!important}.logistics-page .logistics-type-badge.logistics-type-quality{background:#f59e0b26!important;border:1px solid #f59e0b4d!important;color:#b4790b!important}.logistics-page .logistics-type-badge.logistics-type-contamination{background:#14b8a626!important;border:1px solid #14b8a64d!important;color:#0d9488!important}body.dark .logistics-page .logistics-type-badge.logistics-type-complaint{color:#e879f9!important}body.dark .logistics-page .logistics-type-badge.logistics-type-damage{color:#f87171!important}body.dark .logistics-page .logistics-type-badge.logistics-type-quality{color:#fbbf24!important}body.dark .logistics-page .logistics-type-badge.logistics-type-contamination{color:#5eead4!important}.logistics-page .exceptions-table .logistics-thumbnail{border:1px solid var(--p-line)!important;border-radius:8px!important;height:42px!important;object-fit:cover!important;width:42px!important}.logistics-page .exceptions-table .no-image{background:var(--p-surf2)!important;border:1px solid var(--p-line)!important;border-radius:8px!important;display:grid!important;font-size:15px!important;height:42px!important;opacity:.5!important;place-items:center!important;width:42px!important}.logistics-page .compact-status-badge{background:#94a3b829!important;border:0!important;border-radius:8px!important;color:var(--p-ink2)!important;display:inline-block!important;font-size:12px!important;font-weight:800!important;padding:4px 11px!important;white-space:nowrap!important}.logistics-page .compact-status-badge.status-final_completed,.logistics-page .compact-status-badge.status-resolved{background:#22c55e26!important;border:1px solid #22c55e4d!important;color:#16a34a!important}body.dark .logistics-page .compact-status-badge.status-final_completed,body.dark .logistics-page .compact-status-badge.status-resolved{color:#4ade80!important}.logistics-page .exceptions-table .logistics-btn-outline{align-items:center!important;background:#3b82f61a!important;border:1px solid #3b82f647!important;border-radius:9px!important;color:#2563eb!important;display:inline-flex!important;font-size:12.5px!important;font-weight:700!important;gap:5px!important;padding:7px 14px!important}body.dark .logistics-page .exceptions-table .logistics-btn-outline{color:#93c5fd!important}.logistics-page .exceptions-table .logistics-btn-danger{border-radius:9px!important;font-size:12.5px!important;font-weight:700!important;padding:7px 12px!important}.logistics-page .stats-page-header{margin-bottom:16px!important}.logistics-page .stats-page-header h1{font-size:21px!important}.logistics-page .logistics-header-buttons .stats-btn-primary,.logistics-page .logistics-header-buttons .stats-btn-secondary{font-size:13px!important;padding:8px 13px!important}.logistics-page .logistics-view-tabs{margin-bottom:13px!important;padding:3px!important}.logistics-page .logistics-view-tabs .logistics-tab{font-size:13px!important;padding:7px 16px!important}.logistics-page .logistics-type-filter-tabs{gap:8px!important;margin-bottom:14px!important}.logistics-page .logistics-type-tab{font-size:13px!important;padding:7px 14px!important}.logistics-page .logistics-filters-section{margin-bottom:14px!important}.logistics-page .logistics-filter-select,.logistics-page .logistics-filters-section .logistics-btn-secondary,.logistics-page .logistics-search-input{font-size:13px!important;padding:9px 13px!important}.logistics-page .exceptions-table{font-size:13px!important}.logistics-page .exceptions-table thead th{font-size:12px!important;padding:9px 12px!important}.logistics-page .exceptions-table tbody td{padding:9px 12px!important}.logistics-page .exceptions-table td[data-label=\B4F1\B85D\C77C],.logistics-page .exceptions-table td[data-label=\BC1C\C0DD\B0A0\C9DC],.logistics-page .exceptions-table td[data-label=\C0C1\D0DC],.logistics-page .exceptions-table td[data-label=\C720\D615],.logistics-page .exceptions-table td[data-label=\C791\C131\C790],.logistics-page .exceptions-table td[data-label=\C791\C5C5],.logistics-page .exceptions-table th{white-space:nowrap!important}.logistics-page .exceptions-table td[data-label=\B2F4\B2F9\C790]{max-width:170px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.logistics-page .exceptions-table td[data-label=\AC70\B798\CC98]{max-width:180px!important}.logistics-page .exceptions-table td[data-label=\CCA8\BD80]{overflow:hidden!important;white-space:nowrap!important}.logistics-page .exceptions-table .logistics-thumbnail{height:38px!important;object-fit:cover!important;width:38px!important}.logistics-modal.logistics-modal-extra-large{--d2-bg:#fff;--d2-surf:#fff;--d2-surf2:#f4f7fc;--d2-field:#f8fafc;--d2-line:#e7ecf3;--d2-line2:#dfe5ee;--d2-ink:#1b2533;--d2-ink2:#5e6b7e;--d2-ink3:#9aa6b6;background:var(--d2-bg)!important;border-radius:18px!important;display:flex!important;flex-direction:column!important;max-height:92vh!important;max-width:96%!important;overflow:hidden!important;width:960px!important}body.dark .logistics-modal.logistics-modal-extra-large{--d2-bg:#0b1220;--d2-surf:#131d2f;--d2-surf2:#16223a;--d2-field:#0e1828;--d2-line:#94a3b824;--d2-line2:#94a3b838;--d2-ink:#e7edf6;--d2-ink2:#9aa7bd;--d2-ink3:#6b7890}.logistics-modal-extra-large .logistics-detail-modal-header{align-items:center!important;background:linear-gradient(180deg,#0f1a2e,#0f1729)!important;border-bottom:1px solid var(--d2-line)!important;display:flex!important;flex-wrap:nowrap!important;gap:12px!important;padding:18px 22px!important;position:relative!important}.logistics-modal-extra-large .logistics-detail-modal-header .logistics-modal-title-section{align-items:center!important;display:flex!important;flex:1 1 auto!important;gap:10px!important}.logistics-modal-extra-large .logistics-detail-modal-header .logistics-modal-title-section h2{color:#e7edf6!important;font-size:19px!important;font-weight:800!important;margin:0!important;white-space:nowrap!important}.logistics-modal-extra-large .logistics-detail-modal-header .detail-type-badge{border-radius:8px!important;font-size:12px!important;font-weight:800!important;padding:5px 12px!important}.logistics-modal-extra-large .logistics-detail-modal-header .logistics-modal-header-actions{display:flex!important;flex:0 0 auto!important;gap:10px!important;margin:0 44px 0 0!important;padding:0!important}.logistics-modal-extra-large .logistics-detail-modal-header .logistics-modal-header-actions .logistics-btn{background:#94a3b81a!important;border:1px solid var(--d2-line)!important;border-radius:10px!important;color:#cdd7e6!important;font-size:13.5px!important;font-weight:700!important;height:auto!important;min-height:0!important;padding:9px 15px!important;width:auto!important}.logistics-modal-extra-large .logistics-detail-modal-header .logistics-modal-header-actions .logistics-btn-info{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border-color:#0000!important;color:#fff!important}.logistics-modal-extra-large .logistics-detail-modal-header .logistics-detail-close{background:#94a3b81a!important;border:1px solid var(--d2-line)!important;border-radius:10px!important;color:#cdd7e6!important;display:grid!important;font-size:18px!important;height:38px!important;place-items:center!important;position:absolute!important;right:18px!important;top:50%!important;transform:translateY(-50%)!important;width:38px!important}.logistics-modal-extra-large .logistics-detail-modal-body{background:var(--d2-bg)!important;overflow-y:auto!important;padding:22px 24px!important}.logistics-modal-extra-large .logistics-detail-table{border:1px solid var(--d2-line)!important;border-collapse:collapse!important;border-radius:14px!important;margin:0!important;overflow:hidden!important;width:100%!important}.logistics-modal-extra-large .logistics-detail-table th{background:var(--d2-surf2)!important;color:var(--d2-ink2)!important;font-size:12.5px!important;font-weight:700!important;text-align:left!important;white-space:nowrap!important;width:120px!important}.logistics-modal-extra-large .logistics-detail-table td,.logistics-modal-extra-large .logistics-detail-table th{border-bottom:1px solid var(--d2-line)!important;border-right:1px solid var(--d2-line)!important;padding:12px 16px!important;vertical-align:middle!important}.logistics-modal-extra-large .logistics-detail-table td{background:var(--d2-bg)!important;color:var(--d2-ink)!important;font-size:13.5px!important;font-weight:600!important}.logistics-modal-extra-large .logistics-detail-table tr:last-child td,.logistics-modal-extra-large .logistics-detail-table tr:last-child th{border-bottom:0!important}.logistics-modal-extra-large .logistics-action-content{color:var(--d2-ink2)!important;font-size:13.5px!important;line-height:1.7!important;white-space:pre-wrap!important}.logistics-modal-extra-large .logistics-image-section{margin-top:20px!important}.logistics-modal-extra-large .logistics-image-section h3{color:var(--d2-ink)!important;font-size:14px!important;font-weight:800!important;margin:0 0 11px!important}.logistics-modal-extra-large .logistics-images-preview-grid{display:flex!important;flex-wrap:wrap!important;gap:12px!important}.logistics-modal-extra-large .logistics-attached-image-container{height:auto!important;width:150px!important}.logistics-modal-extra-large .logistics-attached-image{border:1px solid var(--d2-line)!important;border-radius:11px!important;height:150px!important;object-fit:cover!important;width:150px!important}.logistics-modal-extra-large .logistics-comments-section-compact{margin-top:22px!important}.logistics-modal-extra-large .logistics-detail-modal-footer{background:var(--d2-surf2)!important;border-top:1px solid var(--d2-line)!important;display:flex!important;justify-content:flex-end!important;padding:16px 24px!important}.logistics-modal-extra-large .logistics-detail-modal-footer .logistics-btn-secondary{background:var(--d2-surf2)!important;border:1px solid var(--d2-line2)!important;border-radius:11px!important;color:var(--d2-ink)!important;font-size:14px!important;font-weight:800!important;padding:11px 30px!important}body.dark .logistics-modal-extra-large .logistics-detail-modal-footer .logistics-btn-secondary{background:#16223a!important}.logistics-modal-extra-large .logistics-detail-modal-header{padding:14px 20px!important}.logistics-modal-extra-large .logistics-detail-modal-body{padding:16px 20px!important}.logistics-modal-extra-large .logistics-detail-table td,.logistics-modal-extra-large .logistics-detail-table th{padding:9px 14px!important}.logistics-modal-extra-large .logistics-image-section{margin-top:14px!important}.logistics-modal-extra-large .logistics-image-section h3{margin-bottom:9px!important}.logistics-modal-extra-large .logistics-comments-section-compact{margin-top:14px!important}.logistics-modal-extra-large .logistics-detail-modal-footer{padding:12px 20px!important}.logistics-modal-extra-large .logistics-action-content{max-height:none!important;min-height:0!important;overflow:visible!important}}.stats-page{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh}.stats-page-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000014;display:flex;justify-content:space-between;margin-bottom:20px;padding:12px 16px}.stats-page-header h1{color:#2f5597;font-size:1.4rem;font-weight:700;margin:0}.stats-filters{display:flex;gap:12px}.date-range-filter{align-items:center;display:flex;gap:8px}.date-inputs{align-items:center;display:flex;gap:6px}.date-inputs input{border:1px solid #e2e8f0;border-radius:4px;font-size:.8rem;padding:6px 10px}.stats-btn-primary{background:#4472c4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 12px;transition:all .2s ease}.stats-btn-primary:hover{background:#2f5597;box-shadow:0 2px 8px #4472c44d;transform:translateY(-1px)}.stats-btn-secondary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;cursor:pointer;font-size:.8rem;font-weight:600;padding:6px 12px;transition:all .2s ease}.stats-btn-secondary:hover{background:#e2e8f0}.stats-error,.stats-loading{align-items:center;color:#64748b;display:flex;font-size:1.2rem;height:400px;justify-content:center}.stats-summary-section{background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000014;margin-bottom:20px;padding:12px}.stats-summary-section h2{color:#2f5597;font-size:1.1rem;font-weight:600;margin:0 0 10px}.stats-summary-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stats-summary-card{align-items:center;border-left:3px solid;border-radius:8px;display:flex;gap:10px;padding:12px;transition:transform .2s ease}.stats-summary-card:hover{transform:translateY(-1px)}.stats-summary-card.total{background:#d9e1f2;border-left-color:#4472c4;color:#2f5597}.stats-summary-card.resolved{background:#e2efda;border-left-color:#70ad47;color:#548235}.stats-summary-card.in-progress{background:#fff2cc;border-left-color:#ffc000;color:#bf8f00}.stats-summary-card.rate{background:#fce4d6;border-left-color:#ed7d31;color:#c65911}.stats-icon{font-size:1.4rem;opacity:1}.stats-content{flex:1 1}.stats-number{font-size:1.4rem;font-weight:700;margin-bottom:2px}.stats-label{font-size:.75rem;opacity:1}.logistics-stats-section{background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000014;margin-bottom:20px;padding:12px}.logistics-stats-section h2{color:#2f5597;font-size:1.1rem;font-weight:600;margin:0 0 10px}.stats-chart-container{margin-top:10px}.stats-chart-horizontal{display:flex;flex-direction:column;gap:8px}.chart-bar-horizontal{align-items:center;display:flex;gap:10px}.chart-label{color:#374151;font-size:.8rem;font-weight:600;min-width:80px}.chart-bar-container{background:#f1f5f9;border-radius:10px;flex:1 1;height:20px;overflow:hidden;position:relative}.chart-bar-fill{border-radius:10px;display:block;height:100%;min-height:100%;position:relative;transition:width .8s ease}.chart-bar-fill.type-wrong_shipping{background:#ed7d31}.chart-bar-fill.type-missing_shipping{background:#ffc000}.chart-bar-fill.type-complaint{background:#5b9bd5}.chart-bar-fill.type-damage{background:#a5a5a5}.chart-bar-fill.type-quality{background:#70ad47}.chart-value{color:#fff;font-size:.7rem;font-weight:600;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.stats-chart-vertical{align-items:end;display:flex;gap:12px;height:200px;justify-content:center;padding:12px 0}.chart-bar-vertical{align-items:center;display:flex;flex-direction:column;gap:6px}.chart-bar-container-vertical{align-items:end;background:#f1f5f9;border-radius:15px;display:flex;height:140px;overflow:hidden;width:30px}.chart-bar-fill-vertical{background:#4472c4;border-radius:15px 15px 0 0;min-height:3px;transition:height .8s ease;width:100%}.chart-value-vertical{color:#374151;font-size:.75rem;font-weight:600}.chart-label-vertical{color:#64748b;font-size:.7rem}.stats-table-container{border:1px solid #d1d5db;border-radius:0;overflow-x:auto}.stats-table{background:#fff;border-collapse:collapse;font-size:.75rem;width:100%}.stats-table th{background-color:#f3f4f6;border:1px solid #9ca3af;color:#374151;font-size:.8rem;font-weight:600;padding:8px 10px;text-align:center}.stats-table td{border:1px solid #d1d5db;color:#1e293b;padding:6px 8px;text-align:center}.stats-table tbody tr:hover{background:#f8fafc}.stats-table tbody tr.clickable-row:hover{background:#e0f2fe;box-shadow:0 2px 4px #4472c41a;transition:all .2s ease}.stats-table .assignee-name-cell,.stats-table .partner-name,.stats-table .product-name{font-weight:500;text-align:left}.stats-table .status-count{border-radius:3px;display:inline-block;font-size:.75rem;font-weight:600;padding:3px 8px}.stats-table .resolved-count{background:#e2efda;color:#548235}.stats-table .progress-count{background:#fff2cc;color:#bf8f00}.stats-table .reported-count{background:#d9e1f2;color:#2f5597}.stats-table .btn-detail{background:#4472c4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:4px 8px;transition:all .2s ease}.stats-table .btn-detail:hover{background:#2f5597}.rank-badge{align-items:center;border-radius:50%;color:#fff;display:inline-flex;font-size:.7rem;font-weight:700;height:20px;justify-content:center;width:20px}.rank-badge.rank-1{background:linear-gradient(135deg,gold,#ffed4e);color:#92400e}.rank-badge.rank-2{background:linear-gradient(135deg,silver,#e5e7eb);color:#374151}.rank-badge.rank-3{background:linear-gradient(135deg,#cd7f32,#d97706)}.rank-badge:not(.rank-1):not(.rank-2):not(.rank-3){background:#64748b}.partner-name,.product-name{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.percentage-bar{background:#f1f5f9;border-radius:4px;height:16px;min-width:80px;overflow:hidden;position:relative}.percentage-fill{background:#4472c4;border-radius:4px;height:100%;transition:width .8s ease}.percentage-text{color:#374151;font-size:.65rem;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.stats-card{border:1px solid #e2e8f0;border-radius:8px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.stats-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stats-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.assignee-name{color:#374151}.stats-badge{background:#4472c4;border-radius:4px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 8px}.stats-breakdown{display:flex;flex-direction:column;gap:8px}.breakdown-item{align-items:center;display:flex;justify-content:space-between}.breakdown-label{color:#64748b;font-size:.9rem}.breakdown-value{border-radius:4px;font-size:.9rem;font-weight:600;padding:2px 8px}.breakdown-value.resolved{background:#dcfce7;color:#166534}.breakdown-value.in-progress{background:#fef3c7;color:#92400e}.breakdown-value.reported{background:#e0e7ff;color:#3730a3}.clickable-card{cursor:pointer;overflow:hidden;position:relative}.clickable-card:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.clickable-card:hover:before{left:100%}.clickable-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-4px)}.modal-container{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:1200px;overflow:hidden;width:95%}.modal-header{background:#4472c4;color:#fff;padding:20px 60px 20px 24px;position:relative}.modal-header h3{font-size:1.25rem}.modal-close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s;width:32px}.modal-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.modal-content{flex:1 1;padding:0}.modal-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.modal-loading .loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#4472c4;height:40px;margin-bottom:16px;width:40px}.modal-loading p{color:#64748b;font-size:1rem;margin:0}.exception-table-container{border-top:1px solid #d1d5db;overflow-x:auto}.exception-table{background:#fff;border-collapse:collapse;font-size:.8rem;width:100%}.exception-table thead th{background-color:#4472c4;border:1px solid #2f5597;color:#fff;font-size:.85rem;font-weight:600;padding:8px 10px;text-align:center;white-space:nowrap}.exception-table tbody td{border:1px solid #d1d5db;color:#1e293b;font-size:.8rem;padding:8px 10px;text-align:center}.exception-table tbody tr:hover{background:#f8fafc}.exception-table .table-product-name{font-weight:500;max-width:250px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.btn-detail-expand{background:#4472c4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;padding:4px 8px;transition:all .2s ease}.btn-detail-expand:hover{background:#2f5597}.exception-detail-row{background:#f8fafc}.exception-detail-row td{border:1px solid #d1d5db;padding:0!important}.exception-details-expanded{display:flex;flex-direction:column;gap:12px;padding:16px}.detail-section{display:flex;flex-direction:column;gap:6px}.detail-label{color:#2f5597;font-size:.85rem}.detail-text{background:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#374151;font-size:.8rem;line-height:1.5;margin:0;padding:10px 12px}.exception-type-badge{align-items:center;border-radius:3px;display:inline-flex;font-size:.75rem;font-weight:600;padding:3px 8px;white-space:nowrap}.exception-type-badge[data-type=wrong_shipping]{background:#fce4d6;color:#c65911}.exception-type-badge[data-type=missing_shipping]{background:#fff2cc;color:#bf8f00}.exception-type-badge[data-type=complaint]{background:#d9e1f2;color:#2f5597}.exception-type-badge[data-type=damage]{background:#ededed;color:#767171}.exception-type-badge[data-type=quality]{background:#e2efda;color:#548235}.status-badge{border-radius:3px}.status-badge.status-resolved{background:#e2efda;color:#548235}.status-badge.status-in_progress{background:#fff2cc;color:#bf8f00}.status-badge.status-reported{background:#d9e1f2;color:#2f5597}.modal-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.modal-empty .empty-icon{font-size:3rem;margin-bottom:16px;opacity:.6}.modal-empty h4{color:#374151;font-size:1.25rem;font-weight:600;margin:0 0 8px}.modal-empty p{color:#64748b;font-size:.95rem;margin:0}@media (max-width:768px){.stats-page{padding:12px}.stats-page-header{align-items:stretch;flex-direction:column;gap:14px;padding:16px}.stats-page-header h1{font-size:1.6rem;font-weight:800;letter-spacing:-.5px}.logistics-header-buttons,.stats-filters{flex-direction:column;gap:10px;width:100%}.logistics-header-buttons{display:flex}.stats-btn-primary,.stats-btn-secondary{border-radius:10px;font-size:1rem;font-weight:700;letter-spacing:-.3px;min-height:50px;padding:16px 20px;width:100%}.date-range-filter{align-items:stretch}.date-inputs,.date-range-filter{flex-direction:column;gap:10px}.date-inputs input{border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;font-weight:600;min-height:50px;padding:14px;width:100%}.date-inputs input:focus{border-color:#1e3c72;outline:none}.date-inputs span{color:#64748b;font-size:1.2rem;font-weight:700}.logistics-stats-section,.stats-summary-section{border-radius:16px;box-shadow:0 2px 12px #00000014;margin-bottom:20px;padding:20px}.logistics-stats-section h2,.stats-summary-section h2{font-size:1.5rem;font-weight:800;letter-spacing:-.5px;margin-bottom:20px}.stats-summary-grid{gap:12px;grid-template-columns:1fr}.stats-summary-card{border-radius:16px;box-shadow:0 4px 12px #0000001f;gap:18px;padding:24px}.stats-icon{font-size:2.5rem}.stats-number{font-size:2.2rem;font-weight:800}.stats-label{font-size:1rem;font-weight:600;letter-spacing:-.3px}.stats-chart-horizontal{gap:12px}.chart-bar-horizontal{align-items:stretch;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000f;flex-direction:column;gap:10px;margin-bottom:12px;padding:18px}.chart-label{color:#1e3c72;font-size:1.05rem;font-weight:800;letter-spacing:-.3px;margin-bottom:6px;min-width:auto}.chart-value{font-size:1rem;font-weight:800}.chart-bar-container{border-radius:21px;display:block;height:42px;overflow:hidden;position:relative}.chart-bar-fill{border-radius:21px;display:block;height:100%;min-height:42px}.stats-chart-vertical{gap:12px;height:250px}.chart-bar-container-vertical{height:150px;width:30px}.chart-label-vertical,.chart-value-vertical{font-size:.85rem}.stats-table-container{border:none}.stats-table{display:block;min-width:0}.stats-table thead{display:none}.stats-table tbody{display:block}.stats-table tbody tr{background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #00000014;display:block;margin-bottom:20px;overflow:hidden}.stats-table tbody tr:last-child{margin-bottom:0}.stats-table td{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;font-size:1rem;justify-content:space-between;line-height:1.6;padding:16px 20px}.stats-table td:last-child{border-bottom:none}.stats-table td:before{color:#475569;content:attr(data-label);font-size:.9rem;font-weight:800;letter-spacing:-.3px;min-width:90px}.stats-table td[data-label=\C21C\C704]{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:none;justify-content:center;padding:18px 20px}.stats-table td[data-label=\C21C\C704]:before{display:none}.stats-table td[data-label=\AC70\B798\CC98\CF54\B4DC],.stats-table td[data-label=\D488\BAA9\CF54\B4DC]{background:#f8fafc;font-family:Courier New,monospace;font-weight:600}.stats-table td[data-label=\AC70\B798\CC98\BA85],.stats-table td[data-label=\D488\BAA9\BA85]{background:#fefce8;border-left:4px solid #fbbf24}.stats-table td[data-label=\AC74\C218]{background:#f0f9ff;font-size:1.1rem}.stats-table td[data-label=\BE44\C728]{align-items:stretch;background:#f8fafc;flex-direction:column;gap:10px;padding:18px 20px}.stats-table td[data-label=\BE44\C728]:before{align-self:flex-start;margin-bottom:6px}.stats-table .percentage-bar{border-radius:14px;height:28px;min-width:100%;width:100%}.stats-table .percentage-text{font-size:.95rem;font-weight:700}.stats-table .partner-name,.stats-table .product-name{color:#1e3c72;font-size:1.05rem;font-weight:700;line-height:1.4;max-width:none;text-align:right}.stats-table .rank-badge{box-shadow:0 2px 8px #00000026;font-size:1.1rem;font-weight:800;height:40px;width:40px}.stats-grid{gap:12px;grid-template-columns:1fr}.stats-card{border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 3px 10px #00000014;padding:20px}.stats-card-header{margin-bottom:18px}.assignee-name{font-size:1.1rem;font-weight:800}.stats-badge{font-size:.95rem;font-weight:700;padding:6px 12px}.breakdown-label{font-size:.95rem;font-weight:600}.breakdown-value{font-size:1rem;font-weight:700;padding:4px 10px}.modal-container{max-height:90vh;width:95%}.modal-header{padding:18px 60px 18px 20px}.modal-header h3{font-size:1.2rem}.modal-close-btn{font-size:1.3rem;height:36px;position:absolute;right:18px;top:18px;width:36px}.modal-content{padding:18px 20px}.exception-info{grid-template-columns:1fr}.exception-item{border-radius:12px;box-shadow:0 3px 10px #00000014;margin-bottom:16px}.exception-summary{padding:18px}.summary-main{align-items:flex-start;flex-direction:column;gap:14px}.summary-left,.summary-right{align-items:center;display:flex;gap:10px;justify-content:space-between;width:100%}.summary-right{border-top:2px solid #e2e8f0;padding-top:14px}.product-name{flex:1 1;font-size:1rem;font-weight:700;line-height:1.4}.partner-name{flex:1 1;font-size:.95rem;font-weight:600}.expand-icon{font-size:1rem;margin-left:10px}.exception-details{gap:16px;padding:20px}.exception-type-badge,.status-badge{font-size:.85rem;font-weight:700;padding:6px 12px}.info-label{font-size:.9rem;font-weight:700}.info-value{font-size:.95rem;font-weight:600}.action-text,.description-text,.discovery-text{font-size:.95rem;line-height:1.6;padding:14px 16px}}@media (max-width:480px){.stats-page{padding:10px}.stats-page-header{gap:12px;padding:14px}.stats-page-header h1{font-size:1.4rem;font-weight:800;letter-spacing:-.5px}.logistics-header-buttons,.stats-filters{gap:8px}.stats-btn-primary,.stats-btn-secondary{font-size:.95rem;font-weight:700;min-height:48px;padding:15px 18px}.date-inputs input{font-size:.95rem;font-weight:600;min-height:48px;padding:13px}.date-inputs span{font-size:1.1rem;font-weight:700}.logistics-stats-section,.stats-summary-section{border-radius:14px;box-shadow:0 2px 10px #00000014;margin-bottom:18px;padding:18px}.logistics-stats-section h2,.stats-summary-section h2{font-size:1.35rem;font-weight:800;letter-spacing:-.5px;margin-bottom:18px}.stats-summary-grid{gap:10px}.stats-summary-card{border-radius:14px;box-shadow:0 3px 10px #0000001a;gap:16px;padding:20px}.stats-icon{font-size:2.2rem}.stats-number{font-size:2rem;font-weight:800}.stats-label{font-size:.95rem;font-weight:600;letter-spacing:-.3px}.stats-chart-horizontal{gap:10px}.chart-bar-horizontal{background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000000f;gap:8px;margin-bottom:10px;padding:16px}.chart-label{font-size:1rem;font-weight:800;margin-bottom:8px}.chart-value{font-size:.95rem;font-weight:800}.chart-bar-container{border-radius:19px;display:block;height:38px;overflow:hidden;position:relative}.chart-bar-fill{border-radius:19px;display:block;height:100%;min-height:38px}.stats-chart-vertical{gap:8px;height:200px;padding:15px 0}.chart-bar-container-vertical{height:120px;width:25px}.chart-label-vertical,.chart-value-vertical{font-size:.8rem}.stats-table tbody tr{border-radius:14px;box-shadow:0 3px 10px #00000014;margin-bottom:18px}.stats-table td{font-size:.95rem;line-height:1.5;padding:14px 18px}.stats-table td:before{font-size:.85rem;font-weight:800;min-width:85px}.stats-table td[data-label=\C21C\C704]{padding:16px 18px}.stats-table td[data-label=\AC74\C218]{font-size:1.05rem}.stats-table .percentage-bar{height:26px}.stats-table .partner-name,.stats-table .product-name{font-size:1rem;font-weight:700}.stats-table .rank-badge{font-size:1rem;font-weight:800;height:36px;width:36px}.stats-grid{gap:10px}.stats-card{border-radius:10px;box-shadow:0 2px 8px #00000014;padding:18px}.stats-card-header{margin-bottom:16px}.assignee-name{font-size:1.05rem;font-weight:800}.stats-badge{font-size:.9rem;font-weight:700;padding:5px 10px}.breakdown-label{font-size:.9rem;font-weight:600}.breakdown-value{font-size:.95rem;font-weight:700;padding:4px 9px}.modal-container{max-height:92vh;width:98%}.modal-header{padding:16px 55px 16px 18px}.modal-header h3{font-size:1.15rem}.modal-close-btn{font-size:1.2rem;height:32px;right:16px;top:16px;width:32px}.modal-content{padding:14px 16px}.exception-item{border-radius:10px;margin-bottom:14px}.exception-summary{padding:16px}.summary-main{gap:12px}.product-name{font-size:.95rem;font-weight:700}.partner-name{font-size:.9rem;font-weight:600}.exception-type-badge{font-size:.8rem;font-weight:700;padding:5px 10px}.exception-id,.status-badge{font-size:.8rem}.status-badge{font-weight:700;padding:5px 10px}.exception-details{gap:16px;padding:18px}.expand-icon{font-size:.95rem}.info-label{font-size:.85rem;font-weight:700}.info-value{font-size:.9rem;font-weight:600}.action-text,.description-text,.discovery-text{font-size:.9rem;line-height:1.6;padding:12px 14px}.modal-empty .empty-icon{font-size:2.5rem}.modal-empty h4{font-size:1.1rem}.modal-empty p{font-size:.85rem}}body.dark .stats-page{background:#0000!important;color:#e7edf5}body.dark .stats-page h1,body.dark .stats-page h2,body.dark .stats-page h3{color:#eaf0f8!important}body.dark .stats-page label{color:#c4d0e0!important}body.dark .modal-container,body.dark .stats-page .logistics-stats-section,body.dark .stats-page .stats-page-header,body.dark .stats-page .stats-summary-section{background:#141d2b!important;border-color:#26344a!important;box-shadow:0 1px 2px #0006!important;color:#d7e0ec!important}body.dark .stats-page .exception-detail-row{background:#18253a!important;border-color:#2a3b55!important}body.dark .stats-page .detail-text{color:#c4d0e0!important}body.dark .stats-page .exception-table th,body.dark .stats-page .stats-table th{background:#1b2839!important;border-color:#26344a!important;color:#c4d0e0!important}body.dark .stats-page .exception-table td,body.dark .stats-page .stats-table td{background:#0000!important;border-color:#22304a!important;color:#d7e0ec!important}body.dark .stats-page .exception-table tbody tr,body.dark .stats-page .stats-table tbody tr{background:#0000!important}body.dark .stats-page .exception-table tbody tr:hover,body.dark .stats-page .stats-table tbody tr:hover{background:#1b2a40!important}body.dark .stats-page .chart-bar-horizontal,body.dark .stats-page .chart-bar-vertical{background:#0000!important}body.dark .stats-page .chart-bar-container,body.dark .stats-page .chart-bar-container-vertical{background:#22304a!important}body.dark .stats-page .chart-label,body.dark .stats-page .chart-value{color:#c4d0e0!important}body.dark .stats-page input,body.dark .stats-page select,body.dark .stats-page textarea{background:#0f1a2a!important;border-color:#2c3b52!important;color:#e7edf5!important}body.dark .stats-page input[type=date]{color-scheme:dark}body.dark .stats-btn-secondary{background:#22304a!important;border-color:#2c3b52!important;color:#d7e0ec!important}body.dark .stats-page [style*="rgb(243, 244, 246)"], body.dark .stats-page [style*="rgb(245, 245, 245)"], body.dark .stats-page [style*="rgb(249, 250, 251)"], body.dark .stats-page [style*="rgb(255, 255, 255)"]{background-color:#18233a!important}body.dark .stats-page [style*="rgb(209, 213, 219)"], body.dark .stats-page [style*="rgb(229, 231, 235)"]{border-color:#2a3b55!important}body.dark .stats-page [style*="rgb(51, 51, 51)"], body.dark .stats-page [style*="rgb(55, 65, 81)"]{color:#e7edf5!important}body.dark .stats-page [style*="rgb(102, 102, 102)"], body.dark .stats-page [style*="rgb(107, 114, 128)"]{color:#9daac0!important}body.dark .stats-page-header{background:#141d2b!important;border-color:#26344a!important;box-shadow:0 1px 2px #0006!important;color:#e7edf5!important}body.dark .stats-page-header h1,body.dark .stats-page-header h2,body.dark .stats-page-header h3{color:#eaf0f8!important}@media (max-width:768px){.stats-page{background:#fff!important;padding:0!important}.stats-page-header{align-items:stretch!important;background:#6366f1!important;border-radius:0!important;box-shadow:0 2px 4px #0000001a!important;flex-direction:column!important;gap:12px!important;margin:0!important;padding:16px!important}.stats-page-header h1{color:#fff!important;font-size:1.3rem!important;font-weight:700!important;margin:0!important}.stats-filters{width:100%!important}.date-range-filter,.stats-filters{flex-direction:column!important;gap:10px!important}.date-range-filter{align-items:stretch!important}.date-inputs{align-items:center!important;flex-direction:row!important;gap:8px!important}.date-inputs input{background:#fff!important;border:1px solid #d1d5db!important;border-radius:6px!important;flex:1 1!important;font-size:14px!important;padding:10px!important}.date-inputs span{color:#fff!important;font-size:14px!important;font-weight:600!important}.stats-btn-primary,.stats-btn-secondary{border-radius:6px!important;font-size:14px!important;font-weight:600!important;padding:10px 16px!important;width:100%!important}.stats-btn-primary{background:#fff!important;border:none!important;color:#6366f1!important}.stats-btn-secondary{background:#f0f0f0!important;border:1px solid #d1d5db!important;color:#374151!important}.logistics-stats-section,.stats-summary-section{background:#fff!important;border-bottom:8px solid #f3f4f6!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:16px!important}.logistics-stats-section h2,.stats-summary-section h2{border-bottom:2px solid #e5e7eb!important;color:#111827!important;font-size:1.1rem!important;font-weight:700!important;margin:0 0 12px!important;padding-bottom:8px!important}.stats-summary-grid{gap:12px!important;grid-template-columns:1fr!important}.stats-summary-card{border-left:4px solid!important;border-radius:8px!important;box-shadow:0 2px 4px #0000001a!important;gap:12px!important;padding:16px!important}.stats-icon{font-size:2rem!important}.stats-number{font-size:1.8rem!important;font-weight:700!important;margin-bottom:4px!important}.stats-label{font-size:.9rem!important;font-weight:600!important}.stats-chart-horizontal{gap:12px!important}.chart-bar-horizontal{align-items:stretch!important;background:#f9fafb!important;border:1px solid #e5e7eb!important;border-radius:8px!important;flex-direction:column!important;gap:8px!important;margin-bottom:8px!important;padding:12px!important}.chart-label{color:#374151!important;font-size:.95rem!important;font-weight:700!important;margin-bottom:4px!important;min-width:auto!important}.chart-bar-container,.chart-bar-fill{border-radius:18px!important;height:36px!important}.chart-bar-fill{min-height:36px!important}.chart-value{font-size:.9rem!important;font-weight:700!important}.stats-chart-vertical{gap:12px!important;height:250px!important;padding:12px 0!important}.chart-bar-container-vertical{height:150px!important;width:30px!important}.chart-label-vertical,.chart-value-vertical{font-size:.85rem!important;font-weight:600!important}.stats-table-container{border:none!important;overflow-x:visible!important}.stats-table{display:block!important;min-width:0!important}.stats-table thead{display:none!important}.stats-table tbody,.stats-table tbody tr{display:block!important}.stats-table tbody tr{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;box-shadow:0 2px 4px #0000001a!important;margin-bottom:12px!important;overflow:hidden!important}.stats-table tbody tr:last-child{margin-bottom:0!important}.stats-table td{align-items:center!important;border-bottom:1px solid #f3f4f6!important;display:flex!important;font-size:.9rem!important;justify-content:space-between!important;padding:12px 16px!important}.stats-table td:last-child{border-bottom:none!important}.stats-table td:before{color:#6b7280!important;content:attr(data-label)!important;font-size:.85rem!important;font-weight:700!important;min-width:80px!important}.stats-table td[data-label=\C21C\C704]{background:#f9fafb!important;border-bottom:1px solid #e5e7eb!important;justify-content:center!important;padding:14px 16px!important}.stats-table td[data-label=\C21C\C704]:before{display:none!important}.stats-table td[data-label=\AC70\B798\CC98\CF54\B4DC],.stats-table td[data-label=\D488\BAA9\CF54\B4DC]{background:#f9fafb!important;font-family:Courier New,monospace!important;font-weight:600!important}.stats-table td[data-label=\AC70\B798\CC98\BA85],.stats-table td[data-label=\D488\BAA9\BA85]{background:#fffbeb!important}.stats-table td[data-label=\AC74\C218]{background:#f0f9ff!important;font-size:1rem!important;font-weight:700!important}.stats-table td[data-label=\BE44\C728]{align-items:stretch!important;background:#f9fafb!important;flex-direction:column!important;gap:8px!important;padding:14px 16px!important}.stats-table td[data-label=\BE44\C728]:before{align-self:flex-start!important;margin-bottom:4px!important}.stats-table .percentage-bar{border-radius:12px!important;height:24px!important;min-width:100%!important;width:100%!important}.stats-table .percentage-text{font-size:.85rem!important;font-weight:700!important}.stats-table .partner-name,.stats-table .product-name{color:#111827!important;font-size:.95rem!important;font-weight:600!important;max-width:none!important;text-align:right!important;white-space:normal!important}.stats-table .rank-badge{font-size:1rem!important;font-weight:700!important;height:36px!important;width:36px!important}.stats-grid{gap:12px!important;grid-template-columns:1fr!important}.stats-card{border:1px solid #e5e7eb!important;border-radius:8px!important;box-shadow:0 2px 4px #0000001a!important;padding:16px!important}.stats-card:hover{box-shadow:0 4px 8px #00000026!important;transform:translateY(-2px)!important}.stats-card-header{margin-bottom:12px!important}.assignee-name{font-size:1rem!important;font-weight:700!important}.stats-badge{padding:4px 8px!important}.breakdown-label,.stats-badge{font-size:.85rem!important;font-weight:600!important}.breakdown-value{font-size:.9rem!important;font-weight:700!important;padding:4px 8px!important}.modal-container{border-radius:8px!important;max-height:90vh!important;width:95%!important}.modal-header{padding:16px 55px 16px 16px!important}.modal-header h3{font-size:1.1rem!important;font-weight:700!important}.modal-close-btn{font-size:1.2rem!important;height:32px!important;right:16px!important;top:16px!important;width:32px!important}.modal-content{padding:16px!important}.exception-list{gap:12px!important}.exception-item{border-radius:8px!important;box-shadow:0 2px 4px #0000001a!important;margin-bottom:0!important}.exception-summary{padding:14px!important}.summary-main{align-items:flex-start!important;flex-direction:column!important;gap:10px!important}.summary-left,.summary-right{align-items:center!important;display:flex!important;gap:8px!important;justify-content:space-between!important;width:100%!important}.summary-right{border-top:1px solid #e5e7eb!important;padding-top:10px!important}.product-name{font-size:.9rem!important;font-weight:700!important;line-height:1.4!important}.partner-name,.product-name{flex:1 1!important;white-space:normal!important}.partner-name{font-size:.85rem!important;font-weight:600!important}.expand-icon{font-size:.9rem!important;margin-left:8px!important}.exception-type-badge{font-size:.75rem!important;font-weight:700!important;padding:4px 8px!important}.exception-id{font-size:.8rem!important}.status-badge{font-size:.75rem!important;font-weight:700!important;padding:4px 8px!important}.exception-details{gap:12px!important;padding:14px!important}.exception-info{grid-template-columns:1fr!important}.exception-info,.info-item{gap:8px!important}.info-label{font-weight:700!important;min-width:60px!important}.info-label,.info-value{font-size:.85rem!important}.info-value{font-weight:600!important}.action-text,.description-text,.discovery-text{font-size:.85rem!important;line-height:1.5!important;padding:12px!important}.modal-empty .empty-icon{font-size:2.5rem!important}.modal-empty h4{font-size:1.1rem!important;font-weight:700!important}.modal-empty p{font-size:.9rem!important}.stats-error,.stats-loading{font-size:1rem!important;height:300px!important}.modal-loading{padding:40px 20px!important}.modal-loading .loading-spinner{height:36px!important;width:36px!important}.modal-loading p{font-size:.9rem!important}}@media (max-width:480px){.stats-page-header h1{font-size:1.2rem!important}.date-inputs{flex-direction:column!important;gap:8px!important}.date-inputs input{width:100%!important}.stats-number{font-size:1.6rem!important}.chart-bar-horizontal{padding:10px!important}.stats-table td{padding:10px 14px!important}.stats-table td:before{min-width:70px!important}}@media (max-width:768px){body.dark .stats-page{background:#0b1220!important}.stats-page-header{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;gap:10px!important;padding:14px!important}.stats-page-header h1{font-size:17px!important}.date-range-filter{grid-gap:8px!important;align-items:center!important;display:grid!important;gap:8px!important;grid-template-columns:1fr 1fr!important}.date-range-filter>label{color:#ffffffe6!important;font-size:12px!important;font-weight:700!important;grid-column:1/-1!important;margin:0!important}.date-inputs{align-items:center!important;display:flex!important;flex-direction:row!important;gap:6px!important;grid-column:1/-1!important}.date-inputs input{border:1px solid #e7ecf3!important;border-radius:10px!important;flex:1 1!important;font-size:13px!important;min-width:0!important;padding:10px!important}.date-inputs span{color:#ffffffd9!important;flex:0 0 auto!important}.date-range-filter .stats-btn-primary{grid-column:1!important}.date-range-filter .stats-btn-secondary{grid-column:2!important}.date-range-filter .stats-btn-primary,.date-range-filter .stats-btn-secondary{border-radius:10px!important;font-size:13px!important;font-weight:700!important;margin:0!important;min-height:0!important;padding:11px!important}.date-range-filter .stats-btn-primary{background:#fff!important;border:0!important;color:#4f46e5!important}.date-range-filter .stats-btn-secondary{background:#ffffff29!important;border:1px solid #ffffff4d!important;color:#fff!important}.stats-summary-grid{grid-gap:10px!important;display:grid!important;gap:10px!important;grid-template-columns:1fr 1fr!important}.stats-summary-card{align-items:flex-start!important;border:1px solid #eef1f6!important;border-left:4px solid!important;border-radius:12px!important;box-shadow:none!important;flex-direction:column!important;gap:4px!important;padding:14px!important}.stats-icon{font-size:1.5rem!important}.stats-number{font-size:1.6rem!important}body.dark .logistics-stats-section,body.dark .stats-summary-section{background:#0b1220!important;border-bottom:8px solid #0e1626!important}body.dark .logistics-stats-section h2,body.dark .stats-summary-section h2{border-bottom:2px solid #94a3b829!important;color:#e7edf6!important}body.dark .stats-summary-card{background:#16223a!important;border:1px solid #94a3b824!important;border-left:4px solid!important}body.dark .stats-number{color:#e7edf6!important}body.dark .stats-label{color:#9aa7bd!important}body.dark .date-inputs input{background:#0e1828!important;border:1px solid #94a3b82e!important;color:#e7edf6!important}body.dark .chart-bar-horizontal{background:#16223a!important;border:1px solid #94a3b824!important}body.dark .chart-label{color:#cdd7e6!important}body.dark .chart-value,body.dark .chart-value-vertical{color:#e7edf6!important}body.dark .chart-label-vertical{color:#9aa7bd!important}.stats-page-header{gap:8px!important;padding:12px!important}.stats-page-header h1{font-size:15px!important}.date-range-filter{gap:7px!important}.date-range-filter>label{font-size:11px!important}.date-inputs input{font-size:12px!important;padding:8px 9px!important}.date-range-filter .stats-btn-primary,.date-range-filter .stats-btn-secondary{font-size:12px!important;padding:9px!important}.logistics-stats-section,.stats-summary-section{border-bottom-width:6px!important;padding:12px!important}.logistics-stats-section h2,.stats-summary-section h2{font-size:14px!important;margin:0 0 10px!important;padding-bottom:6px!important}.stats-summary-grid{gap:8px!important}.stats-summary-card{border-radius:10px!important;gap:2px!important;padding:11px 12px!important}.stats-icon{font-size:1.05rem!important;margin:0!important}.stats-number{font-size:1.3rem!important;line-height:1.2!important;margin:0!important}.stats-label{font-size:.78rem!important}}.csm{display:none}@media (max-width:768px){.stats-page>.logistics-stats-section,.stats-page>.stats-page-header,.stats-page>.stats-summary-section{display:none!important}.stats-page{background:#fff!important;background:var(--csm-bg,#fff)!important;padding:0 0 12px!important}.csm{--c-bg:#fff;--c-surf:#fff;--c-surf2:#f1f5fa;--c-field:#fff;--c-line:#e7ecf3;--c-ink:#1b2533;--c-ink2:#5e6b7e;--c-ink3:#9aa6b6;--c-blue:#3b82f6;display:block!important}body.dark .csm{--c-bg:#0b1220;--c-surf:#131d2f;--c-surf2:#16223a;--c-field:#0e1828;--c-line:#94a3b824;--c-ink:#e7edf6;--c-ink2:#9aa7bd;--c-ink3:#6b7890}body.dark .stats-page{background:#0b1220!important}.csm-titlebar{padding:15px 16px 0}.csm-titlebar h1{align-items:center;color:var(--c-ink);display:flex;font-size:19px;font-weight:800;gap:9px;margin:0}.csm-card{background:var(--c-surf);border:1px solid var(--c-line);border-radius:14px;box-shadow:0 1px 3px #1018280a;margin:14px 16px 0;padding:15px}body.dark .csm-card{box-shadow:none}.csm-sec-ttl{align-items:center;color:var(--c-ink);display:flex;font-size:14px;font-weight:800;gap:8px;margin-bottom:14px}.csm-bar{background:var(--c-blue);border-radius:2px;flex:0 0 auto;height:15px;width:3px}.csm-sub{color:var(--c-ink3);font-size:12px;font-weight:600}.csm-dates{align-items:center;display:flex;gap:8px}.csm-ctrl{background:var(--c-field);border:1px solid var(--c-line);border-radius:10px;color:var(--c-ink);flex:1 1;font-family:inherit;font-size:12.5px;min-width:0;outline:none;padding:11px 12px}.csm-tilde{color:var(--c-ink3);flex:0 0 auto}.csm-btns{display:flex;gap:9px;margin-top:11px}.csm-btns button{border:0;border-radius:10px;cursor:pointer;flex:1 1;font-family:inherit;font-size:13px;font-weight:800;min-height:0;padding:11px}.csm-search{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.csm-reset{background:var(--c-surf2);border:1px solid var(--c-line)!important;color:var(--c-ink2)}.csm-summary{grid-gap:9px;display:grid;gap:9px;grid-template-columns:1fr 1fr}.csm-scard{align-items:center;border:1px solid var(--c-line);border-radius:11px;display:flex;gap:10px;padding:11px 12px}.csm-ic{flex:0 0 auto;font-size:18px}.csm-txt{min-width:0}.csm-n{color:var(--c-ink);font-size:19px;font-weight:800;line-height:1.1}.csm-l{color:var(--c-ink2);font-size:11px;font-weight:700;margin-top:2px}.csm-scard.blue{background:linear-gradient(160deg,#3b82f629,#3b82f60d);border-color:#3b82f64d}.csm-scard.green{background:linear-gradient(160deg,#22c55e29,#22c55e0d);border-color:#22c55e4d}.csm-scard.amber{background:linear-gradient(160deg,#f5b82029,#f5b8200d);border-color:#f5b8204d}.csm-scard.orange{background:linear-gradient(160deg,#f59e0b29,#f59e0b0d);border-color:#f59e0b4d}.csm-scard.blue .csm-n{color:#2563eb}.csm-scard.green .csm-n{color:#16a34a}.csm-scard.amber .csm-n{color:#b4790b}.csm-scard.orange .csm-n{color:#c2680c}body.dark .csm-scard.blue .csm-n{color:#93c5fd}body.dark .csm-scard.green .csm-n{color:#4ade80}body.dark .csm-scard.amber .csm-n{color:#fbbf24}body.dark .csm-scard.orange .csm-n{color:#fdba74}.csm-hbar{margin-bottom:15px}.csm-hbar:last-child{margin-bottom:0}.csm-hbar-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:7px}.csm-lb{color:var(--c-ink2);font-size:12.5px;font-weight:700}.csm-val{color:var(--c-ink);font-size:12.5px;font-weight:800}.csm-track{background:var(--c-surf2);border-radius:8px;height:14px;overflow:hidden}.csm-fill{border-radius:8px;height:100%}.csm-fill.defect{background:linear-gradient(90deg,#16a34a,#22c55e)}.csm-fill.complaint{background:linear-gradient(90deg,#2563eb,#3b82f6)}.csm-fill.broken{background:linear-gradient(90deg,#64748b,#94a3b8)}.csm-fill.contam{background:linear-gradient(90deg,#0d9488,#14b8a6)}.csm-vchart{align-items:flex-end;display:flex;gap:5px;height:150px;justify-content:space-between;padding-top:6px}.csm-vcol{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px;height:100%;justify-content:flex-end}.csm-vnum{color:var(--c-ink2);font-size:11px;font-weight:800}.csm-vbar{background:linear-gradient(180deg,#3b82f6,#2563eb);border-radius:7px 7px 0 0;max-width:26px;width:100%}.csm-vlb{color:var(--c-ink3);font-size:8.5px;line-height:1.2;text-align:center;white-space:pre-line}.csm-rank{border-bottom:1px solid var(--c-line);cursor:pointer;display:flex;gap:12px;padding:13px 0}.csm-rank:last-child{border-bottom:0}.csm-rk{border-radius:8px;display:grid;flex:0 0 auto;font-size:12px;font-weight:800;height:26px;margin-top:2px;place-items:center;width:26px}.csm-rk.g1{background:linear-gradient(135deg,#f5b820,#d99a12);color:#0b1220}.csm-rk.g2{background:linear-gradient(135deg,#94a3b8,#64748b);color:#0b1220}.csm-rk.g3{background:linear-gradient(135deg,#b45309,#92400e);color:#fde68a}.csm-rk.gx{background:var(--c-surf2);border:1px solid var(--c-line);color:var(--c-ink2)}.csm-rbody{flex:1 1;min-width:0}.csm-code{color:#2563eb;font-family:ui-monospace,monospace;font-size:11px;font-weight:700}body.dark .csm-code{color:#93c5fd}.csm-nm{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--c-ink);display:-webkit-box;font-size:12px;font-weight:700;line-height:1.4;margin-top:3px;overflow:hidden}.csm-mrow{align-items:center;display:flex;gap:9px;margin-top:8px}.csm-cnt{color:var(--c-ink);font-size:11.5px;font-weight:800;white-space:nowrap}.csm-ptrack{background:var(--c-surf2);border-radius:5px;flex:1 1;height:7px;overflow:hidden}.csm-pfill{background:linear-gradient(90deg,#2563eb,#3b82f6);border-radius:5px;height:100%}.csm-pct{color:#2563eb;font-size:11px;font-weight:800;white-space:nowrap}body.dark .csm-pct{color:#93c5fd}.csm-pad{height:18px}.modal-overlay{align-items:stretch!important;padding:0!important}.modal-overlay .modal-container{--sm-bg:#fff;--sm-surf:#f4f7fc;--sm-line:#e7ecf3;--sm-ink:#1b2533;--sm-ink2:#5e6b7e;--sm-ink3:#9aa6b6;background:var(--sm-bg)!important;border-radius:0!important;display:flex!important;flex-direction:column!important;height:100%!important;margin:0!important;max-height:none!important;max-width:none!important;width:100%!important}body.dark .modal-overlay .modal-container{--sm-bg:#0b1220;--sm-surf:#16223a;--sm-line:#94a3b829;--sm-ink:#e7edf6;--sm-ink2:#9aa7bd;--sm-ink3:#6b7890}.modal-overlay .modal-header{align-items:center!important;background:linear-gradient(180deg,#0f1a2e,#0f1729)!important;border-bottom:1px solid var(--sm-line)!important;display:flex!important;flex:none!important;gap:10px!important;padding:14px 16px!important}.modal-overlay .modal-header h3{color:#e7edf6!important;flex:1 1!important;font-size:15px!important;font-weight:800!important;line-height:1.4!important;margin:0!important}.modal-overlay .modal-close-btn{background:#94a3b824!important;border:1px solid #94a3b82e!important;border-radius:10px!important;color:#cdd7e6!important;display:grid!important;flex:0 0 auto!important;font-size:16px!important;height:34px!important;min-height:0!important;min-width:0!important;place-items:center!important;width:34px!important}.modal-overlay .modal-content{background:var(--sm-bg)!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding:12px!important}.modal-overlay .exception-table-container{border:0!important;overflow:visible!important}.modal-overlay .exception-table{border-collapse:initial!important;display:block!important;width:100%!important}.modal-overlay .exception-table thead{display:none!important}.modal-overlay .exception-table tbody{display:block!important}.modal-overlay .exception-table tbody tr:not(.exception-detail-row){background:var(--sm-surf)!important;border:1px solid var(--sm-line)!important;border-radius:12px!important;display:block!important;margin-bottom:10px!important;padding:10px 12px!important}.modal-overlay .exception-table tbody tr:not(.exception-detail-row) td{align-items:center!important;border:0!important;border-bottom:1px solid var(--sm-line)!important;color:var(--sm-ink)!important;display:flex!important;font-size:13px!important;gap:12px!important;justify-content:space-between!important;padding:6px 0!important;text-align:right!important}.modal-overlay .exception-table tbody tr:not(.exception-detail-row) td:last-child{border-bottom:0!important}.modal-overlay .exception-table tbody td:before{color:var(--sm-ink3)!important;content:attr(data-label);flex:0 0 auto;font-size:11.5px!important;font-weight:700!important;text-align:left!important}.modal-overlay .exception-table .table-product-name{word-break:break-word!important}.modal-overlay .exception-table tr.exception-detail-row{display:block!important;margin:-6px 0 10px!important}.modal-overlay .exception-table tr.exception-detail-row td{border:0!important;display:block!important;padding:0!important}.modal-overlay .exception-details-expanded{background:var(--sm-surf)!important;border:1px solid var(--sm-line)!important;border-radius:12px!important;padding:12px!important}.modal-overlay .detail-section{margin-bottom:8px!important}.modal-overlay .detail-label{color:var(--sm-ink3)!important;font-size:11.5px!important;font-weight:700!important}.modal-overlay .detail-text{color:var(--sm-ink)!important;font-size:13px!important;margin:3px 0 0!important}.modal-overlay .btn-detail-expand{min-height:0!important;min-width:0!important;padding:4px 10px!important}.modal-overlay .modal-empty{color:var(--sm-ink3)!important;padding:50px 16px!important;text-align:center!important}.modal-overlay .modal-container{bottom:0!important;height:100%!important;left:0!important;margin:0!important;position:fixed!important;right:0!important;top:0!important;transform:none!important}.modal-overlay .modal-container,.modal-overlay .modal-content{border-radius:0!important;box-shadow:none!important;max-height:none!important;max-width:none!important;width:100%!important}body.dark .modal-overlay .exception-details-expanded{background:#131d2f!important;border:1px solid #94a3b829!important}body.dark .modal-overlay .detail-text{background:#0e1828!important;border:1px solid #94a3b82e!important;color:#cdd7e6!important}body.dark .modal-overlay .detail-label{color:#93c5fd!important}body.dark .modal-overlay .exception-table tbody tr:not(.exception-detail-row){background:#16223a!important;border:1px solid #94a3b829!important}body.dark .modal-overlay .exception-table tbody tr:not(.exception-detail-row) td{border-bottom:1px solid #94a3b81f!important;color:#e7edf6!important}}@media (max-width:1024px){body.dark .modal-overlay .detail-section{background:#0000!important;border-bottom:1px solid #94a3b81f!important}}.logistics-logs-page{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.page-header{border-left:4px solid #3b82f6;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:32px}.page-header h1{color:#1e293b;font-size:28px}.page-description{color:#64748b;font-size:16px}.filter-section{border-radius:16px;box-shadow:0 2px 8px #00000014;margin-bottom:24px;padding:24px}.filter-form{width:100%}.filter-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.filter-item{display:flex;flex-direction:column}.filter-item label{color:#374151;font-size:14px;font-weight:600;margin-bottom:6px}.filter-item input,.filter-item select{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px;transition:all .2s ease}.filter-item input:focus,.filter-item select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding-top:16px}.logs-section{border-radius:16px}.logs-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:24px}.logs-header h2{color:#1e293b;font-size:20px;font-weight:600;margin:0}.loading{color:#64748b;padding:60px}.no-logs{padding:60px;text-align:center}.no-logs-icon{font-size:48px;margin-bottom:16px}.no-logs p{color:#64748b;font-size:16px;margin:0}.logs-table-container{border:1px solid #d1d5db}.logs-table{background:#fff;font-size:.75rem}.logs-table thead th{background-color:#f3f4f6;border:1px solid #9ca3af;color:#374151;font-size:.8rem;font-weight:600;padding:8px 10px;text-align:center}.logs-table tbody td{border:1px solid #d1d5db;color:#1e293b;font-size:.75rem;padding:6px 8px;text-align:center}.logs-table tbody tr:hover{background:#f8fafc}.action-badge,.type-badge{background-color:var(--badge-color);border-radius:4px;color:#fff;display:inline-block;font-size:.7rem;font-weight:600;min-width:50px;padding:3px 6px;text-align:center}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.btn-primary{background:#3b82f6}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover{background:#4b5563}.btn-secondary:disabled{background:#d1d5db;cursor:not-allowed}.btn-detail{background:#3b82f6;font-size:.7rem;padding:4px 6px;transition:all .2s ease}.btn-detail:hover{background:#2563eb}.pagination{padding:24px}.page-info{color:#374151;font-weight:500}.log-detail-modal{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.modal-header{background:#f8fafc;justify-content:between;padding:24px}.modal-header h3{color:#1e293b;flex:1 1;font-size:20px}.modal-close{font-size:24px;padding:4px}.modal-close:hover{background:#e5e7eb}.modal-footer{background:#f8fafc;padding:24px}.detail-grid{grid-gap:16px;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:24px}.detail-item{flex-direction:column;gap:4px}.detail-item .label{color:#374151;font-size:14px;font-weight:600}.detail-item .value{color:#1e293b;font-size:15px}.changes-section,.new-values-section,.old-values-section{margin-bottom:24px}.changes-section h4,.new-values-section h4,.old-values-section h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 12px}.json-display{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;max-height:300px;overflow-x:auto;overflow-y:auto;padding:16px;white-space:pre-wrap}@media (max-width:768px){.logistics-logs-page{padding:16px}.page-header{padding:20px}.filter-section{padding:16px}.filter-grid{grid-template-columns:1fr}.filter-actions{justify-content:stretch}.filter-actions .btn{flex:1 1;justify-content:center}.logs-table-container{overflow-x:auto}.logs-table{min-width:700px}.logs-table tbody td,.logs-table thead th{font-size:.7rem;padding:6px 8px}.modal-overlay{padding:10px}.modal-body{padding:16px}.detail-grid{grid-template-columns:1fr}}body.dark .logistics-logs-page{background:#0e1622!important;color:#e7edf5}body.dark .logistics-logs-page .logs-header,body.dark .logistics-logs-page .page-header{background:#0000!important}body.dark .logistics-logs-page .logs-header h1,body.dark .logistics-logs-page .page-header h1,body.dark .logistics-logs-page h2{color:#eaf0f8!important}body.dark .logistics-logs-page label{color:#c4d0e0!important}body.dark .log-detail-modal,body.dark .log-detail-modal .modal-footer,body.dark .log-detail-modal .modal-header,body.dark .logistics-logs-page .filter-section,body.dark .logistics-logs-page .logs-section{background:#141d2b!important;border-color:#26344a!important;color:#d7e0ec!important}body.dark .logistics-logs-page .logs-table{background:#141d2b!important;color:#d7e0ec!important}body.dark .logistics-logs-page .logs-table th,body.dark .logistics-logs-page .logs-table thead th{background:#1b2839!important;border-color:#26344a!important;color:#c4d0e0!important}body.dark .logistics-logs-page .logs-table td{background:#0000!important;border-color:#22304a!important;color:#d7e0ec!important}body.dark .logistics-logs-page .logs-table tbody tr{background:#0000!important}body.dark .logistics-logs-page .logs-table tbody tr:hover{background:#1b2a40!important}body.dark .logistics-logs-page input,body.dark .logistics-logs-page select,body.dark .logistics-logs-page textarea{background:#0f1a2a!important;border-color:#2c3b52!important;color:#e7edf5!important}body.dark .logistics-logs-page input[type=date]{color-scheme:dark}body.dark .json-display{background:#0b1422!important;border-color:#26344a!important;color:#c9d6ea!important}body.dark .logistics-logs-page [style*="rgb(243, 244, 246)"], body.dark .logistics-logs-page [style*="rgb(248, 250, 252)"], body.dark .logistics-logs-page [style*="rgb(249, 250, 251)"], body.dark .logistics-logs-page [style*="rgb(255, 255, 255)"]{background-color:#18233a!important}body.dark .logistics-logs-page [style*="rgb(209, 213, 219)"], body.dark .logistics-logs-page [style*="rgb(229, 231, 235)"]{border-color:#2a3b55!important}body.dark .logistics-logs-page [style*="rgb(51, 51, 51)"], body.dark .logistics-logs-page [style*="rgb(55, 65, 81)"]{color:#e7edf5!important}body.dark .logistics-logs-page [style*="rgb(102, 102, 102)"], body.dark .logistics-logs-page [style*="rgb(107, 114, 128)"]{color:#9daac0!important}.estimates-page{background:#f8fafc;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.page-header{background:linear-gradient(135deg,#1e40af,#3730a3);box-shadow:0 4px 20px #1e40af40;color:#fff}.header-title p{color:#ffffffd9;font-weight:500}.btn-primary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff40;border-radius:8px;color:#000;font-size:.9rem;gap:6px;padding:10px 18px;transition:all .2s}.btn-primary:hover{background:#ffffff40;border-color:#fff6;color:#fff;transform:translateY(-1px)}.filters-section{border-radius:10px;padding:18px}.search-input{font-size:.9rem;padding:11px 14px}.estimates-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.estimate-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 3px #00000014;padding:16px;transition:all .2s}.estimate-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #0000001f}.estimate-header{align-items:flex-start;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.estimate-info{flex:1 1}.estimate-title{font-size:1rem;margin:0 0 4px}.estimate-client{color:#6b7280;font-size:.85rem;font-weight:500;margin:2px 0}.estimate-date{color:#9ca3af;font-size:.8rem;margin:2px 0 0}.estimate-file-icon{align-items:center;background:#f3f4f6;border-radius:6px;display:flex;flex-shrink:0;font-size:1.4rem;height:36px;justify-content:center;width:36px}.estimate-amount{color:#059669;font-size:.9rem;font-weight:600;margin:4px 0 0}.estimate-images-preview{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:12px;padding:12px}.images-preview-label{color:#475569;font-size:.85rem;font-weight:600;margin-bottom:8px}.preview-image-item{background:#e2e8f0;border-radius:6px;cursor:pointer;padding-top:100%;position:relative;transition:transform .2s;width:100%}.preview-image-item:hover{transform:scale(1.05)}.preview-image-thumbnail{object-fit:cover}.preview-image-overlay,.preview-image-thumbnail{height:100%;left:0;position:absolute;top:0;width:100%}.preview-image-overlay{align-items:center;background:#000000b3;color:#fff;display:flex;font-size:1.2rem;font-weight:700;justify-content:center}.estimate-details{margin-bottom:12px}.detail-item{align-items:flex-start;gap:8px;margin-bottom:6px;padding:1px 0}.detail-label{color:#6b7280;flex-shrink:0;min-width:50px}.detail-label,.detail-value{font-size:.8rem;font-weight:500}.detail-value{color:#374151;flex:1 1;text-align:left;word-break:break-all}.estimate-actions{border-top:1px solid #f3f4f6;display:flex;gap:6px;padding-top:12px}.btn-delete,.btn-download,.btn-edit,.btn-preview{border:none;border-radius:5px;cursor:pointer;flex:1 1;font-size:.75rem;font-weight:500;padding:6px 10px;text-align:center;transition:all .2s}.btn-download{background:#eff6ff;color:#1d4ed8}.btn-download:hover{background:#dbeafe}.btn-preview{background:#f0fdf4;color:#166534}.btn-preview:hover{background:#dcfce7}.btn-edit{background:#fffbeb;color:#d97706}.btn-edit:hover{background:#fef3c7}.btn-delete{background:#fef2f2;color:#dc2626}.btn-delete:hover{background:#fee2e2}.empty-state{border:1px solid #f1f5f9;border-radius:10px;box-shadow:0 1px 3px #00000014}.empty-state h3{font-size:1.25rem}.empty-state p{font-size:.9rem;margin:0 0 16px}.estimates-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.estimates-modal{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;width:100%}.estimates-modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.estimates-modal-header h2{color:#111827;font-size:1.2rem;font-weight:600;margin:0}.estimates-close-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .2s;width:32px}.estimates-close-btn:hover{background:#f3f4f6;color:#374151}.estimates-modal-content{flex:1 1;overflow-y:auto;padding:20px}.estimates-upload-form{display:flex;flex-direction:column;gap:14px}.form-row{grid-gap:12px;gap:12px;grid-template-columns:1fr 1fr 1fr}.form-group{gap:6px}.form-group label{font-size:.9rem}.form-group label:after{color:#dc2626;content:" *"}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-size:.9rem}.file-upload-area{background:#f9fafb;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;padding:24px 16px;text-align:center;transition:all .2s}.file-upload-area:hover{background:#eff6ff;border-color:#3b82f6}.file-upload-label{color:#374151;font-size:.9rem;width:100%}.file-hint{color:#6b7280;margin-top:8px}.estimates-upload-progress{margin-top:12px}.estimates-progress-bar{background:#f3f4f6;border-radius:4px;height:8px;margin-bottom:4px;overflow:hidden;width:100%}.estimates-progress-fill{background:#3b82f6;border-radius:4px;height:100%;transition:width .3s}.estimates-form-actions{background:#fff;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;margin:16px -20px -20px;padding:16px 20px}.estimates-btn-secondary{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 18px;transition:all .2s}.estimates-btn-secondary:hover{background:#f3f4f6;color:#374151}.estimates-btn-primary{background:#3b82f6;border:1px solid #3b82f6;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 18px;transition:all .2s}.estimates-btn-primary:hover{background:#2563eb;border-color:#2563eb}.estimates-btn-primary:disabled{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed}.preview-content{padding:16px 0}.preview-info{background:#f9fafb;border-radius:8px;margin-bottom:16px;padding:16px}.preview-info h3{color:#111827;font-size:1.1rem;font-weight:600;margin:0 0 12px}.preview-details{grid-gap:8px;display:grid;gap:8px}.preview-item{align-items:center;display:flex;font-size:.85rem;justify-content:space-between}.preview-item strong{color:#6b7280;font-weight:500}.preview-file{background:#f3f4f6;border-radius:8px;justify-content:space-between;padding:16px}.file-info,.preview-file{align-items:center;display:flex}.file-info{gap:12px}.file-name{color:#111827;font-size:.9rem}.loading-container{background:#fff;border-radius:10px}.error-message,.loading-container p{font-size:.9rem}.error-message{margin-bottom:20px;padding:12px 16px}.error-message button{font-size:.8rem;padding:6px 12px}@media (max-width:768px){.estimates-page{padding:16px}.page-header{flex-direction:column;gap:16px;padding:20px;text-align:center}.header-title h1{font-size:1.5rem}.estimates-grid,.form-row{grid-template-columns:1fr}.modal{margin:10px;width:95%}.form-actions{flex-direction:column}.estimate-actions{flex-wrap:wrap}}@media (max-width:480px){.filters-section{padding:14px}.modal-content,.modal-header{padding:16px}.file-upload-area{padding:20px 12px}.estimate-card{padding:14px}}.current-file-info{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #00000005;margin-bottom:12px;padding:10px 12px}.file-info-row{align-items:center;color:#475569;display:flex;font-size:.8rem;gap:8px}.current-file-name{color:#1e293b;flex:1 1;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:2px 6px}.file-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:1.1rem}.modal{border:1px solid #ffffff1a;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;max-height:80vh;max-width:420px;width:70%}.modal-header{background:linear-gradient(135deg,#fafafa,#f4f4f5);border-bottom:1px solid #f1f5f9;border-radius:12px 12px 0 0;padding:16px 20px 10px}.modal-header h2{align-items:center;color:#1e293b;display:flex;font-size:1rem;gap:6px}.close-btn{background:#ffffffe6;border:1px solid #e2e8f0;border-radius:50%;color:#64748b;font-size:1.1rem;position:absolute;right:16px;top:12px}.close-btn:hover{background:#fff;color:#ef4444;transform:scale(1.05)}.upload-form{padding:16px 20px}.form-group{margin-bottom:14px}.form-group label{font-size:.85rem;margin-bottom:6px;width:90%}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:.85rem;padding:10px 12px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none;transform:translateY(-1px)}.form-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:14px}.file-upload-area{margin-top:8px}.file-upload-label{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;display:block;font-size:.85rem;font-weight:500;padding:12px 16px;text-align:center;transition:all .2s}.file-upload-label:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-color:#94a3b8;transform:translateY(-2px)}.file-hint{color:#64748b;display:block;font-size:.8rem;font-style:italic;margin-top:6px}.form-actions{border-top:1px solid #f1f5f9;gap:10px;margin-top:16px;padding-top:14px}.btn-primary,.btn-secondary{border:2px solid #0000;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;padding:10px 20px;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb)}.btn-primary:hover{box-shadow:0 8px 20px #3b82f64d;transform:translateY(-2px)}.btn-secondary{background:#fff;border-color:#d1d5db;color:#6b7280}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.edit-modal{max-width:550px!important;width:65%!important}.edit-modal .modal-header{padding:12px 16px 8px!important}.edit-modal .modal-header h2{font-size:.9rem!important}.edit-modal .close-btn{font-size:1rem!important;height:24px!important;right:12px!important;top:10px!important;width:24px!important}.edit-modal .upload-form{padding:12px 16px!important}.edit-modal .form-group{margin-bottom:10px!important}.edit-modal .form-group label{font-size:.8rem!important;margin-bottom:4px!important}.edit-modal .form-group input,.edit-modal .form-group select,.edit-modal .form-group textarea{border-radius:6px!important;font-size:.8rem!important;padding:8px 10px!important}.edit-modal .form-row{gap:8px!important;margin-bottom:10px!important}.edit-modal .current-file-info{margin-bottom:8px!important;padding:8px 10px!important}.edit-modal .file-info-row{font-size:.75rem!important;gap:6px!important}.edit-modal .file-upload-label{font-size:.8rem!important;padding:8px 12px!important}.edit-modal .form-actions{gap:8px!important;margin-top:12px!important;padding-top:10px!important}.edit-modal .btn-primary,.edit-modal .btn-secondary{font-size:.8rem!important;padding:8px 16px!important}.search-input-group{display:flex;gap:8px}.search-input-group input{flex:1 1}.btn-search{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 16px;transition:all .2s;white-space:nowrap}.btn-search:hover{background:#2563eb;box-shadow:0 2px 8px #3b82f64d;transform:translateY(-1px)}.estimates-search-modal{max-width:700px}.estimates-search-modal-body{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow:hidden;padding:20px}.search-box-modal{display:flex;gap:10px}.search-box-modal input{border:2px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:1rem;padding:12px 16px;transition:border-color .2s}.search-box-modal input:focus{border-color:#3b82f6;outline:none}.btn-search-modal{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .2s;white-space:nowrap}.btn-search-modal:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.btn-search-modal:disabled{background:#94a3b8;cursor:not-allowed}.search-results{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex:1 1;min-height:300px;overflow-y:auto}.results-list{display:flex;flex-direction:column}.result-item{background:#fff;border-bottom:1px solid #e2e8f0;cursor:pointer;padding:16px;transition:all .2s}.result-item:hover{background:#f0f9ff;border-left:3px solid #3b82f6;padding-left:13px}.result-item:last-child{border-bottom:none}.result-main{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.result-main strong{color:#1e293b;font-size:1rem;font-weight:600}.result-code{background:#f1f5f9;border-radius:6px;color:#64748b;font-family:Courier New,monospace;font-size:.85rem;font-weight:500;padding:4px 10px}.result-sub{color:#64748b;font-size:.875rem;margin-top:4px}.empty-state,.loading-state{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-state{font-size:1rem}.empty-state p{color:#475569;margin:0 0 8px}.empty-state small{color:#94a3b8;font-size:.875rem}.image-preview-container{grid-gap:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:12px;padding:12px}.image-preview-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px;position:relative;transition:all .2s}.image-preview-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #0000001a}.preview-thumbnail{border-radius:6px;height:120px;margin-bottom:8px;object-fit:cover;width:100%}.image-info{display:flex;flex-direction:column;gap:4px}.image-name{color:#1e293b;font-size:.75rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-size{color:#64748b;font-size:.7rem}.btn-remove-image{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s;width:24px}.btn-remove-image:hover{background:#dc2626;transform:scale(1.1)}.image-viewer-overlay{animation:fadeIn .2s ease-out;background:#000000f2;bottom:0;left:0;position:fixed;right:0;top:0;z-index:2000}.image-viewer-container,.image-viewer-overlay{align-items:center;display:flex;justify-content:center}.image-viewer-container{flex-direction:column;height:100%;padding:60px 80px 120px;position:relative;width:100%}.image-viewer-close{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:50px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s;width:50px;z-index:10}.image-viewer-close:hover{background:#fff3;transform:rotate(90deg)}.image-viewer-counter{background:#00000080;border-radius:20px;color:#fff;font-size:1rem;font-weight:500;left:50%;padding:8px 16px;position:absolute;top:20px;transform:translateX(-50%);z-index:10}.image-viewer-content{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;max-width:1200px;width:100%}.image-viewer-image{border-radius:8px;box-shadow:0 8px 32px #00000080;max-height:100%;max-width:100%;object-fit:contain}.image-viewer-filename{background:#00000080;border-radius:8px;color:#fff;font-size:.9rem;margin-top:20px;padding:8px 16px;text-align:center}.image-viewer-next,.image-viewer-prev{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:3rem;height:60px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:60px;z-index:10}.image-viewer-prev{left:20px}.image-viewer-next{right:20px}.image-viewer-next:hover,.image-viewer-prev:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.image-viewer-thumbnails{background:#00000080;border-radius:12px;bottom:20px;display:flex;gap:10px;left:50%;max-width:90%;overflow-x:auto;padding:10px;position:absolute;transform:translateX(-50%)}.thumbnail-item{border:3px solid #0000;border-radius:6px;height:60px;width:60px}.thumbnail-item:hover{border-color:#ffffff80;transform:scale(1.05)}.thumbnail-item.active{border-color:#3b82f6}@media (max-width:768px){.image-viewer-container{padding:80px 20px 100px}.image-viewer-next,.image-viewer-prev{font-size:2rem;height:50px;width:50px}.image-viewer-prev{left:10px}.image-viewer-next{right:10px}.image-viewer-thumbnails{max-width:95%;padding:8px}.thumbnail-item{height:50px;width:50px}}.current-images-section{margin-bottom:15px}.images-label{color:#64748b;font-size:.9rem;font-weight:500;margin-bottom:10px}.current-images-grid{display:grid}.current-image-item{aspect-ratio:1;background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;overflow:hidden;position:relative}.current-image-item img{height:100%;object-fit:cover;width:100%}.remove-image-btn{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;line-height:1;position:absolute;right:4px;top:4px;transition:all .2s;width:24px}.remove-image-btn:hover{background:#dc2626;transform:scale(1.1)}.new-images-preview{border-top:1px solid #e2e8f0;margin-top:15px;padding-top:15px}.preview-image-item{background:#eff6ff;border:2px dashed #3b82f6;border-radius:8px;height:100px;overflow:hidden;padding:0;width:100px}.preview-image-item img{height:100%;object-fit:cover;width:100px}.remove-preview-btn{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:24px;justify-content:center;line-height:1;position:absolute;right:4px;top:4px;transition:all .2s;width:24px}.remove-preview-btn:hover{background:#dc2626;transform:scale(1.1)}.preview-image-item .image-name{background:#000000b3;bottom:0;color:#fff;font-size:.7rem;left:0;overflow:hidden;padding:4px 6px;position:absolute;right:0;text-overflow:ellipsis;white-space:nowrap}.estimates-detail-modal{max-height:90vh;max-width:800px}.detail-section{background:#f8fafc;border-radius:8px;margin-bottom:20px;padding:20px}.detail-row{grid-gap:16px;border-bottom:1px solid #e2e8f0;display:grid;gap:16px;grid-template-columns:150px 1fr;padding:12px 0}.detail-row:last-child{border-bottom:none}.detail-row.full-width{grid-template-columns:1fr}.detail-label{color:#475569;font-size:.95rem;font-weight:600}.detail-value{color:#1e293b;font-size:.95rem}.detail-value.highlight{color:#2563eb;font-size:1.1rem;font-weight:600}.detail-value.notes{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:12px;white-space:pre-wrap}.status-badge{font-size:.85rem;padding:4px 12px}.status-badge.status-draft{background:#f1f5f9;color:#64748b}.status-badge.status-sent{background:#dbeafe;color:#1e40af}.status-badge.status-approved{background:#d1fae5;color:#065f46}.status-badge.status-completed{background:#e0e7ff;color:#3730a3}.section-title{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:1.1rem;font-weight:600;margin-bottom:16px;padding-bottom:8px}.file-list{gap:12px}.file-item{border-radius:8px;gap:12px;padding:12px}.file-icon{font-size:2rem}.file-info{flex:1 1}.file-name{color:#1e293b}.file-size{color:#64748b}.btn-download{background:#3b82f6;color:#fff;font-weight:500;padding:8px 16px;transition:background .2s}.btn-download:hover{background:#2563eb}.detail-images-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.detail-image-item{aspect-ratio:1;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;overflow:hidden;transition:all .2s}.detail-image-item:hover{border-color:#3b82f6;transform:scale(1.05)}.detail-image-item img{height:100%;object-fit:cover;width:100%}.detail-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding-top:20px}.estimates-btn-danger{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px;transition:background .2s}.estimates-btn-danger:hover{background:#dc2626}.estimate-card{cursor:pointer;transition:transform .2s,box-shadow .2s}.estimate-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}@media (max-width:768px){.estimates-page{background:#f8fafc!important;max-width:100vw!important;min-height:100vh;overflow-x:hidden!important;padding:0!important}.estimates-page *{box-sizing:border-box!important;max-width:100%!important}.page-header{align-items:stretch!important;border-radius:0!important;flex-direction:column!important;gap:14px!important;margin-bottom:0!important;padding:20px 16px!important}.header-title h1{font-size:1.4rem!important;margin-bottom:4px!important}.header-title p{font-size:.85rem!important}.page-header .btn-primary{font-size:14px!important;justify-content:center!important;min-height:48px!important;padding:12px 18px!important;width:100%!important}.filters-section{border:1px solid #e5e7eb!important;border-left:none!important;border-radius:0!important;border-right:none!important;box-shadow:none!important;margin-bottom:0!important;padding:16px!important}.search-input{border-radius:8px!important;font-size:14px!important;min-height:44px!important;padding:12px!important}.estimates-grid{gap:12px!important;grid-template-columns:1fr!important;padding:12px!important}.estimate-card{border-radius:12px!important;box-shadow:0 2px 6px #00000014!important;overflow:hidden!important;padding:16px!important}.estimate-card:active{transform:scale(.98)!important}.estimate-header{gap:10px!important;margin-bottom:10px!important;padding-bottom:10px!important}.estimate-info{flex:1 1!important;min-width:0!important;overflow:hidden!important}.estimate-title{font-size:1rem!important;line-height:1.4!important}.estimate-client,.estimate-title{overflow-wrap:break-word!important;white-space:normal!important;word-break:keep-all!important}.estimate-client{font-size:.85rem!important}.estimate-date{font-size:.75rem!important;white-space:nowrap!important}.estimate-amount{color:#1e40af!important;font-size:.9rem!important;font-weight:600!important;margin-top:4px!important;overflow-wrap:break-word!important;white-space:normal!important;word-break:keep-all!important}.estimate-file-icon{align-items:center!important;display:flex!important;font-size:1.3rem!important;height:32px!important;justify-content:center!important;width:32px!important}.estimate-images-preview{margin-top:12px!important}.images-preview-label{font-size:.75rem!important;margin-bottom:8px!important}.images-preview-grid{gap:6px!important;grid-template-columns:repeat(auto-fill,minmax(70px,1fr))!important}.preview-image-item{height:70px!important}.preview-more-overlay{font-size:.9rem!important}.estimate-actions{gap:8px!important;margin-top:12px!important}.estimate-actions button{font-size:.8rem!important;min-height:40px!important;padding:8px 12px!important}.modal-overlay{padding:0!important}.modal{border-radius:16px 16px 0 0!important;bottom:0!important;margin:0!important;max-height:95vh!important;max-width:100%!important;position:fixed!important;width:100%!important}.modal-header{background:#fff!important;border-bottom:1px solid #e5e7eb!important;padding:18px!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:10!important}.modal-header h2,.modal-header h3{font-size:1.15rem!important;padding-right:40px!important}.close-btn{font-size:1.5rem!important;height:36px!important;position:absolute!important;right:18px!important;top:18px!important;width:36px!important}.modal-content{-webkit-overflow-scrolling:touch!important;max-height:calc(95vh - 80px)!important;overflow-y:auto!important;padding:18px!important}.upload-form{gap:16px!important}.form-group label{font-size:.9rem!important;margin-bottom:8px!important}.form-group input,.form-group select{border-radius:8px!important;font-size:14px!important;min-height:44px!important;padding:12px!important}.file-input-wrapper{min-height:100px!important;padding:16px!important}.file-input-wrapper label{font-size:.85rem!important}.select-btn{font-size:14px!important;min-height:44px!important;padding:12px!important;width:100%!important}.search-modal-content,.search-modal-header{padding:16px!important}.search-results{max-height:50vh!important}.search-result-item{font-size:.9rem!important;line-height:1.4!important;overflow:hidden!important;overflow-wrap:break-word!important;padding:14px!important;white-space:normal!important;word-break:keep-all!important}.detail-section{margin-bottom:16px!important;padding:14px!important}.detail-section h3{font-size:1rem!important;margin-bottom:10px!important}.detail-info-grid{gap:10px!important;grid-template-columns:1fr!important}.detail-info-item{border-bottom:1px solid #f3f4f6!important;overflow:hidden!important;padding:10px 0!important}.detail-info-item:last-child{border-bottom:none!important}.detail-label{font-size:.75rem!important;margin-bottom:4px!important;white-space:nowrap!important}.detail-value{font-size:.9rem!important;line-height:1.4!important;overflow-wrap:break-word!important;white-space:normal!important;word-break:keep-all!important}.file-item,.files-list{gap:10px!important}.file-item{padding:12px!important}.file-info,.file-item{overflow:hidden!important}.file-info{flex:1 1!important;min-width:0!important}.file-name{font-size:.85rem!important;line-height:1.4!important;overflow-wrap:break-word!important;white-space:normal!important;word-break:break-all!important}.file-size{font-size:.7rem!important;white-space:nowrap!important}.file-actions{gap:6px!important}.file-actions button{font-size:.75rem!important;min-height:32px!important;padding:6px 10px!important}.images-grid{gap:8px!important;grid-template-columns:repeat(2,1fr)!important}.image-item{height:120px!important}.image-viewer-modal{padding:0!important}.image-viewer-content{border-radius:0!important;height:100vh!important;width:100%!important}.viewer-image{max-height:calc(100vh - 80px)!important}.viewer-controls{padding:12px!important}.viewer-nav button{font-size:1.2rem!important;height:40px!important;width:40px!important}.form-actions{background:#fff!important;bottom:0!important;flex-direction:column-reverse!important;gap:10px!important;padding-top:18px!important;position:-webkit-sticky!important;position:sticky!important;z-index:10!important}.form-actions button{font-size:14px!important;min-height:48px!important;padding:14px 18px!important;width:100%!important}.loading-container{padding:50px 20px!important}.error-message{border-radius:8px!important;font-size:.9rem!important;margin:16px!important;padding:16px!important}.empty-state{padding:60px 20px!important}.empty-icon{font-size:3.5rem!important}.empty-state h3{font-size:1.3rem!important}.empty-state p{font-size:.95rem!important}}@media (max-width:480px){.estimates-page{max-width:100vw!important;overflow-x:hidden!important}.estimates-page *{box-sizing:border-box!important;max-width:100%!important}.page-header{padding:16px 14px!important}.header-title h1{font-size:1.25rem!important}.header-title p{font-size:.8rem!important}.page-header .btn-primary{font-size:13px!important;padding:10px 16px!important}.filters-section{padding:14px!important}.search-input{font-size:13px!important;padding:10px!important}.estimates-grid{gap:10px!important;padding:10px!important}.estimate-card{overflow:hidden!important;padding:14px!important}.estimate-info{min-width:0!important;overflow:hidden!important}.estimate-title{font-size:.95rem!important;line-height:1.4!important}.estimate-client,.estimate-title{overflow-wrap:break-word!important;white-space:normal!important;word-break:keep-all!important}.estimate-client{font-size:.8rem!important}.estimate-date{font-size:.7rem!important;white-space:nowrap!important}.estimate-amount{font-size:.85rem!important;overflow-wrap:break-word!important;white-space:normal!important;word-break:keep-all!important}.images-preview-grid{gap:5px!important;grid-template-columns:repeat(auto-fill,minmax(60px,1fr))!important}.preview-image-item{height:60px!important}.modal-header{padding:14px!important}.modal-header h2,.modal-header h3{font-size:1.05rem!important}.close-btn{font-size:1.3rem!important;height:32px!important;right:14px!important;top:14px!important;width:32px!important}.modal-content{padding:14px!important}.form-group label{font-size:.85rem!important}.form-group input,.form-group select{font-size:13px!important;padding:10px!important}.file-input-wrapper{padding:14px!important}.detail-section{padding:12px!important}.detail-section h3{font-size:.95rem!important}.detail-info-item{overflow:hidden!important}.detail-label{font-size:.7rem!important;white-space:nowrap!important}.detail-value{font-size:.85rem!important;line-height:1.4!important;overflow-wrap:break-word!important;white-space:normal!important;word-break:keep-all!important}.file-item{padding:10px!important}.file-info,.file-item{overflow:hidden!important}.file-info{min-width:0!important}.file-name{font-size:.8rem!important;line-height:1.4!important;overflow-wrap:break-word!important;white-space:normal!important;word-break:break-all!important}.file-size{font-size:.65rem!important;white-space:nowrap!important}.images-grid{gap:6px!important;grid-template-columns:1fr!important}.image-item{height:200px!important}.form-actions button{font-size:13px!important;padding:12px 16px!important}}@media (hover:none) and (pointer:coarse){.estimate-card:active,.file-item:active,.image-item:active,.search-result-item:active,.select-btn:active{opacity:.8}.estimate-card:active{transform:scale(.98)}}.estimate-logs-page{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.page-header{background:linear-gradient(135deg,#059669,#047857);border-radius:12px;box-shadow:0 4px 20px #05966940;margin-bottom:24px;padding:24px 28px}.header-title h1{font-size:1.75rem;font-weight:600;margin:0}.header-title p{color:#000000d9;font-size:.9rem;margin:4px 0 0}.refresh-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff40;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:10px 18px;transition:all .2s}.refresh-btn:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-1px)}.estimate-stats-section{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{align-items:center;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 2px 8px #00000014;gap:16px;padding:20px;transition:all .2s}.stat-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.stat-icon{font-size:2.5rem;opacity:.8}.stat-info{flex:1 1}.stat-number{color:#111827;font-size:2rem;font-weight:700;margin-bottom:4px}.stat-label{color:#6b7280;font-size:.9rem}.filters-section{border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:24px}.search-box{margin-bottom:16px}.search-input{background:#fff;font-size:.95rem}.search-input:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691a}.filter-controls{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-group{gap:6px}.filter-group label{font-size:.9rem}.filter-input,.filter-select{border-radius:6px;font-size:.9rem;padding:10px 12px}.filter-input:focus,.filter-select:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691a}.logs-section{background:#fff;border:1px solid #f1f5f9;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.table-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#374151;display:grid;font-size:.9rem;font-weight:600;grid-template-columns:180px 120px 140px 1fr 180px;padding:16px 20px}.header-cell{align-items:center;display:flex;justify-content:center;width:100%}.table-body{max-height:600px;overflow-y:auto}.table-row{border-bottom:1px solid #f3f4f6;display:grid;grid-template-columns:180px 120px 140px 1fr 180px;padding:16px 20px;transition:all .2s}.table-row:hover{background:#f8fafc}.table-row:last-child{border-bottom:none}.cell{align-items:flex-start;display:flex;padding-right:12px}.timestamp-cell{flex-direction:column;justify-content:center}.timestamp{color:#6b7280;font-size:.8rem;line-height:1.3}.action-cell{justify-content:flex-start}.action-badge{align-items:center;border-radius:20px;display:flex;font-size:.8rem;gap:6px;padding:6px 10px}.action-icon{font-size:.9rem}.user-cell{justify-content:flex-start}.user-info{align-items:center;gap:8px}.user-avatar{align-items:center;background:#e5e7eb;border-radius:50%;display:flex;font-size:.8rem;height:28px;justify-content:center;width:28px}.username{color:#374151;font-size:.85rem;font-weight:500}.estimate-cell{align-items:flex-start;flex-direction:column;justify-content:flex-start}.estimate-info{width:100%}.estimate-title{color:#111827;font-size:.9rem;font-weight:600;line-height:1.3;margin-bottom:4px}.estimate-client,.estimate-date{color:#6b7280;font-size:.8rem;margin-bottom:2px}.file-cell{align-items:flex-start;flex-direction:column;justify-content:flex-start}.file-info{width:100%}.file-name{font-size:.85rem;line-height:1.3;margin-bottom:4px;word-break:break-all}.file-size{font-size:.8rem}.empty-state{padding:60px 20px}.empty-icon{font-size:4rem;margin-bottom:20px}.empty-state h3{font-size:1.5rem;margin:0 0 12px}.empty-state p{font-size:1rem}.loading-container{padding:60px}.loading-spinner{border-top-color:#059669}.loading-container p{font-size:1rem}@media (max-width:1200px){.table-header,.table-row{grid-template-columns:160px 100px 120px 1fr 160px}}@media (max-width:768px){.estimate-logs-page{padding:16px}.page-header{flex-direction:column;gap:16px;padding:20px;text-align:center}.header-title h1{font-size:1.5rem}.estimate-stats-section{grid-template-columns:repeat(2,1fr)}.filter-controls,.table-header,.table-row{grid-template-columns:1fr}.table-header,.table-row{gap:12px}.table-header{display:none}.table-row{background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;margin-bottom:12px;padding:16px}.cell{margin-bottom:8px;padding-right:0}.cell:last-child{margin-bottom:0}.timestamp-cell:before{color:#6b7280;content:"시간: ";font-weight:600}.action-cell:before{content:"활동: "}.action-cell:before,.user-cell:before{color:#6b7280;font-weight:600;margin-right:8px}.user-cell:before{content:"사용자: "}.estimate-cell:before{content:"견적서: "}.estimate-cell:before,.file-cell:before{color:#6b7280;font-weight:600;margin-bottom:4px}.file-cell:before{content:"파일: "}}@media (max-width:480px){.estimate-stats-section{grid-template-columns:1fr}.stat-card{padding:16px}.stat-number{font-size:1.5rem}.filters-section{padding:16px}}.task-reports-page{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:16px}.reports-page-header{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:8px;box-shadow:0 2px 8px #6366f133;color:#fff;display:flex;justify-content:space-between;margin-bottom:16px;padding:14px 18px}.reports-header-title h1{font-size:1.1rem;font-weight:600;margin:0}.reports-header-title p{color:#ffffffd9;font-size:.75rem;margin:2px 0 0}.filters-section{border:1px solid #e5e7eb;box-shadow:0 1px 3px #00000014;margin-bottom:16px;padding:12px 16px}.filter-row{grid-gap:10px;align-items:end;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.filter-group{gap:4px}.filter-group label{color:#374151;font-size:.75rem}.filter-input,.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:.8rem;padding:6px 10px;transition:all .2s}.filter-input:focus,.filter-select:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a;outline:none}.reports-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #00000014;overflow:hidden}.section-header{background:#f9fafb;border-bottom:1px solid #d1d5db;padding:12px 16px}.section-header h2{align-items:center;color:#111827;display:flex;font-size:.95rem;gap:8px}.count-badge{background:#6366f1;border-radius:12px;color:#fff;font-size:.7rem;font-weight:600;padding:2px 10px}.reports-table{overflow-x:auto;width:100%}.reports-table table{background-color:#fff;border:1px solid #d1d5db;border-collapse:collapse;width:100%}.reports-table thead{background:#f3f4f6;border-bottom:1px solid #9ca3af}.reports-table thead th{border-bottom:1px solid #9ca3af;border-right:1px solid #d1d5db;color:#1f2937;font-size:.75rem;font-weight:600;padding:8px 10px;text-align:center;white-space:nowrap}.reports-table thead th:last-child{border-right:none}.reports-table thead th:first-child{padding-left:10px;width:40px}.reports-table thead th:nth-child(2){min-width:120px;padding-left:12px;text-align:left}.reports-table thead th:nth-child(3){min-width:100px}.reports-table thead th:nth-child(4),.reports-table thead th:nth-child(5){min-width:70px}.reports-table thead th:nth-child(6){min-width:90px}.reports-table thead th:nth-child(7){min-width:100px}.reports-table thead th:nth-child(8){min-width:100px;padding-right:10px}.reports-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .15s ease}.reports-table tbody tr:hover{background-color:#f9fafb}.reports-table tbody tr:last-child{border-bottom:none}.reports-table tbody td{border-right:1px solid #e5e7eb;color:#374151;font-size:.8rem;line-height:1.3;padding:6px 10px;text-align:center;vertical-align:middle}.reports-table tbody td:last-child{border-right:none}.reports-table tbody td:first-child{padding-left:10px}.reports-table tbody td:nth-child(2){font-weight:500;padding-left:12px;text-align:left}.reports-table tbody td:nth-child(8){padding-right:10px}.reports-table input[type=checkbox]{accent-color:#6366f1;cursor:pointer;height:14px;width:14px}.user-info{display:flex;flex-direction:column;gap:2px}.user-name{color:#111827;font-size:.8rem;line-height:1.2}.user-username{color:#6b7280;font-size:.7rem;line-height:1.2}.count-number{align-items:center;background:#f3f4f6;border-radius:4px;color:#374151;display:inline-flex;font-size:.85rem;font-weight:600;height:20px;justify-content:center;min-width:24px;padding:0 6px}.count-number.completed{background:#d1fae5;color:#059669}.status-badge{align-items:center;display:inline-flex;font-size:.7rem;gap:3px;line-height:1.2;padding:3px 10px;white-space:nowrap}.status-badge.status-submitted{background:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.status-badge.status-reviewed{background:#d1fae5;border:1px solid #6ee7b7;color:#065f46}.status-badge.status-rejected{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.btn-view{align-items:center;background:#6366f1;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;gap:4px;padding:4px 12px;transition:all .15s ease}.btn-view:hover{background:#4f46e5;transform:translateY(-1px)}.btn-view:active{transform:translateY(0)}.btn-secondary{background:#f9fafb;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:.75rem;font-weight:500;padding:5px 12px;transition:all .15s}.btn-secondary:hover{background:#f3f4f6}.btn-primary{align-items:center;background:#6366f1;border:1px solid #6366f1;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:500;gap:4px;padding:6px 14px;transition:all .15s}.btn-primary:hover{background:#4f46e5;border-color:#4f46e5}.pagination{background:#f9fafb;gap:4px;padding:12px}.btn-page{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;display:flex;font-size:.75rem;height:28px;justify-content:center;min-width:28px;padding:4px 8px;transition:all .15s}.btn-page:hover:not(:disabled){background:#f3f4f6}.btn-page:disabled{cursor:not-allowed;opacity:.5}.btn-page.active{background:#6366f1;border-color:#6366f1;color:#fff}.page-numbers{gap:2px}.loading-container{padding:40px}.loading-spinner{border:2px solid #f3f4f6;border-top-color:#6366f1;height:32px;margin-bottom:12px;width:32px}.loading-container p{color:#6b7280;font-size:.85rem;margin:0}.empty-state{padding:40px 20px}.empty-icon{font-size:2.5rem;margin-bottom:12px;opacity:.6}.empty-state h3{color:#374151;font-size:1rem;font-weight:600;margin:0 0 8px}.empty-state p{color:#6b7280}.error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;display:flex;justify-content:space-between;margin:12px;padding:10px 14px}.error-message button{background:#dc2626;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;padding:4px 10px}.access-denied{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px #00000014;padding:40px 20px;text-align:center}.access-denied h2{color:#dc2626;font-size:1.1rem;margin-bottom:8px}.access-denied p{color:#6b7280;font-size:.85rem}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{box-shadow:0 10px 25px #00000026;max-width:500px;overflow-y:auto;width:90%}.modal.large-modal{display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow:hidden;width:90%}.modal.large-modal .modal-content{flex:1 1;max-height:none;overflow-y:auto}.modal.large-modal.with-comments{max-width:1200px;width:95%}.modal.large-modal.with-comments .modal-content-wrapper{display:flex;flex:1 1;flex-direction:row;gap:20px;overflow:hidden;padding:16px}.modal.large-modal.with-comments .modal-content-wrapper>.modal-content{flex:1 1;min-width:0;overflow-y:auto;padding:0}.modal-header{background:#f9fafb;border-bottom:1px solid #d1d5db;border-radius:8px 8px 0 0;padding:10px 14px}.modal-header h3{color:#111827;font-size:.95rem;font-weight:600}.modal-header-actions{align-items:center;display:flex;gap:8px}.btn-download-pdf{align-items:center;background:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:4px;padding:5px 12px;transition:all .15s}.btn-download-pdf:hover{background:#059669;transform:translateY(-1px)}.btn-download-pdf:active{transform:translateY(0)}.close-btn{align-items:center;display:flex;font-size:1.3rem;height:28px;justify-content:center;transition:all .15s;width:28px}.modal-content{max-height:calc(80vh - 100px);padding:14px 16px}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.report-info-section{margin-bottom:12px}.report-meta{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);margin-bottom:10px}.meta-item{color:#374151;font-size:.75rem;line-height:1.4}.meta-item strong{color:#111827;font-weight:600}.review-comment{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;padding:6px 8px}.review-comment strong{color:#111827;font-size:.7rem;font-weight:600}.review-comment p{color:#374151;font-size:.7rem;line-height:1.3;margin:4px 0 0}.summary-section{margin-bottom:12px}.summary-section h4{color:#111827;font-size:.85rem;font-weight:600;margin:0 0 8px}.summary-cards{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.summary-card{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:8px;padding:8px 10px}.summary-card.completed{background:#f0fdf4;border-color:#bbf7d0}.summary-card.in-progress{background:#fef3c7;border-color:#fde68a}.summary-card.pending{background:#fef2f2;border-color:#fecaca}.card-icon{font-size:1.1rem}.card-content{flex:1 1}.card-number{color:#111827;font-size:1.1rem;font-weight:700;line-height:1;margin-bottom:1px}.card-label{color:#6b7280;font-size:.65rem;font-weight:500;line-height:1}.tasks-section{margin-bottom:12px}.tasks-section h4{background:#fff;color:#111827;font-size:.85rem;font-weight:600;margin:0 0 8px;padding:8px 0;position:-webkit-sticky;position:sticky;top:0;z-index:1}.no-tasks{font-size:.75rem;font-style:italic}.tasks-list{max-height:400px;overflow-y:auto}.tasks-by-status-container{padding-right:0}.task-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:8px;padding:10px 12px}.task-item.completed{border-left:3px solid #059669}.task-item.in_progress{border-left:3px solid #f59e0b}.task-item.requested{border-left:3px solid #6b7280}.task-header{align-items:center;display:flex;gap:6px;margin-bottom:6px}.task-number{background:#f3f4f6;color:#6b7280}.task-number,.task-priority,.task-status{border-radius:8px;font-size:.65rem;font-weight:600;padding:1px 6px}.task-priority,.task-status{white-space:nowrap}.task-status.completed{background:#d1fae5;color:#065f46}.task-status.in_progress{background:#fef3c7;color:#92400e}.task-status.requested{background:#f3f4f6;color:#6b7280}.task-priority.urgent{background:#fee2e2;color:#dc2626}.task-priority.high{background:#fed7aa;color:#ea580c}.task-priority.normal{background:#dbeafe;color:#2563eb}.task-priority.low{background:#f3f4f6;color:#6b7280}.task-title{color:#111827;font-size:.8rem;font-weight:600;line-height:1.3;margin-bottom:4px}.task-description{color:#6b7280;font-size:.7rem;line-height:1.2;margin-bottom:4px}.task-meta{color:#9ca3af;display:flex;font-size:.7rem;gap:10px}.task-meta span{align-items:center;display:flex;gap:3px}.review-actions{border-top:1px solid #e5e7eb;padding-top:12px;text-align:center}.form-group{margin-bottom:10px}.form-group label{font-size:.75rem;margin-bottom:4px}.form-select,.form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:.8rem;padding:6px 10px;transition:all .15s;width:100%}.form-select:focus,.form-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.form-textarea{min-height:60px}.form-actions{border-top:1px solid #e5e7eb;gap:8px;padding-top:10px}.tasks-by-status-container{display:flex;flex-direction:column;gap:12px}.task-status-group{background:#fff;border:1px solid #d1d5db;overflow:hidden}.status-group-header{align-items:center;display:flex;font-size:.75rem;font-weight:600;gap:6px;padding:6px 10px}.status-group-header.completed{background:#10b981;color:#fff}.status-group-header.in_progress{background:#3b82f6;color:#fff}.status-group-header.requested{background:#f59e0b;color:#fff}.status-group-header.problem{background:#ef4444;color:#fff}.status-group-header.cancelled{background:#6b7280;color:#fff}.status-icon{font-size:.85rem}.status-title{flex:1 1}.status-count{background:#ffffff4d;border-radius:8px;font-size:.65rem;padding:2px 6px}.status-group-tasks{padding:0}.task-accordion-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:6px;overflow:hidden;transition:all .2s ease}.task-accordion-item:hover{box-shadow:0 1px 4px #00000014}.task-accordion-item.expanded{box-shadow:0 2px 6px #0000001a}.task-accordion-header{align-items:center;background:#f9fafb;cursor:pointer;display:flex;justify-content:space-between;padding:8px 10px;transition:background .15s}.task-accordion-header:hover{background:#f3f4f6}.task-header-left{align-items:center;display:flex;flex:1 1;gap:8px;min-width:0}.task-index{color:#6b7280;font-size:.7rem;font-weight:500;min-width:24px}.task-title-text{color:#111827;flex:1 1;font-size:.8rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.priority-badge{font-size:.85rem}.expand-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:.7rem;padding:2px 6px;transition:transform .15s}.task-accordion-content{animation:slideDown .2s ease;background:#fff;border-top:1px solid #e5e7eb;padding:6px 8px}.task-description-box{background:#f9fafb;border-radius:4px;margin-bottom:6px;padding:6px 8px}.task-description-box strong{color:#374151;display:block;font-size:.65rem;letter-spacing:.02em;margin-bottom:3px;text-transform:uppercase}.task-description-box p{color:#111827;font-size:.7rem;line-height:1.3;margin:0;white-space:pre-wrap}.task-info-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr)}.info-item{display:flex;flex-direction:column;gap:1px}.info-label{font-size:.6rem;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.info-value{color:#111827;font-size:.7rem;font-weight:500}.info-value.due-date{color:#dc2626}.no-tasks{font-size:.7rem;padding:12px}.empty-content,.no-tasks{color:#6b7280;text-align:center}.empty-content{background:#f9fafb;border:1px dashed #d1d5db;border-radius:4px;padding:16px}.empty-content p{font-size:.7rem;margin:0}@media (max-width:1200px){.summary-cards,.task-info-grid{grid-template-columns:repeat(2,1fr)}.reports-table tbody td,.reports-table thead th{font-size:.85rem;padding:12px 8px}}@media (max-width:768px){.task-reports-page{padding:12px}.reports-page-header{flex-direction:column;gap:12px;padding:16px;text-align:left}.reports-header-title h1{font-size:1.4rem}.reports-header-title p{font-size:.85rem}.filters-section{padding:16px}.filter-row{gap:12px;grid-template-columns:1fr}.filter-group label{font-size:.85rem}.filter-input,.filter-select{font-size:.85rem;padding:10px}.btn-secondary{font-size:.85rem;padding:10px 16px;width:100%}.section-header{align-items:flex-start;flex-direction:column;gap:8px;padding:16px}.section-header h2{font-size:1.1rem}.count-badge{font-size:.75rem;padding:3px 10px}.reports-table thead{display:none}.reports-table,.reports-table tbody,.reports-table tr{display:block}.reports-table tbody{padding:12px}.reports-table tbody tr{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #00000014;display:block;margin-bottom:14px;padding:16px}.reports-table tbody tr:hover{box-shadow:0 4px 14px #0000001f;transform:translateY(-1px)}.reports-table tbody tr:active{transform:scale(.98)}.reports-table tbody td{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;min-height:36px;padding:10px 0}.reports-table tbody td:first-child{padding-top:0}.reports-table tbody td:last-child{border-bottom:none;padding-bottom:0}.reports-table tbody td:before{color:#6b7280;content:attr(data-label);flex-shrink:0;font-size:.8rem;font-weight:600;min-width:80px;text-align:left}.reports-table tbody td:first-child{justify-content:flex-end}.reports-table tbody td:first-child:before{display:none}.reports-table tbody td input[type=checkbox]{margin:0}.user-info{align-items:flex-end;display:flex;flex-direction:column;text-align:right}.user-name{font-size:.85rem;font-weight:600}.user-username{color:#9ca3af;font-size:.75rem}.count-number{font-size:.9rem;font-weight:600}.status-badge{font-size:.75rem;padding:4px 10px}.reports-table tbody td:last-child{border-top:1px solid #f3f4f6;padding-top:16px}.reports-table tbody td:last-child:before{display:none}.btn-view{border-radius:8px;font-size:.9rem;font-weight:600;justify-content:center;min-height:44px;padding:12px 16px;width:100%}.btn-view:active{transform:scale(.98)}.pagination{gap:6px;padding:16px}.btn-page{font-size:.85rem;padding:8px 10px}.page-numbers{gap:4px}.empty-state,.loading-container{padding:40px 20px}.empty-icon{font-size:3rem}.empty-state h3{font-size:1.2rem}.empty-state p{font-size:.9rem}.modal-overlay{align-items:flex-end!important;padding:0!important}.modal{border-radius:16px 16px 0 0!important;margin:0!important}.modal,.modal.large-modal{max-height:95vh!important;max-width:100%!important;width:100%!important}.modal-header{align-items:stretch!important;background:#f9fafb!important;border-radius:16px 16px 0 0!important;flex-direction:column!important;gap:12px!important;padding:18px!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:10!important}.modal-header h3{font-size:1.15rem!important;padding-right:40px!important}.modal-header-actions{flex-direction:column!important;gap:10px!important;width:100%!important}.btn-download-pdf{font-size:14px!important;justify-content:center!important;min-height:48px!important;padding:12px 18px!important;width:100%!important}.close-btn{font-size:1.5rem!important;height:36px!important;position:absolute!important;right:18px!important;top:18px!important;width:36px!important}.modal-content{-webkit-overflow-scrolling:touch!important;max-height:calc(95vh - 160px)!important;overflow-y:auto!important;padding:18px!important}.report-info-section{margin-bottom:20px!important}.report-meta{background:#fff!important;border-radius:12px!important;gap:0!important;grid-template-columns:1fr!important;overflow:hidden!important}.meta-item{align-items:center!important;border-bottom:1px solid #f3f4f6!important;display:flex!important;font-size:.9rem!important;justify-content:space-between!important;padding:14px!important}.meta-item:last-child{border-bottom:none!important}.meta-item strong{color:#6b7280!important;flex-shrink:0!important;font-size:.85rem!important;min-width:90px!important}.review-comment{font-size:.9rem!important;margin-top:12px!important;padding:14px!important}.review-comment strong{display:block!important;font-size:.85rem!important;margin-bottom:8px!important}.review-comment p{font-size:.9rem!important;line-height:1.6!important}.summary-section h4,.tasks-section h4{font-size:1rem;margin-bottom:12px}.summary-cards{gap:10px;grid-template-columns:repeat(2,1fr)}.summary-card{align-items:flex-start;flex-direction:column;padding:12px}.card-icon,.card-number{font-size:1.3rem}.card-label{font-size:.75rem}.task-status-group{margin-bottom:12px}.status-group-header{font-size:.9rem;padding:12px 16px}.status-icon{font-size:1rem}.status-count{font-size:.75rem;padding:3px 10px}.status-group-tasks{padding:6px}.task-accordion-item{margin-bottom:6px}.task-accordion-header{padding:12px}.task-header-left{gap:8px}.task-index{font-size:.75rem;min-width:25px}.task-title-text{font-size:.85rem}.priority-badge{font-size:.9rem}.expand-btn{font-size:.75rem}.task-accordion-content{padding:14px}.task-description-box{font-size:.85rem;padding:12px}.task-description-box strong{font-size:.8rem}.task-info-grid{gap:12px;grid-template-columns:1fr}.info-label{font-size:.7rem}.info-value{font-size:.85rem}.form-actions{flex-direction:column;gap:10px}.form-actions button{padding:12px 16px;width:100%}.btn-primary{font-size:.85rem;padding:12px 18px}.review-actions{padding-top:16px}.review-actions .btn-primary{width:100%}}@media (max-width:480px){.task-reports-page{padding:10px}.reports-page-header{padding:14px}.reports-header-title h1{font-size:1.2rem}.reports-header-title p{font-size:.8rem}.filters-section{padding:12px}.filter-group label{font-size:.8rem}.filter-input,.filter-select{font-size:.8rem;padding:8px 10px}.reports-table tbody tr{padding:12px}.reports-table tbody td{font-size:.8rem;padding:6px 0}.reports-table tbody td:before{font-size:.75rem;min-width:70px}.user-name{font-size:.8rem}.user-username{font-size:.7rem}.modal-header{padding:12px}.modal-header h3{font-size:1rem}.modal-content{padding:12px}.summary-cards{grid-template-columns:1fr}.summary-card{padding:10px}.card-number{font-size:1.2rem}.card-label{font-size:.7rem}.task-accordion-header{padding:10px}.task-title-text{font-size:.8rem}.task-accordion-content{padding:12px}.task-description-box{font-size:.8rem;padding:10px}.info-label{font-size:.65rem}.info-value{font-size:.8rem}.btn-view{font-size:.75rem;padding:6px 10px}.btn-download-pdf{font-size:.8rem;padding:8px 12px}}.modal.large-modal.with-comments .comments-section{border-left:1px solid #e5e7eb;display:flex;flex-direction:column;min-width:300px;padding-left:20px;width:300px}.comments-section h4{border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:.95rem;margin:0 0 12px;padding-bottom:8px}.report-comments-list{flex:1 1;margin-bottom:12px;max-height:400px;overflow-y:auto;padding-right:8px}.report-comments-loading,.report-no-comments{color:#6b7280;font-size:.85rem;padding:20px 0;text-align:center}.report-comment-item{background:#f3f4f6;border-radius:6px;margin-bottom:8px;padding:8px 10px}.report-comment-item.own-comment{background:#e0e7ff}.report-comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.report-comment-meta{color:#6b7280;font-size:.75rem}.report-comment-delete-btn{background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;font-size:.75rem;margin-left:auto;padding:2px 6px;transition:all .2s}.report-comment-delete-btn:hover{background:#fef2f2;color:#ef4444}.report-comment-content{color:#374151;font-size:.85rem;line-height:1.5;white-space:pre-wrap;word-break:break-word}.report-comment-input-section{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:8px;padding-top:12px}.report-comment-input{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:.85rem;padding:10px 12px;resize:none;transition:border-color .2s;width:100%}.report-comment-input:focus{border-color:#6366f1;outline:none}.report-comment-input::placeholder{color:#9ca3af}.report-comment-submit-btn{align-self:flex-end;background:#6366f1;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px;transition:all .2s}.report-comment-submit-btn:hover:not(:disabled){background:#4f46e5}.report-comment-submit-btn:disabled{background:#c7c7c7;cursor:not-allowed}.report-comment-thread{margin-bottom:12px}.report-comment-actions{align-items:center;display:flex;gap:4px;margin-left:auto}.report-comment-reply-btn{background:none;border:none;border-radius:4px;color:#6366f1;cursor:pointer;font-size:.7rem;padding:2px 6px;transition:all .2s}.report-comment-reply-btn:hover{background:#eef2ff;color:#4f46e5}.report-replies-list{border-left:2px solid #e5e7eb;margin-left:20px;padding-left:12px}.report-reply-item{background:#f9fafb!important;font-size:.9em}.report-reply-item.own-comment{background:#e8eaff!important}.report-reply-input-section{border-left:2px solid #6366f1;display:flex;flex-direction:column;gap:6px;margin-left:20px;margin-top:8px;padding-left:12px}.report-reply-indicator{color:#6366f1;font-size:.75rem;font-weight:500}.report-reply-buttons{display:flex;gap:6px;justify-content:flex-end}.report-comment-cancel-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .2s}.report-comment-cancel-btn:hover{background:#e5e7eb}@media (max-width:900px){.modal.large-modal.with-comments .modal-content-wrapper{flex-direction:column;max-height:calc(90vh - 60px)}.modal.large-modal.with-comments .comments-section{border-left:none;border-top:1px solid #e5e7eb;min-width:auto;padding-left:0;padding-top:16px;width:100%}.modal.large-modal.with-comments .report-comments-list{max-height:200px}}.reports-page-header{margin-bottom:10px!important;padding:10px 16px!important}.reports-header-title h1{font-size:1.15rem!important;margin:0!important}.reports-header-title p{display:none!important}.section-header{padding:8px 14px!important}.reports-page-header .reports-view-toggle{background:#ffffff2e;border-radius:8px;display:flex;flex-shrink:0;gap:4px;padding:4px}.reports-page-header .reports-view-toggle button{background:#0000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 14px;transition:all .15s;white-space:nowrap}.reports-page-header .reports-view-toggle button:hover{background:#ffffff26}.reports-page-header .reports-view-toggle button.active{background:#fff;color:#4f46e5}body.dark .task-reports-page{color:#e7edf5}body.dark .task-reports-page .reports-header-title,body.dark .task-reports-page .reports-header-title *,body.dark .task-reports-page .reports-page-header,body.dark .task-reports-page .reports-section>h2,body.dark .task-reports-page .reports-section>h3{color:#eaf0f8!important}body.dark .task-reports-page .reports-section{background:#141d2b!important;border-color:#26344a!important}body.dark .task-reports-page [style*="#f8fafc"],body.dark .task-reports-page [style*="#f9fafb"],body.dark .task-reports-page [style*="#ffffff"],body.dark .task-reports-page [style*="background-color: white"],body.dark .task-reports-page [style*="background: white"]{background:#141d2b!important;color:#c4d0e0!important}body.dark .task-reports-page [style*="#e2e8f0"],body.dark .task-reports-page [style*="#e5e7eb"]{border-color:#26344a!important}body.dark .empty-content,body.dark .empty-state{background:#141d2b!important;border-color:#26344a!important;color:#9daac0!important}body.dark .task-reports-page .reports-table th{background:#1b2839!important;border-color:#26344a!important;color:#c4d0e0!important}body.dark .task-reports-page .reports-table td{border-color:#22304a!important;color:#d7e0ec!important}body.dark .task-reports-page .reports-table tbody tr:hover{background:#1b2a40!important}body.dark .filter-select,body.dark .form-select,body.dark .task-reports-page input,body.dark .task-reports-page select,body.dark .task-reports-page textarea{background:#0f1a2a!important;border-color:#2c3b52!important;color:#e7edf5!important}body.dark .task-reports-page .card-content,body.dark .task-reports-page [class*=summary]{color:#e7edf5}body.dark .card-label{color:#9daac0!important}body.dark .card-number{color:#eaf0f8!important}body.dark .report-comment-item,body.dark .report-reply-item{background:#18253a!important;border-color:#2a3b55!important;color:#dce6f2!important}body.dark .report-comment-input,body.dark .report-reply-input-section textarea{background:#0f1a2a!important;border-color:#2c3b52!important;color:#e7edf5!important}body.dark .report-comment-meta,body.dark .report-no-comments{color:#9daac0!important}body.dark .task-reports-page{background:#0e1622!important}body.dark .report-empty-panel{background:#141d2b!important;border-color:#26344a!important;color:#9daac0!important}body.dark .task-reports-page [style*="rgb(249, 250, 251)"], body.dark .task-reports-page [style*="rgb(255, 255, 255)"]{background:#141d2b!important;color:#c4d0e0!important}body.dark .task-reports-page [style*="rgb(229, 231, 235)"]{border-color:#26344a!important}body.dark .task-reports-page [style*="rgb(241, 245, 249)"], body.dark .task-reports-page [style*="rgb(243, 244, 246)"], body.dark .task-reports-page [style*="rgb(248, 250, 252)"], body.dark .task-reports-page [style*="rgb(249, 250, 251)"], body.dark .task-reports-page [style*="rgb(255, 255, 255)"]{background-color:#18233a!important}body.dark .task-reports-page [style*="rgb(209, 213, 219)"], body.dark .task-reports-page [style*="rgb(226, 232, 240)"], body.dark .task-reports-page [style*="rgb(229, 231, 235)"]{border-color:#2a3b55!important}body.dark .task-reports-page [style*="rgb(17, 24, 39)"], body.dark .task-reports-page [style*="rgb(30, 60, 114)"], body.dark .task-reports-page [style*="rgb(31, 41, 55)"], body.dark .task-reports-page [style*="rgb(55, 65, 81)"]{color:#e7edf5!important}body.dark .task-reports-page [style*="rgb(107, 114, 128)"], body.dark .task-reports-page [style*="rgb(156, 163, 175)"]{color:#9daac0!important}body.dark .task-reports-page [style*="rgb(219, 234, 254)"], body.dark .task-reports-page [style*="rgb(235, 245, 255)"], body.dark .task-reports-page [style*="rgb(239, 246, 255)"]{background-color:#1c2e50!important}body.dark .task-reports-page [style*="rgb(236, 253, 245)"]{background-color:#10261c!important}body.dark .task-reports-page [style*="rgb(254, 243, 199)"]{background-color:#2a2410!important}body.dark .task-reports-page [style*="rgb(254, 242, 242)"]{background-color:#2a1717!important}@media (max-width:768px){.task-reports-page{background:#f8fafc!important;min-height:100vh;padding:0 0 80px!important}.reports-page-header{border-radius:0!important;margin-bottom:0!important;padding:20px 16px!important}.reports-header-title h1{font-size:1.4rem!important;margin-bottom:4px}.reports-header-title p{font-size:.85rem!important}.filters-section{border-left:none!important;border-radius:0!important;border-right:none!important;margin-bottom:0!important;padding:16px!important}.filter-row{gap:14px!important;grid-template-columns:1fr!important}.filter-group{gap:8px!important}.filter-group label{font-size:.85rem!important;font-weight:600!important}.filter-input,.filter-select{min-height:44px!important;padding:12px!important}.btn-secondary,.filter-input,.filter-select{border-radius:8px!important;font-size:14px!important}.btn-secondary{min-height:48px!important;padding:12px 18px!important;width:100%!important}.reports-section{border-left:none!important;border-radius:0!important;border-right:none!important;box-shadow:none!important;margin-bottom:0!important}.section-header{align-items:center!important;flex-direction:row!important;gap:12px!important;padding:16px!important}.section-header h2{flex:1 1;font-size:1.1rem!important}.count-badge{font-size:.75rem!important;padding:4px 10px!important}.table-header{display:none!important}.table-body{max-height:none!important;padding:8px!important}.table-row{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;box-shadow:0 2px 6px #0000000d!important;display:block!important;margin-bottom:12px!important;padding:16px!important}.table-row:active{transform:scale(.98)}.table-row:hover{box-shadow:0 4px 12px #0000001a!important}.cell{align-items:center!important;border-bottom:1px solid #f3f4f6!important;display:flex!important;justify-content:space-between!important;padding:10px 0!important}.cell:last-child{border-bottom:none!important}.cell:before{color:#6b7280!important;content:attr(data-label)!important;flex-shrink:0!important;font-size:.8rem!important;font-weight:600!important;min-width:85px!important}.user-cell{align-items:center!important;flex-direction:row!important;justify-content:space-between!important}.user-cell:before{content:"제출자"!important}.user-info{text-align:right!important}.user-name{font-size:.9rem!important}.user-username{font-size:.75rem!important}.count-cell{justify-content:space-between!important}.count-number{font-size:1rem!important}.status-cell{justify-content:space-between!important}.actions-cell{justify-content:stretch!important;padding-top:12px!important}.btn-view{border-radius:8px!important;font-size:13px!important;justify-content:center!important;min-height:44px!important;padding:10px 14px!important;width:100%!important}.pagination{flex-wrap:wrap!important;gap:8px!important;padding:16px!important}.btn-page{font-size:13px!important;min-height:40px!important;min-width:40px!important;padding:10px 12px!important}.page-numbers{gap:6px!important}.modal-overlay{padding:0!important}.modal{border-radius:16px 16px 0 0!important;bottom:0!important;margin:0!important;max-height:95vh!important;position:fixed!important}.modal,.modal.large-modal{max-width:100%!important;width:100%!important}.modal-header{align-items:stretch!important;background:#f9fafb!important;flex-direction:column!important;gap:12px!important;padding:18px!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:10!important}.modal-header h3{font-size:1.15rem!important;padding-right:40px}.close-btn{font-size:1.5rem!important;height:36px!important;position:absolute!important;right:18px!important;top:18px!important;width:36px!important}.modal-content{-webkit-overflow-scrolling:touch!important;max-height:calc(95vh - 180px)!important;overflow-y:auto!important;padding:18px!important}.report-info-section{margin-bottom:16px!important}.report-meta{background:#f8fafc!important;border-radius:8px!important;gap:8px 10px!important;grid-template-columns:1fr 1fr!important;padding:10px!important}.meta-item{border-bottom:none!important;display:flex!important;flex-direction:column!important;font-size:.75rem!important;gap:3px!important;padding:6px 0!important}.meta-item strong{color:#6b7280!important;font-size:.65rem!important;font-weight:600!important}.meta-item span{color:#111827!important;font-size:.75rem!important}.meta-item:last-child{border-bottom:none!important}.review-comment{font-size:.75rem!important;margin-top:10px!important;padding:10px!important}.review-comment strong{display:block!important;font-size:.75rem!important;margin-bottom:6px!important}.review-comment p{font-size:.75rem!important;line-height:1.5!important}.summary-section{margin-bottom:16px!important}.summary-section h4{border-bottom:1px solid #e5e7eb!important;font-size:.95rem!important;margin-bottom:10px!important;padding-bottom:6px!important}.summary-cards{grid-gap:6px!important;display:grid!important;gap:6px!important;grid-template-columns:repeat(4,1fr)!important}.summary-card{align-items:center!important;border-radius:6px!important;flex-direction:column!important;gap:4px!important;padding:8px 6px!important;text-align:center!important}.card-icon{font-size:1rem!important;line-height:1!important}.card-content{width:100%}.card-number{font-size:1.1rem!important;font-weight:700!important;line-height:1!important}.card-label{font-size:.6rem!important;line-height:1.2!important;margin-top:2px!important}.task-status-group{border-radius:12px!important;margin-bottom:0!important}.status-group-header{font-size:.95rem!important;padding:14px 16px!important}.status-icon{font-size:1.1rem!important}.status-title{font-size:.95rem!important}.status-count{font-size:.75rem!important;padding:4px 10px!important}.status-group-tasks{padding:8px!important}.task-accordion-item{border-radius:10px!important;margin-bottom:8px!important}.task-accordion-header{min-height:56px!important;padding:14px!important}.task-accordion-header:active{background:#e5e7eb!important}.task-header-left{gap:10px!important}.task-index{font-size:.8rem!important;font-weight:600!important;min-width:28px!important}.task-title-text{font-size:.9rem!important;line-height:1.4!important}.priority-badge{font-size:1rem!important}.expand-btn{font-size:.75rem!important;min-height:32px!important;padding:6px 10px!important}.task-accordion-content{padding:16px!important}.task-description-box{margin-bottom:16px!important;padding:14px!important}.task-description-box strong{font-size:.8rem!important;margin-bottom:8px!important}.task-description-box p{font-size:.9rem!important;line-height:1.6!important}.task-info-grid{gap:14px!important;grid-template-columns:1fr!important}.info-item{border-bottom:1px solid #f3f4f6!important;gap:6px!important;padding:10px 0!important}.info-item:last-child{border-bottom:none!important}.info-label{font-size:.7rem!important}.info-value{font-size:.9rem!important}.form-group{margin-bottom:18px!important}.form-group label{font-size:.9rem!important;margin-bottom:8px!important}.form-select,.form-textarea{font-size:14px!important;min-height:44px!important;padding:12px!important}.form-textarea{min-height:120px!important}.form-actions{background:#fff!important;bottom:0!important;flex-direction:column-reverse!important;gap:10px!important;padding-top:18px!important;position:-webkit-sticky!important;position:sticky!important;z-index:10!important}.form-actions button{padding:14px 18px!important;width:100%!important}.btn-primary,.form-actions button{font-size:14px!important;min-height:48px!important}.btn-primary{padding:14px 20px!important}.review-actions{padding-top:18px!important}.review-actions .btn-primary{width:100%!important}.empty-state,.loading-container{padding:50px 20px!important}.empty-icon{font-size:3.5rem!important}.empty-state h3{font-size:1.3rem!important}.empty-state p{font-size:.95rem!important}.empty-content{padding:40px 20px!important}.no-tasks{font-size:.9rem!important;padding:30px 16px!important}.task-status-group>div:last-child{-webkit-overflow-scrolling:touch!important;background:#fff!important;overflow-x:auto!important;padding:0!important}.tasks-by-status-container table{background:#fff!important;border-collapse:collapse!important;font-size:.7rem!important;min-width:100%!important;width:100%!important}.tasks-by-status-container thead th{background-color:#f3f4f6!important;border:1px solid #9ca3af!important;color:#374151!important;font-size:.65rem!important;font-weight:600!important;padding:6px 5px!important;position:-webkit-sticky!important;position:sticky!important;text-align:center!important;top:0!important;z-index:2!important}.tasks-by-status-container tbody td{border:1px solid #d1d5db!important;color:#1e293b!important;font-size:.65rem!important;padding:5px 4px!important;text-align:center!important;vertical-align:middle!important}.tasks-by-status-container tbody tr:hover{background:#f8fafc!important}.tasks-by-status-container tbody td:first-child{color:#6b7280!important;font-weight:600!important;min-width:30px!important;width:30px!important}.tasks-by-status-container tbody td:nth-child(2){color:#111827!important;font-weight:500!important;line-height:1.3!important;max-width:200px!important;min-width:120px!important;text-align:left!important;white-space:normal!important;word-break:keep-all!important}.tasks-by-status-container tbody td:nth-child(3){color:#374151!important;line-height:1.4!important;max-width:300px!important;min-width:180px!important;text-align:left!important;white-space:pre-wrap!important;word-break:keep-all!important}.tasks-by-status-container tbody td:nth-child(4){min-width:50px!important;width:50px!important}.tasks-by-status-container tbody td:nth-child(4) span{border-radius:4px!important;font-size:.6rem!important;font-weight:600!important;padding:2px 5px!important;white-space:nowrap!important}.tasks-section h4{border-bottom:2px solid #e5e7eb!important;font-size:1.05rem!important;margin-bottom:14px!important;padding-bottom:10px!important}.tasks-by-status-container{display:flex!important;flex-direction:column!important;gap:16px!important}.task-status-group{border:1px solid #d1d5db!important;border-radius:8px!important;box-shadow:0 1px 3px #0000001a!important;overflow:hidden!important}}@media (max-width:480px){.task-reports-page{padding-bottom:70px!important}.reports-page-header{padding:16px 14px!important}.reports-header-title h1{font-size:1.25rem!important}.reports-header-title p{font-size:.8rem!important}.filters-section{padding:14px!important}.filter-group label{font-size:.8rem!important}.filter-input,.filter-select{font-size:13px!important;padding:10px!important}.btn-secondary{font-size:13px!important;padding:10px 16px!important}.section-header{padding:14px!important}.section-header h2{font-size:1rem!important}.table-body{padding:6px!important}.table-row{padding:14px!important}.cell{font-size:.85rem!important;padding:8px 0!important}.cell:before{font-size:.75rem!important;min-width:75px!important}.user-name{font-size:.85rem!important}.user-username{font-size:.7rem!important}.count-number{font-size:.95rem!important}.btn-view{padding:8px 12px!important}.btn-page,.btn-view{font-size:12px!important}.btn-page{min-height:36px!important;min-width:36px!important;padding:8px 10px!important}.modal-header{padding:14px!important}.modal-header h3{font-size:1.05rem!important}.close-btn{font-size:1.3rem!important;height:32px!important;right:14px!important;top:14px!important;width:32px!important}.modal-content{padding:14px!important}.report-info-section{margin-bottom:12px!important}.report-meta{gap:6px 8px!important;padding:8px!important}.meta-item{font-size:.7rem!important;padding:5px 0!important}.meta-item strong{font-size:.6rem!important}.meta-item span,.review-comment{font-size:.7rem!important}.review-comment{padding:8px!important}.review-comment p,.review-comment strong{font-size:.7rem!important}.summary-section{margin-bottom:14px!important}.summary-section h4{font-size:.85rem!important;margin-bottom:8px!important;padding-bottom:5px!important}.summary-cards{gap:5px!important;grid-template-columns:repeat(4,1fr)!important}.summary-card{gap:3px!important;padding:6px 4px!important}.card-icon{font-size:.9rem!important}.card-number{font-size:1rem!important}.card-label{font-size:.55rem!important}.status-group-header{font-size:.9rem!important;padding:12px 14px!important}.task-accordion-header{padding:12px!important}.task-index{font-size:.75rem!important;min-width:24px!important}.task-title-text{font-size:.85rem!important}.priority-badge{font-size:.95rem!important}.expand-btn{font-size:.7rem!important;padding:5px 8px!important}.task-accordion-content{padding:14px!important}.task-description-box{font-size:.85rem!important;padding:12px!important}.task-description-box strong{font-size:.75rem!important}.task-description-box p{font-size:.85rem!important}.info-label{font-size:.65rem!important}.form-group label,.info-value{font-size:.85rem!important}.form-select,.form-textarea{font-size:13px!important;padding:10px!important}.form-actions button{font-size:13px!important;padding:12px 16px!important}.btn-primary{font-size:13px!important;padding:12px 18px!important}.tasks-by-status-container table{font-size:.65rem!important}.tasks-by-status-container thead th{font-size:.6rem!important;padding:5px 4px!important}.tasks-by-status-container tbody td{font-size:.6rem!important;padding:4px 3px!important}.tasks-by-status-container tbody td:first-child{min-width:25px!important;width:25px!important}.tasks-by-status-container tbody td:nth-child(2){font-size:.6rem!important;max-width:150px!important;min-width:100px!important}.tasks-by-status-container tbody td:nth-child(3){font-size:.6rem!important;max-width:250px!important;min-width:150px!important}.tasks-by-status-container tbody td:nth-child(4){min-width:45px!important;width:45px!important}.tasks-by-status-container tbody td:nth-child(4) span{font-size:.55rem!important;padding:2px 4px!important}.tasks-section h4{font-size:.95rem!important}.status-group-header{font-size:.85rem!important;padding:10px 12px!important}}@media (hover:none) and (pointer:coarse){.btn-page:active,.btn-primary:active,.btn-secondary:active,.btn-view:active,.table-row:active,.task-accordion-header:active{opacity:.8}.task-accordion-item:active{transform:scale(.99)}}@media (max-width:768px) and (max-height:500px){.task-reports-page{padding-bottom:60px!important}.reports-page-header{padding:14px!important}.modal{max-height:98vh!important}.modal-content{max-height:calc(98vh - 150px)!important}.summary-cards{grid-template-columns:repeat(4,1fr)!important}}.tr-mobile{display:none}body.dark .tr-mobile{--trsurf:#131d2f;--trsurf2:#16223a;--trline:#94a3b829;--trink:#e7edf6;--trink2:#9aa7bd;--trink3:#6b7890;--trblue:#3b82f6;--trgreen:#22c55e;--tramber:#f59e0b;--trgray:#64748b;--trpurple:#8b5cf6}@media (max-width:768px){.task-reports-page .reports-section .section-header,.task-reports-page .tr-desktop-panels{display:none!important}.task-reports-page .reports-section{background:#0000!important;border:0!important;box-shadow:none!important;margin:0!important;padding:0!important}.tr-mobile{--trsurf:#fff;--trsurf2:#f4f7fc;--trline:#e7ecf3;--trink:#1b2533;--trink2:#5e6b7e;--trink3:#9aa6b6;--trblue:#2b6ae8;--trgreen:#16a34a;--tramber:#d97706;--trgray:#64748b;--trpurple:#8b5cf6;display:block}.task-reports-page .reports-page-header{background:#0000!important;border:0!important;box-shadow:none!important;display:block!important;margin:0 0 10px!important;padding:0!important}.task-reports-page .reports-header-title p{display:none!important}.task-reports-page .reports-header-title h1{font-size:18px!important;margin:0 0 11px!important}.task-reports-page .reports-view-toggle{background:#fff!important;background:var(--trsurf,#fff)!important;border:1px solid #e7ecf3!important;border:1px solid var(--trline,#e7ecf3)!important;border-radius:11px!important;display:flex!important;gap:3px!important;padding:3px!important}body.dark .task-reports-page .reports-view-toggle{background:#131d2f!important;border-color:#94a3b829!important}.task-reports-page .reports-view-toggle button{background:#0000!important;border:0!important;border-radius:8px!important;color:#5e6b7e!important;flex:1 1!important;font-size:13px!important;font-weight:700!important;padding:8px 0!important}body.dark .task-reports-page .reports-view-toggle button{color:#9aa7bd!important}.task-reports-page .reports-view-toggle button.active{background:linear-gradient(180deg,#3b82f6,#2563eb)!important;box-shadow:0 2px 8px #2563eb66!important;color:#fff!important}.trm-picker{align-items:center;background:var(--trsurf);border:1px solid var(--trline);border-radius:12px;cursor:pointer;display:flex;gap:11px;margin-bottom:12px;padding:11px 13px;text-align:left;width:100%}.trm-ava{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;color:#fff;display:grid;flex:none;font-size:13px;font-weight:800;height:34px;place-items:center;width:34px}.trm-meta{display:flex;flex:1 1;flex-direction:column;min-width:0}.trm-top{align-items:center;display:flex;gap:6px}.trm-name{color:var(--trink);font-size:14px;font-weight:800}.trm-dept-tag{background:#94a3b824;border-radius:5px;color:var(--trink3);flex:none;font-size:10px;font-weight:700;padding:1px 6px;white-space:nowrap}.trm-sub{color:var(--trink2);font-size:11px;margin-top:2px}.trm-chev{color:var(--trink3);font-size:13px}.trm-dates{display:flex;gap:8px;margin-bottom:12px;overflow-x:auto;padding-bottom:4px}.trm-dates::-webkit-scrollbar{display:none}.trm-chip{background:var(--trsurf);border:1px solid var(--trline);border-radius:11px;cursor:pointer;flex:none;min-width:96px;padding:9px 12px;text-align:left}.trm-chip-d{color:var(--trink);display:block;font-size:13px;font-weight:800}.trm-chip-c{color:var(--trink3);display:block;font-size:10.5px;margin-top:3px}.trm-chip.on{background:linear-gradient(160deg,#1e3a8a,#1d4ed8);border-color:#3b82f680}.trm-chip.on .trm-chip-d{color:#fff}.trm-chip.on .trm-chip-c{color:#bfdbfe}.trm-rep-head{align-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:12px;box-shadow:0 6px 18px #2563eb59;display:flex;justify-content:space-between;margin-bottom:12px;padding:13px 14px}.trm-rep-t{color:#fff;font-size:15px;font-weight:800}.trm-rep-detail{background:#ffffff2e;border:0;border-radius:9px;color:#fff;cursor:pointer;font-size:12px;font-weight:700;padding:6px 12px}.trm-tabs{display:flex;gap:8px;margin-bottom:11px}.trm-tab{align-items:center;background:var(--trsurf);border:1px solid var(--trline);border-radius:9px;color:var(--trink2);cursor:pointer;display:flex;font-size:12.5px;font-weight:700;gap:6px;padding:7px 13px}.trm-n{background:#94a3b829;border-radius:6px;color:var(--trink);font-size:11px;padding:0 6px}.trm-tab.all.on{border-color:#94a3b866;color:var(--trink)}.trm-tab.done.on{background:#22c55e1a;border-color:#22c55e73;color:#16a34a}.trm-tab.prog.on{background:#f59e0b1f;border-color:#f59e0b73;color:#b45309}body.dark .trm-tab.done.on{color:#86efac}body.dark .trm-tab.prog.on{color:#fcd34d}.trm-list{padding-bottom:24px}.trm-item{border-bottom:1px solid var(--trline);cursor:pointer;display:flex;gap:11px;padding:14px 2px}.trm-no{background:#94a3b81f;border-radius:7px;color:var(--trink2);display:grid;flex:none;font-size:11px;font-weight:800;height:22px;margin-top:1px;place-items:center;width:22px}.trm-main{flex:1 1;min-width:0}.trm-row1{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.trm-title{color:var(--trink);font-size:13.5px;font-weight:700;line-height:1.35}.trm-badge{border-radius:7px;flex:none;font-size:10.5px;font-weight:800;margin-top:1px;padding:3px 9px;white-space:nowrap}.trm-badge.prog{background:#f59e0b26;border:1px solid #f59e0b4d;color:#b45309}.trm-badge.req{background:#64748b2e;border:1px solid #64748b4d;color:#64748b}.trm-badge.done{background:#22c55e26;border:1px solid #22c55e4d;color:#16a34a}body.dark .trm-badge.prog{color:#fbbf24}body.dark .trm-badge.req{color:#94a3b8}body.dark .trm-badge.done{color:#4ade80}.trm-desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--trink2);display:-webkit-box;font-size:11.5px;line-height:1.5;margin-top:6px;overflow:hidden;white-space:pre-wrap}.trm-empty{font-size:13px;padding:30px}.trm-empty,.trm-hint{color:var(--trink3);text-align:center}.trm-hint{font-size:13.5px;padding:44px 20px}.trm-hint-ic{display:block;font-size:34px;margin-bottom:10px}.trm-scrim{background:#03060c8c;inset:0;position:fixed;z-index:1200}.trm-sheet{animation:trmRise .26s ease;background:var(--trsurf);border-radius:22px 22px 0 0;border-top:1px solid var(--trline);bottom:0;box-shadow:0 -16px 40px #0006;display:flex;flex-direction:column;left:0;max-height:80%;position:fixed;right:0}@keyframes trmRise{0%{transform:translateY(100%)}to{transform:translateY(0)}}.trm-grab{background:#94a3b866;border-radius:3px;height:4px;margin:10px auto 4px;width:38px}.trm-sh-head{align-items:center;border-bottom:1px solid var(--trline);display:flex;justify-content:space-between;padding:10px 18px 12px}.trm-sh-head h2{color:var(--trink);font-size:15px;font-weight:800;margin:0}.trm-cnt{background:var(--trpurple);border-radius:8px;color:#fff;font-size:11px;font-weight:800;padding:3px 9px}.trm-sh-body{overflow-y:auto;padding:6px 0 16px}.trm-dept{align-items:center;color:var(--trink2);display:flex;font-size:13px;font-weight:800;gap:8px;padding:13px 18px 7px}.trm-fld{color:#f5b820}.trm-badge2{background:#94a3b824;border-radius:7px;color:var(--trink2);font-size:10.5px;font-weight:800;margin-left:auto;padding:2px 8px}.trm-emp{align-items:center;border-radius:12px;cursor:pointer;display:flex;gap:11px;margin:0 12px;padding:12px 14px}.trm-emp.on{background:linear-gradient(135deg,#22c55e29,#16a34a14);border:1px solid #22c55e4d}.trm-emp-ava{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;color:#fff;display:grid;flex:none;font-size:13px;font-weight:800;height:36px;place-items:center;width:36px}.trm-emp-info{flex:1 1;min-width:0}.trm-emp-n{color:var(--trink);font-size:14px;font-weight:800}.trm-emp-s{color:var(--trink2);font-size:11px;margin-top:2px}.trm-emp-ok{color:var(--trgreen);font-size:16px}.trm-sub-dates{border-top:1px dashed var(--trline);margin:10px 12px 0;padding-top:10px}.trm-sd-lbl{color:var(--trink3);font-size:11px;font-weight:700;padding:0 6px 8px}.trm-drow{align-items:center;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:2px;padding:11px 14px}.trm-drow.on{background:var(--trsurf2)}.trm-drow-l{display:flex;flex-direction:column;gap:3px}.trm-dt{color:var(--trink);font-size:13px;font-weight:700}.trm-st{color:var(--trink3);font-size:10.5px}.task-reports-page .reports-header-title h1{color:#1b2533!important}body.dark .task-reports-page .reports-header-title h1{color:#e7edf6!important}.tr-mobile .trm-ava-pi,.tr-mobile .trm-emp-ava-pi{flex:none}.tr-mobile .trm-ava-pi .profile-image,.tr-mobile .trm-emp-ava-pi .profile-image{border-radius:50%;overflow:hidden}.task-reports-page .reports-table tbody{padding:0!important}.task-reports-page .reports-table tbody tr{--r-surf:#fff;--r-line:#e7ecf3;--r-ink:#1b2533;--r-ink2:#5e6b7e;--r-ink3:#9aa6b6;background:var(--r-surf)!important;border:1px solid var(--r-line)!important;border-radius:14px!important;box-shadow:0 1px 3px #14202e0f!important;margin-bottom:12px!important;padding:6px 15px!important}body.dark .task-reports-page .reports-table tbody tr{--r-surf:#131d2f;--r-line:#94a3b829;--r-ink:#e7edf6;--r-ink2:#9aa7bd;--r-ink3:#6b7890;box-shadow:none!important}.task-reports-page .reports-table tbody td{border-bottom:1px solid var(--r-line)!important;color:var(--r-ink)!important;font-size:13px!important;min-height:0!important;padding:10px 0!important}.task-reports-page .reports-table tbody td:before{color:var(--r-ink3)!important;font-size:12px!important;font-weight:700!important;min-width:80px!important}.task-reports-page .reports-table .user-name{font-size:14px!important}.task-reports-page .reports-table .count-number,.task-reports-page .reports-table .user-name{color:var(--r-ink)!important;font-weight:800!important}.task-reports-page .reports-table .count-number.completed{color:#16a34a!important}body.dark .task-reports-page .reports-table .count-number.completed{color:#4ade80!important}.task-reports-page .reports-table tbody td:first-child{justify-content:space-between!important;padding-top:10px!important}.task-reports-page .reports-table tbody td:first-child:before{color:var(--r-ink3)!important;content:"선택"!important;display:block!important;font-size:12px!important;font-weight:700!important}.task-reports-page .reports-table input[type=checkbox]{accent-color:#3b82f6!important;height:18px!important;width:18px!important}.task-reports-page .reports-table .btn-view{background:linear-gradient(180deg,#3b82f6,#2563eb)!important;border:0!important;border-radius:11px!important;color:#fff!important;font-size:13.5px!important;font-weight:700!important;height:44px!important;justify-content:center!important;width:100%!important}.task-reports-page .reports-view-toggle button:nth-child(2){display:none!important}.task-reports-page .reports-view-toggle button:first-child{flex:1 1!important;width:100%!important}}.quotation-create-page{background-color:#f5f5f5;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.quotation-header{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:30px}.header-left{align-items:center;display:flex;gap:15px}.btn-back{background:#f0f0f0;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:none;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-back:hover{background:#e5e5e5}.quotation-header h1{color:#333;font-size:28px;margin:0}.quotation-actions{gap:10px}.alert{border-radius:8px;font-size:14px;margin-bottom:20px;padding:15px}.alert-error{background-color:#fee;border:1px solid #fcc;color:#c33}.alert-success{background-color:#efe;border:1px solid #cfc;color:#3c3}.alert-success p{margin:0 0 15px}.download-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.btn-download{border:none;border-radius:6px;box-shadow:0 2px 4px #0000001a;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s}.btn-download-internal{background-color:#28a745;color:#fff}.btn-download-internal:hover{background-color:#218838;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.btn-download-external{background-color:#007bff;color:#fff}.btn-download-external:hover{background-color:#0056b3;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.quotation-form{display:flex;flex-direction:column;gap:20px}.form-section{background:#fff;box-shadow:0 2px 4px #0000001a;padding:25px}.form-section h2{border-bottom:2px solid #007bff;color:#333;margin:0 0 20px;padding-bottom:10px}.section-header h2{border:none;padding:0}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group{display:flex;flex-direction:column}.form-group-full{grid-column:1/-1}.form-group input,.form-group textarea{border-radius:4px;padding:10px 12px}.form-group input:focus,.form-group textarea:focus{border-color:#007bff}.quotation-basic-info-table{background-color:#fff;border-collapse:collapse;font-size:.8rem;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;width:100%}.quotation-basic-info-table th{background-color:#f3f4f6;border:1px solid #9ca3af;color:#374151;font-weight:600;padding:8px 10px;text-align:left;vertical-align:middle;white-space:nowrap;width:15%}.quotation-basic-info-table td{background-color:#fff;border:1px solid #d1d5db;padding:0;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;vertical-align:middle}.quotation-basic-info-table input,.quotation-basic-info-table select,.quotation-basic-info-table textarea{background-color:initial;border:none;box-sizing:border-box;font-family:inherit;font-size:.8rem;margin:0;min-height:32px;outline:none;padding:8px 10px;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;width:100%}.quotation-basic-info-table input:focus,.quotation-basic-info-table select:focus,.quotation-basic-info-table textarea:focus{background-color:#fff9e6;box-shadow:inset 0 0 0 2px #3b82f6}.quotation-basic-info-table textarea{min-height:60px;resize:vertical}.quotation-basic-info-table input.readonly-input{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.quotation-basic-info-table input.readonly-input:focus{background-color:#f9fafb;box-shadow:none}.material-type-select{background-color:#f8f9fa;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-size:13px;font-weight:600;padding:6px 10px;transition:all .3s}.material-type-select:hover{background-color:#e9ecef;border-color:#007bff}.material-type-select:focus{border-color:#007bff;outline:none}.readonly-input{background-color:#f9f9f9;cursor:not-allowed}.items-table-wrapper{gap:30px;overflow-x:hidden}.table-section{overflow-x:hidden}.table-section-title{border-bottom:3px solid #007bff;font-size:16px;margin:0 0 15px;padding:10px 0}.purchase-table-section{border:2px solid #b3d9ff;border-radius:8px;overflow-x:hidden;padding:20px}.purchase-title{border-bottom-color:#06c}.table-scroll{-webkit-overflow-scrolling:touch;max-height:600px;overflow-x:auto;overflow-y:auto}.items-table{font-size:11px;overflow-x:hidden;table-layout:fixed;width:100%}.items-table thead{box-shadow:0 2px 4px #0000001a}.items-table thead th{background-color:#e9ecef;position:-webkit-sticky;position:sticky;top:0}.items-table th{border:1px solid #dee2e6;font-size:11px;padding:8px 4px}.items-table td{border:1px solid #dee2e6;height:auto;overflow:visible;padding:0;vertical-align:top}.items-table td,.table-input{min-height:32px;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.table-input{background-color:initial;border:none;box-sizing:border-box;font-family:inherit;font-size:11px;height:100%;margin:0;outline:none;padding:6px 4px;width:100%}.table-input:focus{background-color:#fff9e6;box-shadow:inset 0 0 0 2px #007bff}.table-input.readonly-input{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed}.table-input.readonly-input:focus{background-color:#f8f9fa;box-shadow:none}textarea.table-input{word-wrap:break-word;height:auto;line-height:1.4;min-height:32px;overflow:hidden;resize:none;white-space:pre-wrap;word-break:break-all}.col-product-name{width:12%}.col-action{min-width:45px;width:4%}.cell-center{padding:8px}.items-table tbody tr[draggable=true]{transition:background-color .2s,transform .2s,box-shadow .2s}.items-table tbody tr[draggable=true]:hover{background-color:#f8fafc}.items-table tbody tr.dragging-row{background-color:#e2e8f0!important;opacity:.5}.items-table tbody tr.drag-over-row{background-color:#dbeafe!important;box-shadow:inset 0 2px 0 #3b82f6,inset 0 -2px 0 #3b82f6}.items-table tbody tr.drag-over-row td{border-bottom-color:#3b82f6;border-top-color:#3b82f6}.item-image-upload{align-items:center;border:2px dashed #0000;border-radius:6px;display:flex;flex-direction:column;gap:8px;padding:4px;transition:all .2s ease}.item-image-upload.drag-over{background-color:#007bff1a;border-color:#007bff}.item-image-upload.drag-over .btn-file-upload{background-color:#28a745}.btn-file-upload{background-color:#007bff;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;font-size:11px;font-weight:600;padding:6px 12px;transition:all .2s;white-space:nowrap}.btn-file-upload:hover{background-color:#0056b3;transform:translateY(-1px)}.image-preview-mini{gap:4px;justify-content:center;max-width:150px}.mini-image-item{border:1px solid #dee2e6;border-radius:4px;height:40px;overflow:hidden;position:relative;width:40px}.mini-image-item img{display:block;height:100%;object-fit:cover;width:100%}.btn-remove-mini{align-items:center;background-color:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;line-height:1;padding:0;position:absolute;right:-4px;top:-4px;transition:all .2s;width:16px}.btn-remove-mini:hover{background-color:#c82333;transform:scale(1.1)}.btn-table-remove{background-color:#dc3545;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;line-height:1;padding:4px 8px;transition:all .2s}.btn-table-remove:hover{background-color:#c82333;transform:scale(1.1)}.btn-add-item,.btn-save,.btn-save-large{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s}.btn-save{background-color:#007bff;color:#fff}.btn-save:hover:not(:disabled){background-color:#0056b3}.btn-save:disabled{background-color:#ccc;cursor:not-allowed}.btn-add-item{background-color:#28a745;color:#fff}.btn-add-item:hover{background-color:#218838}.btn-save-large{background-color:#007bff;color:#fff;font-size:16px;padding:15px 40px}.btn-save-large:hover:not(:disabled){background-color:#0056b3;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.btn-save-large:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.btn-save-request-large{background-color:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 40px;transition:all .3s}.btn-save-request-large:hover:not(:disabled){background-color:#218838;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.btn-save-request-large:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.quotation-footer{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:15px;justify-content:center;margin-top:20px;padding:30px 0}.image-upload-area{background-color:#fafafa;border:2px dashed #ccc;border-radius:8px;cursor:pointer;padding:40px;text-align:center;transition:all .3s}.image-upload-area:focus{background-color:#f0f8ff;border-color:#007bff;outline:none}.image-upload-area.dragging{background-color:#e3f2fd;border-color:#007bff;transform:scale(1.02)}.upload-instruction{margin-bottom:20px}.upload-instruction p{color:#555;font-size:16px;margin:8px 0}.upload-instruction-sub{color:#999;font-size:13px}.btn-upload{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s}.btn-upload:hover{background-color:#0056b3;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.attachments-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:20px}.attachment-item{border:1px solid #ddd;border-radius:8px}.attachment-item:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.attachment-item.pending{background-color:#fffbf0;border:2px dashed #ffc107}.attachment-item.pending:hover{box-shadow:0 4px 8px #ffc1074d}.attachment-thumbnail{height:200px}.attachment-info{padding:12px}.attachment-filename{font-size:13px;margin:0 0 10px}.pending-badge{background-color:#fff3cd;border-radius:4px;color:#856404;display:block;font-size:11px;font-weight:600;margin-bottom:8px;padding:4px 8px;text-align:center}.btn-delete-attachment{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px;transition:all .3s;width:100%}.btn-delete-attachment:hover{background-color:#c82333}.upload-disabled-message{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:30px;text-align:center}.upload-disabled-message p{color:#999;font-size:15px;margin:0}@media (max-width:768px){.quotation-create-page{padding:0}.quotation-header{align-items:flex-start;border-radius:0;flex-direction:column;gap:15px;margin-bottom:0;padding:16px}.header-left{gap:10px;width:100%}.btn-back{align-items:center;display:flex;font-size:14px;justify-content:center;padding:10px 14px}.quotation-header h1{font-size:1.3rem}.btn-save,.quotation-actions{width:100%}.form-grid{grid-template-columns:1fr}.form-section{border-radius:0;margin-bottom:0;padding:15px}.items-table-wrapper{gap:20px}.table-section{border-radius:0}.purchase-table-section{border-radius:0;padding:15px}.items-table{font-size:10px;table-layout:auto}.items-table th{font-size:10px;padding:6px 3px}.table-input{font-size:10px;min-height:28px;padding:4px 3px}.col-index{min-width:30px}.col-small{min-width:50px}.col-medium{min-width:65px}.col-product-name{min-width:100px}.col-action{min-width:40px}.table-scroll{max-height:500px;overflow-x:auto;overflow-y:auto}.image-preview-mini{max-width:100px}.mini-image-item{height:30px;width:30px}.btn-file-upload{font-size:10px;padding:4px 8px}}.file-icon{align-items:center;background-color:#f0f0f0;border-radius:4px;cursor:pointer;display:flex;flex-direction:column;font-size:24px;height:60px;justify-content:center;transition:background-color .2s;width:60px}.file-icon:hover{background-color:#e0e0e0}.file-name-mini{color:#666;font-size:10px;margin-top:4px;text-align:center;word-break:break-all}.image-preview-mini{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.mini-image-item .file-icon{font-size:20px;height:60px;width:60px}.col-action{min-width:70px;text-align:center;width:70px}.btn-remove-item{align-items:center;background-color:#fff;border:1px solid #dc3545;border-radius:6px;color:#dc3545;cursor:pointer;display:inline-flex;font-size:18px;justify-content:center;padding:8px 12px;transition:all .2s}.btn-remove-item:hover{background-color:#dc3545;box-shadow:0 2px 8px #dc35454d;color:#fff;transform:scale(1.1)}.btn-remove-item:active{transform:scale(.95)}.btn-reset-dept{align-items:center;background-color:#fff;border:1px solid #6c757d;border-radius:6px;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:16px;justify-content:center;padding:8px 12px;transition:all .2s}.btn-reset-dept:hover{background-color:#6c757d;box-shadow:0 2px 6px #6c757d4d;transform:rotate(180deg)}.btn-reset-dept:active{transform:rotate(180deg) scale(.95)}body.dark .quotation-create-page{background-color:#0e1622!important;color:#e7edf5}body.dark .quotation-create-page .attachment-item,body.dark .quotation-create-page .attachment-item.pending,body.dark .quotation-create-page .form-section,body.dark .quotation-create-page .image-upload-area,body.dark .quotation-create-page .quotation-footer,body.dark .quotation-create-page .quotation-header,body.dark .quotation-create-page .table-section,body.dark .quotation-create-page .upload-disabled-message{background:#141d2b!important;border-color:#26344a!important;color:#d7e0ec!important}body.dark .quotation-create-page .form-section h3,body.dark .quotation-create-page .quotation-header h1,body.dark .quotation-create-page .quotation-header h2,body.dark .quotation-create-page .table-section h3{color:#eaf0f8!important}body.dark .quotation-create-page .items-table,body.dark .quotation-create-page .quotation-basic-info-table{background:#141d2b!important;color:#d7e0ec!important}body.dark .quotation-create-page .items-table th,body.dark .quotation-create-page .items-table thead th,body.dark .quotation-create-page .quotation-basic-info-table th{background:#1b2839!important;border-color:#26344a!important;color:#c4d0e0!important}body.dark .quotation-create-page .items-table td,body.dark .quotation-create-page .quotation-basic-info-table td{background:#0000!important;border-color:#26344a!important;color:#d7e0ec!important}body.dark .quotation-create-page .items-table tbody tr:hover,body.dark .quotation-create-page .items-table tbody tr[draggable=true]:hover{background:#1b2a40!important}body.dark .quotation-create-page .material-type-select,body.dark .quotation-create-page .table-input,body.dark .quotation-create-page input,body.dark .quotation-create-page select,body.dark .quotation-create-page textarea{background:#0f1a2a!important;border-color:#2c3b52!important;color:#e7edf5!important}body.dark .quotation-create-page input::placeholder,body.dark .quotation-create-page textarea::placeholder{color:#6f8098!important}body.dark .quotation-create-page .quotation-basic-info-table input.readonly-input,body.dark .quotation-create-page .readonly-input{background:#18233a!important;color:#c4d0e0!important}body.dark .quotation-create-page label{color:#c4d0e0!important}body.dark .quotation-create-page [style*="rgb(243, 244, 246)"], body.dark .quotation-create-page [style*="rgb(245, 245, 245)"], body.dark .quotation-create-page [style*="rgb(248, 250, 252)"], body.dark .quotation-create-page [style*="rgb(249, 250, 251)"], body.dark .quotation-create-page [style*="rgb(255, 255, 255)"]{background-color:#18233a!important}body.dark .quotation-create-page [style*="rgb(227, 242, 253)"], body.dark .quotation-create-page [style*="rgb(239, 246, 255)"]{background-color:#14243e!important;color:#bbd0ff!important}body.dark .quotation-create-page [style*="rgb(209, 213, 219)"], body.dark .quotation-create-page [style*="rgb(226, 232, 240)"], body.dark .quotation-create-page [style*="rgb(229, 231, 235)"]{border-color:#2a3b55!important}body.dark .quotation-create-page [style*="rgb(31, 41, 55)"], body.dark .quotation-create-page [style*="rgb(51, 51, 51)"], body.dark .quotation-create-page [style*="rgb(55, 65, 81)"]{color:#e7edf5!important}body.dark .quotation-create-page [style*="rgb(102, 102, 102)"], body.dark .quotation-create-page [style*="rgb(107, 114, 128)"]{color:#9daac0!important}body.dark .quotation-create-page [style*="rgb(255, 248, 225)"], body.dark .quotation-create-page [style*="rgb(255, 251, 235)"]{background-color:#2a2410!important;color:#f0d79a!important}body.dark .quotation-create-page .items-table,body.dark .quotation-create-page .items-table tbody,body.dark .quotation-create-page .items-table tbody tr,body.dark .quotation-create-page .quotation-basic-info-table,body.dark .quotation-create-page .quotation-basic-info-table tbody,body.dark .quotation-create-page .quotation-basic-info-table tbody tr{background:#141d2b!important}@media (max-width:768px){.quotation-create-page{background:#f8fafc!important;max-width:100vw!important;min-height:100vh;overflow-x:hidden!important;padding:0!important}.quotation-create-page *{box-sizing:border-box!important;max-width:100%!important}.quotation-header{align-items:stretch!important;border-radius:0!important;box-shadow:0 2px 4px #00000014!important;flex-direction:column!important;gap:12px!important;margin-bottom:0!important;padding:16px!important}.header-left{flex-direction:row!important;gap:10px!important;width:100%!important}.btn-back{align-items:center!important;border-radius:8px!important;display:flex!important;font-size:14px!important;justify-content:center!important;min-height:44px!important;padding:10px 14px!important}.quotation-header h1{font-size:1.4rem!important;margin:0!important}.quotation-actions{flex-direction:column!important;gap:8px!important;width:100%!important}.btn-save{font-size:14px!important;min-height:48px!important;padding:12px 18px!important;width:100%!important}.alert,.btn-save{border-radius:8px!important}.alert{margin:16px!important;padding:14px!important}.download-buttons{flex-direction:column!important;gap:8px!important}.btn-download{font-size:14px!important;min-height:48px!important;padding:12px 20px!important;width:100%!important}.quotation-form{gap:0!important}.form-section{border-bottom:1px solid #e5e7eb!important;border-radius:0!important;box-shadow:none!important;margin-bottom:1px!important;padding:16px!important}.form-section h2{font-size:1.1rem!important;margin-bottom:16px!important;padding-bottom:8px!important}.section-header{align-items:stretch!important;flex-direction:column!important;gap:12px!important;margin-bottom:16px!important}.section-header h2{margin-bottom:0!important}.btn-add-item{border-radius:8px!important;font-size:14px!important;min-height:48px!important;padding:12px 18px!important;width:100%!important}.form-grid{gap:16px!important;grid-template-columns:1fr!important}.form-group{margin-bottom:0!important}.form-group label{font-size:.9rem!important;margin-bottom:6px!important}.form-group input,.form-group select,.form-group textarea{border-radius:6px!important;font-size:14px!important;min-height:44px!important;padding:12px!important}.form-group textarea{min-height:80px!important}.quotation-basic-info-table{border:none!important;display:block!important}.quotation-basic-info-table tbody{display:block!important}.quotation-basic-info-table tr{background:#fff!important;border:1px solid #d1d5db!important;display:flex!important;flex-wrap:wrap!important;margin-bottom:1px!important}.quotation-basic-info-table th{align-items:center!important;background:#f3f4f6!important;border-bottom:none!important;border-right:1px solid #d1d5db!important;display:flex!important;font-size:.75rem!important;padding:10px!important;width:30%!important}.quotation-basic-info-table td{border:none!important;display:flex!important;padding:0!important;width:calc(70% - 1px)!important}.quotation-basic-info-table input,.quotation-basic-info-table select,.quotation-basic-info-table textarea{font-size:.85rem!important;min-height:44px!important;padding:10px!important}.quotation-basic-info-table textarea{min-height:80px!important}.items-table-wrapper{gap:16px!important;overflow-x:hidden!important}.table-section{border-radius:8px!important;margin-bottom:16px!important;overflow-x:hidden!important;padding:14px!important}.table-section-title{font-size:1rem!important;margin-bottom:12px!important;padding-bottom:8px!important}.purchase-table-section{border-radius:8px!important;overflow-x:hidden!important;padding:14px!important}.table-scroll{margin:0!important;padding:0!important}.items-table,.table-scroll{overflow-x:hidden!important}.items-table{border:none!important;display:block!important}.items-table thead{display:none!important}.items-table tbody{display:block!important}.items-table tbody tr,.quotation-create-page .items-table tbody tr{background:#fff!important;border:1px solid #d1d5db!important;border-radius:8px!important;box-shadow:0 1px 3px #0000001a!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;margin-bottom:16px!important;overflow:hidden!important;padding:0!important;width:100%!important}.items-table tbody tr:hover,.quotation-create-page .items-table tbody tr:hover{background:#fff!important;box-shadow:0 1px 3px #0000001a!important;transform:none!important}.items-table tbody tr td,.items-table td,.quotation-create-page .items-table tbody tr td,.quotation-create-page .items-table td{align-items:stretch!important;border:none!important;border-bottom:1px solid #e5e7eb!important;box-sizing:border-box!important;clear:both!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;float:none!important;gap:0!important;min-height:48px!important;padding:0!important;width:100%!important}.items-table td:last-child,.quotation-create-page .items-table td:last-child{border-bottom:none!important}.items-table tbody tr td:before,.items-table td:before,.quotation-create-page .items-table tbody tr td:before,.quotation-create-page .items-table td:before{align-items:center!important;background:#f3f4f6!important;border-right:1px solid #e5e7eb!important;box-sizing:border-box!important;color:#374151!important;content:attr(data-label)!important;display:flex!important;flex-grow:0!important;flex-shrink:0!important;font-size:.8rem!important;font-weight:600!important;max-width:100px!important;min-width:100px!important;padding:12px 10px!important;white-space:nowrap!important;width:100px!important}.items-table td.cell-center{align-items:center!important;background:#1e3a5f!important;color:#fff!important;font-size:.9rem!important;font-weight:700!important;justify-content:center!important;padding:10px 12px!important}.items-table td.cell-center:before{display:none!important}.table-input{background:#fff!important;border:none!important;border-radius:0!important;box-sizing:border-box!important;flex:1 1!important;font-size:.9rem!important;margin:0!important;min-height:48px!important;padding:10px 12px!important}.table-input:focus{background-color:#fffbeb!important;box-shadow:inset 0 0 0 2px #3b82f6!important;outline:none!important}.items-table td textarea.table-input{min-height:70px!important;resize:vertical!important}.items-table td[data-label=""],.items-table td[data-label=\C0AD\C81C]{background:#fef2f2!important;justify-content:center!important;padding:10px 12px!important}.items-table td[data-label=""]:before,.items-table td[data-label=\C0AD\C81C]:before{display:none!important}.btn-table-remove{border-radius:6px!important;font-size:14px!important;min-height:44px!important;padding:10px 16px!important;width:100%!important}.item-image-upload{gap:10px!important;padding:12px!important;width:100%!important}.btn-file-upload{font-size:13px!important;min-height:44px!important;padding:10px 16px!important;width:100%!important}.image-preview-mini{gap:6px!important;justify-content:flex-start!important;max-width:100%!important;width:100%!important}.mini-image-item{height:60px!important;width:60px!important}.btn-remove-mini{font-size:12px!important;height:20px!important;width:20px!important}.quotation-footer{border-radius:0!important;box-shadow:0 -2px 4px #00000014!important;flex-direction:column!important;gap:10px!important;margin-top:0!important;padding:16px!important}.btn-save-large,.btn-save-request-large{border-radius:8px!important;font-size:15px!important;min-height:52px!important;padding:14px 20px!important;width:100%!important}.image-upload-area{border-radius:8px!important;padding:30px 20px!important}.upload-instruction p{font-size:14px!important}.upload-instruction-sub{font-size:12px!important}.btn-upload{font-size:14px!important;min-height:48px!important;padding:12px 20px!important;width:100%!important}.attachments-grid{gap:12px!important;grid-template-columns:1fr!important}.attachment-item{border-radius:8px!important}.attachment-thumbnail{height:200px!important}.attachment-info{padding:12px!important}.btn-delete-attachment{font-size:14px!important;min-height:44px!important;padding:10px!important}}@media (max-width:480px){.quotation-header{padding:14px!important}.quotation-header h1{font-size:1.25rem!important}.btn-back{padding:8px 12px!important}.btn-back,.btn-save{font-size:13px!important}.btn-save{padding:10px 16px!important}.form-section{padding:14px!important}.form-section h2{font-size:1rem!important}.form-group label{font-size:.85rem!important}.form-group input,.form-group select,.form-group textarea{font-size:13px!important;padding:10px!important}.quotation-basic-info-table th{font-size:.7rem!important;padding:8px!important;width:32%!important}.quotation-basic-info-table td{width:calc(68% - 1px)!important}.quotation-basic-info-table input,.quotation-basic-info-table select,.quotation-basic-info-table textarea{font-size:.8rem!important;padding:8px!important}.table-section{padding:12px!important}.table-section-title{font-size:.95rem!important}.items-table tbody tr,.quotation-create-page .items-table tbody tr{display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;margin-bottom:12px!important;padding:0!important;width:100%!important}.items-table tbody tr td,.items-table td,.quotation-create-page .items-table tbody tr td,.quotation-create-page .items-table td{align-items:stretch!important;border:none!important;border-bottom:1px solid #e5e7eb!important;box-sizing:border-box!important;clear:both!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;float:none!important;gap:0!important;min-height:44px!important;padding:0!important;width:100%!important}.items-table tbody tr td:before,.items-table td:before,.quotation-create-page .items-table tbody tr td:before,.quotation-create-page .items-table td:before{align-items:center!important;background:#f3f4f6!important;border-right:1px solid #e5e7eb!important;box-sizing:border-box!important;color:#374151!important;content:attr(data-label)!important;display:flex!important;flex-grow:0!important;flex-shrink:0!important;font-size:.75rem!important;font-weight:600!important;max-width:90px!important;min-width:90px!important;padding:10px 8px!important;white-space:nowrap!important;width:90px!important}.items-table td.cell-center{margin-bottom:8px!important;padding:8px!important}.table-input{font-size:.8rem!important;min-height:40px!important;padding:8px!important}.btn-table-remove{font-size:13px!important;min-height:40px!important;padding:8px 14px!important}.item-image-upload{padding:10px!important}.btn-file-upload{font-size:12px!important;min-height:40px!important;padding:8px 14px!important}.mini-image-item{height:50px!important;width:50px!important}.quotation-footer{padding:14px!important}.btn-save-large,.btn-save-request-large{font-size:14px!important;min-height:48px!important;padding:12px 18px!important}.image-upload-area{padding:24px 16px!important}.attachment-thumbnail{height:180px!important}}@media (hover:none) and (pointer:coarse){.btn-add-item:active,.btn-download:active,.btn-file-upload:active,.btn-save-large:active,.btn-save-request-large:active,.btn-save:active,.btn-table-remove:active{opacity:.8;transform:scale(.97)}.items-table tbody tr:active{background:#f9fafb!important}}@media (max-width:768px){.drag-handle{cursor:grab;padding:8px 6px!important;touch-action:none}.drag-icon{color:#6b7280!important;font-size:14px!important;margin-right:6px!important}.items-table tbody tr.drag-over-row{background-color:#dbeafe!important;border:2px dashed #3b82f6!important;border-radius:6px!important}.items-table tbody tr.dragging-row{background-color:#e2e8f0!important;opacity:.5!important}.items-table tbody td.drag-handle{background-color:#f1f5f9!important;border-right:2px solid #e2e8f0!important}.items-table tbody td.drag-handle:active{background-color:#e2e8f0!important}.quotation-create-page{--cf-surf:#fff;--cf-field:#f4f7fc;--cf-line:#e7ecf3;--cf-ink:#1b2533;--cf-ink2:#5e6b7e;--cf-ink3:#9aa6b6;padding:10px 10px 90px!important}body.dark .quotation-create-page{--cf-surf:#131d2f;--cf-field:#0e1828;--cf-line:#94a3b829;--cf-ink:#e7edf6;--cf-ink2:#9aa7bd;--cf-ink3:#6b7890}.quotation-create-page .quotation-form .form-section{background:var(--cf-surf)!important;border:1px solid var(--cf-line)!important;border-radius:14px!important;margin:0 0 12px!important;padding:15px!important}.quotation-create-page .quotation-form .form-section h2{align-items:center!important;border:0!important;color:var(--cf-ink)!important;display:flex!important;font-size:14px!important;font-weight:800!important;gap:8px!important;margin:0 0 14px!important;padding:0!important}.quotation-create-page .quotation-form .form-section h2:before{background:#3b82f6!important;border-radius:2px!important;content:""!important;display:inline-block!important;flex:none!important;height:15px!important;width:3px!important}.quotation-create-page .quotation-form .form-section:first-child>div{align-items:stretch!important;flex-direction:column!important;gap:7px!important}.quotation-create-page .quotation-form .form-section:first-child label{color:var(--cf-ink2)!important;font-size:11.5px!important;font-weight:700!important}.quotation-create-page .quotation-basic-info-table,.quotation-create-page .quotation-basic-info-table tbody,.quotation-create-page .quotation-basic-info-table td,.quotation-create-page .quotation-basic-info-table th,.quotation-create-page .quotation-basic-info-table tr{display:block!important;width:100%!important}.quotation-create-page .quotation-basic-info-table{border:0!important}.quotation-create-page .quotation-basic-info-table tr{margin-bottom:0!important}.quotation-create-page .quotation-basic-info-table th{background:#0000!important;border:0!important;color:var(--cf-ink2)!important;font-size:11.5px!important;font-weight:700!important;padding:0 0 6px!important;text-align:left!important}.quotation-create-page .quotation-basic-info-table td{background:#0000!important;border:0!important;padding:0 0 13px!important}.quotation-create-page .quotation-form>div[style*=flex]{display:block!important}.quotation-create-page .quotation-basic-info-table input,.quotation-create-page .quotation-basic-info-table select,.quotation-create-page .quotation-form .form-section:first-child input,.quotation-create-page .quotation-form>.form-section:last-of-type textarea{background:var(--cf-field)!important;border:1px solid var(--cf-line)!important;border-radius:11px!important;box-sizing:border-box!important;color:var(--cf-ink)!important;font-size:13px!important;outline:none!important;padding:11px 13px!important;width:100%!important}.quotation-create-page .quotation-basic-info-table input::placeholder,.quotation-create-page .quotation-form .form-section:first-child input::placeholder{color:var(--cf-ink3)!important}.quotation-create-page .section-header{align-items:stretch!important;flex-direction:column!important;gap:10px!important}.quotation-create-page .section-header>button,.quotation-create-page button.btn-add-item{background:linear-gradient(135deg,#22c55e,#16a34a)!important;border:0!important;border-radius:11px!important;color:#fff!important;font-size:13px!important;font-weight:800!important;padding:12px!important;width:100%!important}.quotation-create-page .quotation-footer{background:var(--cf-surf)!important;border-top:1px solid var(--cf-line)!important;bottom:0!important;left:0!important;margin:0!important;padding:12px 14px calc(12px + env(safe-area-inset-bottom))!important;position:fixed!important;right:0!important;z-index:60!important}.quotation-create-page .quotation-footer .btn-save-large{background:linear-gradient(135deg,#7c5cfc,#6d28d9)!important;border:0!important;border-radius:12px!important;box-shadow:0 6px 18px #6d28d966!important;color:#fff!important;font-size:14px!important;font-weight:800!important;padding:14px!important;width:100%!important}.quotation-create-page .quotation-form .form-section{padding:15px!important}.quotation-create-page .quotation-basic-info-table input,.quotation-create-page .quotation-basic-info-table select,.quotation-create-page .quotation-form .form-section:first-child input{font-size:13px!important;padding:12px 13px!important}.quotation-create-page .mobile-item-card{background:var(--cf-surf)!important;border:1px solid var(--cf-line)!important;border-radius:13px!important;margin-bottom:14px!important}.quotation-create-page .mobile-item-card div[style*="rgb(243, 244, 246)"]{background:var(--cf-field)!important;border-right-color:var(--cf-line)!important;color:var(--cf-ink2)!important;font-size:11.5px!important}.quotation-create-page .mobile-item-card div[style*="rgb(229, 231, 235)"]{border-bottom-color:var(--cf-line)!important}.quotation-create-page .mobile-item-card input,.quotation-create-page .mobile-item-card textarea{background:#0000!important;color:var(--cf-ink)!important}body.dark .quotation-create-page [style*="rgb(0, 86, 179)"], body.dark .quotation-create-page [style*="rgb(30, 58, 95)"]{color:#93c5fd!important}.quotation-create-page .mobile-item-card{padding:13px 14px!important}.quotation-create-page .mobile-item-card>div[style]{align-items:stretch!important;border-bottom:0!important;flex-direction:column!important;gap:6px!important;margin-bottom:11px!important;min-height:0!important}.quotation-create-page .mobile-item-card>div[style]>div:first-child{background:#0000!important;border-right:0!important;color:var(--cf-ink2)!important;font-size:11.5px!important;font-weight:700!important;min-width:0!important;padding:0!important;width:100%!important}.quotation-create-page .mobile-item-card>div[style]>div:last-child{width:100%!important}.quotation-create-page .mobile-item-card input,.quotation-create-page .mobile-item-card textarea{background:var(--cf-field)!important;border:1px solid var(--cf-line)!important;border-radius:10px!important;box-sizing:border-box!important;color:var(--cf-ink)!important;font-size:13px!important;min-height:0!important;padding:10px 12px!important;width:100%!important}.quotation-create-page .mobile-item-card input::placeholder,.quotation-create-page .mobile-item-card textarea::placeholder{color:var(--cf-ink3)!important}.quotation-form.qf-mobile-mode>*{display:none!important}.quotation-form.qf-mobile-mode>.qcm{display:block!important}}.qcm{--m-surf:#fff;--m-surf2:#f4f7fc;--m-field:#f4f7fc;--m-line:#e7ecf3;--m-line2:#dbe2ec;--m-ink:#1b2533;--m-ink2:#5e6b7e;--m-ink3:#9aa6b6;--m-blue:#3b82f6;--m-gold:#f5b820}body.dark .qcm{--m-surf:#131d2f;--m-line2:#94a3b838;--m-ink:#e7edf6;--m-ink2:#9aa7bd;--m-ink3:#6b7890}.qcm-card{background:var(--m-surf);border:1px solid var(--m-line);border-radius:14px;margin-bottom:12px;padding:15px}.qcm-sec{align-items:center;color:var(--m-ink);display:flex;font-size:14px;font-weight:800;gap:8px;margin-bottom:14px}.qcm-bar{background:var(--m-blue);border-radius:2px;flex:none;height:15px;width:3px}.qcm-field{margin-bottom:13px}.qcm-field:last-child{margin-bottom:0}.qcm-lb{color:var(--m-ink2);display:block;font-size:11.5px;font-weight:700;margin-bottom:6px}.qcm-req{color:#f87171;margin-left:2px}.qcm-ctrl{background:var(--m-field);border:1px solid var(--m-line);border-radius:11px;box-sizing:border-box;color:var(--m-ink);font-family:inherit;font-size:13px;outline:none;padding:12px 13px;width:100%}.qcm-ctrl::placeholder{color:var(--m-ink3)}.qcm-ctrl:focus{border-color:#3b82f68c;box-shadow:0 0 0 3px #3b82f626}.qcm-ctrl.ro{color:var(--m-ink3)}textarea.qcm-ctrl{line-height:1.5;min-height:64px;resize:vertical}select.qcm-ctrl{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b7890' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;padding-right:30px}.qcm-pair{display:flex;gap:10px}.qcm-pair .qcm-field{flex:1 1;min-width:0}.qcm-reset{background:var(--m-surf2);border:1px solid var(--m-line);flex:none;font-size:15px;width:44px}.qcm-chip,.qcm-reset{border-radius:11px;cursor:pointer}.qcm-chip{align-items:center;background:#2563eb;border:0;color:#fff;display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:10px 14px}.qcm-ccchips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.qcm-ccchip{align-items:center;background:#3b82f61f;border-radius:8px;color:#2563eb;display:inline-flex;font-size:11.5px;font-weight:700;gap:5px;padding:3px 5px 3px 9px}body.dark .qcm-ccchip{color:#93c5fd}.qcm-ccchip button{background:#0000;border:0;color:inherit;cursor:pointer;font-size:12px}.qcm-add{background:linear-gradient(135deg,#22c55e,#16a34a);border:0;border-radius:11px;color:#fff;cursor:pointer;font-size:13px;font-weight:800;margin-bottom:12px;padding:12px;width:100%}.qcm-item{background:var(--m-surf);border:1px solid var(--m-line2);border-radius:13px;margin-bottom:14px;overflow:hidden}.qcm-item-h{align-items:center;background:var(--m-surf2);border-bottom:1px solid var(--m-line);display:flex;justify-content:space-between;padding:12px 14px}.qcm-item-t{color:var(--m-ink);font-size:13px;font-weight:800}.qcm-ph{color:var(--m-ink3);font-size:11.5px;font-weight:600;margin-left:4px}.qcm-del{background:#ef44441f;border:1px solid #ef44444d;border-radius:9px;color:#dc2626;cursor:pointer;font-size:11px;font-weight:700;padding:6px 11px}body.dark .qcm-del{color:#fca5a5}.qcm-grp{padding:13px 14px}.qcm-grp+.qcm-grp{border-top:1px solid var(--m-line)}.qcm-gl{font-size:11.5px;font-weight:800;margin-bottom:11px}.qcm-gl.sales{color:var(--m-blue)}.qcm-gl.purchase{color:#d97706}body.dark .qcm-gl.purchase{color:#fbbf24}.qcm-note{align-items:center;background:#f5b82012;border:1px solid #f5b82038;border-radius:11px;display:flex;gap:9px;margin-top:12px;padding:8px 10px}.qcm-note-tag{background:var(--m-gold);border-radius:6px;color:#0b1220;flex:none;font-size:10px;font-weight:800;padding:3px 8px}.qcm-note input{background:#0000;border:0;color:var(--m-ink);flex:1 1;font-family:inherit;font-size:12px;min-width:0;outline:none}.qcm-note input::placeholder{color:#a8935f}@media (max-width:768px){.quotation-create-page .quotation-header{background:linear-gradient(180deg,#0f1a2e,#0f1729)!important;border-bottom:1px solid #94a3b829!important;border-radius:0!important;margin:-10px -10px 12px!important;padding:11px 13px!important}.quotation-create-page .quotation-header .header-left{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:10px!important}.quotation-create-page .quotation-header .btn-back{background:#94a3b81f!important;border:1px solid #94a3b82e!important;border-radius:9px!important;color:#cdd7e6!important;flex:none!important;font-size:12px!important;padding:7px 11px!important}.quotation-create-page .quotation-header h1{color:#e7edf6!important;font-size:16px!important;font-weight:800!important;margin:0!important}.quotation-create-page .quotation-header .header-left>span{align-items:center!important;color:#4ade80!important;display:inline-flex!important;flex:1 0 100%!important;font-size:10.5px!important;gap:5px!important;margin-left:0!important}.quotation-create-page .qcm-draft{background-color:#fff8e1!important;border:1px solid #f5b82059!important;border-radius:13px!important;margin:0 0 12px!important;padding:13px 14px!important}body.dark .quotation-create-page .qcm-draft{background-color:#f5b82014!important}.quotation-create-page .qcm-draft strong{color:#b4790b!important;font-size:12.5px!important}body.dark .quotation-create-page .qcm-draft strong{color:#fbbf24!important}.quotation-create-page .qcm-draft>div:first-child>button{background-color:#f5b82033!important;border:0!important;border-radius:8px!important;color:#b4790b!important;font-weight:700!important;padding:4px 10px!important}body.dark .quotation-create-page .qcm-draft>div:first-child>button{color:#fbbf24!important}.quotation-create-page .qcm-draft div[style*="background-color: white"],.quotation-create-page .qcm-draft div[style*="rgb(255, 255, 255)"]{background-color:#fff!important;background-color:var(--cf-surf,#fff)!important;border-color:#f5b8204d!important;border-color:var(--cf-line,#f5b8204d)!important;border-radius:9px!important}body.dark .quotation-create-page .qcm-draft div[style*="background-color: white"],body.dark .quotation-create-page .qcm-draft div[style*="rgb(255, 255, 255)"]{background-color:#131d2f!important}body.dark .quotation-create-page .qcm-draft div[style*="rgb(51, 51, 51)"]{color:#e7edf6!important}.quotation-create-page .qcm-draft button[style*="rgb(0, 123, 255)"]{background-color:#2563eb!important;border:0!important;border-radius:8px!important}}.qcm{--m-field:#fff;--m-surf2:#f7f9fc;--m-line:#dfe5ee}body.dark .qcm{--m-field:#0e1828;--m-surf2:#16223a;--m-line:#94a3b829}@media (max-width:768px){.qcm .qcm-ctrl{background:var(--m-field)!important;border-color:var(--m-line)!important;color:var(--m-ink)!important}.qcm .qcm-ctrl.ro{background:var(--m-surf2)!important}.qcm .qcm-card{background:var(--m-surf)!important}.quotation-create-page .quotation-header{background:#fff!important;border-bottom:1px solid #e7ecf3!important}.quotation-create-page .quotation-header h1{color:#1b2533!important}.quotation-create-page .quotation-header .btn-back{background:#f4f7fc!important;border:1px solid #e7ecf3!important;color:#5e6b7e!important}body.dark .quotation-create-page .quotation-header{background:linear-gradient(180deg,#0f1a2e,#0f1729)!important;border-bottom:1px solid #94a3b829!important}body.dark .quotation-create-page .quotation-header h1{color:#e7edf6!important}body.dark .quotation-create-page .quotation-header .btn-back{background:#94a3b81f!important;border:1px solid #94a3b82e!important;color:#cdd7e6!important}.quotation-create-page .qcm-draft>div:first-child>button{border-radius:7px!important;font-size:10.5px!important;line-height:1.2!important;padding:3px 8px!important}.quotation-create-page .qcm-draft strong+button,.quotation-create-page .qcm-draft>div:first-child>button{border-radius:7px!important;font-size:10px!important;height:auto!important;line-height:1.3!important;min-height:0!important;padding:2px 7px!important;width:auto!important}}.cc-modal{--c-surf:#fff;--c-surf2:#f7f9fc;--c-line:#e7ecf3;--c-ink:#1b2533;--c-ink2:#5e6b7e;--c-ink3:#9aa6b6;--c-blue:#2563eb}body.dark .cc-modal{--c-surf:#141d2b;--c-surf2:#1b2738;--c-line:#26344a;--c-ink:#e7edf6;--c-ink2:#a1b1c7;--c-ink3:#6f8098;--c-blue:#5b8cf0}.cc-modal{background:var(--c-surf)!important;color:var(--c-ink)!important}.cc-modal .modal-header{border-bottom:1px solid var(--c-line)!important}.cc-modal .modal-header h2{color:var(--c-ink)!important}.cc-modal .btn-close{background:var(--c-surf2)!important;color:var(--c-ink2)!important}.cc-modal .modal-footer{border-top:1px solid var(--c-line)!important}.cc-modal [style*="rgb(232, 245, 233)"]{background:var(--c-surf2)!important}.cc-modal [style*="rgb(224, 224, 224)"]{border-color:var(--c-line)!important}.cc-modal [style*="rgb(245, 245, 245)"]{background:var(--c-surf2)!important;color:var(--c-ink)!important}.cc-modal [style*="rgb(227, 242, 253)"]{background:var(--c-blue)!important;color:#fff!important}.cc-modal label{color:var(--c-ink)!important}.cc-modal input[type=checkbox]{accent-color:var(--c-blue)!important}.cc-modal .modal-footer button:last-child{background:var(--c-blue)!important;border:0!important;border-radius:9px!important;color:#fff!important;font-weight:700!important;padding:11px 18px!important}@media (max-width:768px){.cc-modal{max-width:94%!important;width:94%!important}.cc-modal .modal-footer button:last-child{flex:1 1!important}}.cc-modal{border-radius:14px!important;display:flex!important;flex-direction:column!important;max-height:88vh!important;max-width:460px!important;overflow:hidden!important;width:94%!important}.cc-modal .modal-header{align-items:center!important;display:flex!important;flex:none!important;flex-direction:row!important;gap:10px!important;justify-content:space-between!important;min-height:0!important;padding:14px 16px!important}.cc-modal .modal-header h2{flex:1 1!important;font-size:16px!important;font-weight:800!important;margin:0!important}.cc-modal .modal-header .btn-close{background:var(--c-surf2)!important;border:1px solid var(--c-line)!important;border-radius:8px!important;display:grid!important;flex:none!important;font-size:16px!important;height:32px!important;margin:0!important;min-width:32px!important;padding:0!important;place-items:center!important;width:32px!important}.cc-modal .modal-body{flex:1 1 auto!important;max-height:none!important;min-height:0!important;overflow-y:auto!important;padding:12px 16px!important}.cc-modal .modal-footer{flex:none!important}.cc-modal .modal-body>div>div{background:var(--c-surf)!important}.cc-modal .modal-body label:active{background:var(--c-surf2)!important}.cc-modal .modal-body span{color:var(--c-ink)!important}.cc-modal .modal-body span span{color:var(--c-ink3)!important}body.dark .cc-modal .modal-overlay,body.dark.cc-modal-overlay{background:#0009!important}.qcm-ccchip button{align-items:center!important;background:#0000!important;border:0!important;display:inline-flex!important;font-size:9px!important;height:12px!important;justify-content:center!important;line-height:1!important;margin:0 0 0 1px!important;padding:0!important;width:12px!important}.qcm-ccchip{border-radius:7px!important;font-size:10.5px!important;gap:3px!important;line-height:1.5!important;padding:2px 5px 2px 8px!important;padding:0 6px!important}.qcm-ccchip,.qcm-ccchip button{height:auto!important}@media (max-width:768px){.qcm-ccchip,.qcm-ccchip button{min-height:0!important}.qcm-ccchip button{font-size:10px!important;height:14px!important;min-width:0!important;padding:0!important;width:14px!important}.cc-modal span[style*="rgb(165, 214, 167)"]{border-radius:10px!important;font-size:11px!important;line-height:1.5!important;min-height:0!important;padding:1px 4px 1px 8px!important}.cc-modal span[style*="rgb(165, 214, 167)"] button{font-size:11px!important;height:14px!important;line-height:1!important;min-height:0!important;min-width:0!important;padding:0!important;width:14px!important}}.cc-modal .modal-body>div>div,.cc-modal span[style*="rgb(165, 214, 167)"]{background:#0000!important}@media (max-width:768px){.cc-modal .modal-body label{gap:7px!important;min-height:0!important;padding:3px 6px!important}.cc-modal .modal-body>div>div{padding:4px!important}.cc-modal .modal-body>div{gap:8px!important}.cc-modal .modal-body label input[type=checkbox]{height:16px!important;width:16px!important}.qcm-chip{border-radius:9px!important;font-size:11.5px!important;min-height:0!important;min-width:0!important;padding:6px 11px!important}.cc-modal .modal-header{padding:11px 13px!important}.cc-modal .modal-body{padding:10px 12px!important}.cc-modal .modal-body>div{gap:7px!important}.cc-modal .modal-body [style*="rgb(245, 245, 245)"]{font-size:13px!important;padding:6px 10px!important}.cc-modal .modal-footer{padding:10px 13px!important}.cc-modal .modal-header{padding:8px 12px!important}.cc-modal .modal-header h2{font-size:15px!important;margin:0!important}.cc-modal .modal-header .btn-close{font-size:14px!important;height:28px!important;min-height:0!important;min-width:28px!important;width:28px!important}}.quotation-list-page{background-color:#f5f5f5;margin:0 auto;max-width:1400px;min-height:100vh;padding:16px}.quotation-list-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:16px;padding:14px 18px}.quotation-list-header h1{color:#333;font-size:1.3rem;margin:0}.quotation-tabs{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:0;margin-bottom:10px;overflow:hidden}.quotation-tab{align-items:center;background:#f5f5f5;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .2s ease}.quotation-tab:hover{background:#e8e8e8;color:#333}.quotation-tab.active{background:#fff;border-bottom:3px solid #6366f1;color:#6366f1}.quotation-tab .tab-count{background:#e5e7eb;border-radius:10px;color:#6b7280;font-size:.7rem;font-weight:700;padding:2px 8px}.quotation-tab.active .tab-count{background:#6366f1;color:#fff}.search-section{margin-bottom:10px;padding:12px 16px;position:relative}.filter-section,.search-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.filter-section{gap:10px;margin-bottom:16px;padding:10px 16px}.filter-section label{color:#333;font-size:.75rem;font-weight:600}.status-filter{border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.75rem;padding:6px 10px;transition:border-color .3s}.status-filter:focus{border-color:#007bff;outline:none}.my-filter-buttons{background:#f3f4f6;border-radius:6px;display:flex;gap:4px;margin-left:auto;padding:3px}.my-filter-btn{background:#0000;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:.75rem;font-weight:500;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.my-filter-btn:hover{background:#e5e7eb;color:#374151}.my-filter-btn.active{background:#6366f1;box-shadow:0 1px 3px #6366f14d;color:#fff}.search-input{border:1px solid #ddd;border-radius:4px;font-size:.8rem;padding:8px 40px 8px 12px;transition:border-color .3s}.search-input:focus{border-color:#007bff}.btn-clear-search{background:none;border:none;color:#999;cursor:pointer;font-size:16px;padding:4px 8px;position:absolute;right:24px;top:50%;transform:translateY(-50%)}.btn-clear-search:hover{color:#333}.no-results{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:40px}.no-results p{color:#666;font-size:.85rem}.btn-create{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:16px;box-shadow:0 2px 6px #6366f14d;color:#fff;font-size:.75rem;font-weight:500;line-height:1.3;padding:6px 14px;text-decoration:none;transition:all .2s ease}.btn-create:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 12px #6366f166;transform:translateY(-2px)}.header-buttons{align-items:center;display:flex;gap:10px}.btn-test-complete{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:16px;box-shadow:0 2px 6px #f59e0b4d;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;padding:6px 14px;transition:all .2s ease}.btn-test-complete:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 4px 12px #f59e0b66;transform:translateY(-2px)}.btn-test-complete:disabled{cursor:not-allowed;opacity:.5}.btn-test-revert{background:linear-gradient(135deg,#6b7280,#4b5563);border:none;border-radius:16px;box-shadow:0 2px 6px #6b72804d;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;padding:6px 14px;transition:all .2s ease}.btn-test-revert:hover:not(:disabled){background:linear-gradient(135deg,#4b5563,#374151);box-shadow:0 4px 12px #6b728066;transform:translateY(-2px)}.btn-test-revert:disabled{cursor:not-allowed;opacity:.5}.loading{font-size:.85rem}.error-message{font-size:.8rem;padding:16px}.empty-state{padding:40px}.empty-state p{font-size:.85rem;margin-bottom:16px}.btn-create-large{background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:20px;box-shadow:0 3px 8px #6366f14d;color:#fff;display:inline-block;font-size:.8rem;font-weight:500;line-height:1.3;padding:8px 24px;text-decoration:none;transition:all .2s ease}.btn-create-large:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 6px 16px #6366f166;transform:translateY(-2px)}.quotation-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.quotation-table{background-color:#fff;border:1px solid #d1d5db;border-collapse:collapse;width:100%}.quotation-table thead{background:#f3f4f6;border-bottom:2px solid #9ca3af}.quotation-table thead th{border:1px solid #9ca3af;color:#1f2937;font-size:.75rem;font-weight:600;padding:8px 10px;text-align:center;white-space:nowrap}.quotation-table tbody tr.quotation-row{transition:background-color .15s ease}.quotation-table tbody tr.quotation-row:hover{background-color:#f9fafb}.quotation-table tbody tr.quotation-row.expanded-row{background-color:#eff6ff}.quotation-table tbody tr.quotation-row.my-quotation-row{background-color:#fef3c7!important;border-left:4px solid #f59e0b!important}.quotation-table tbody tr.quotation-row.my-quotation-row td{background-color:#fef3c7!important}.quotation-table tbody tr.quotation-row.my-quotation-row:hover,.quotation-table tbody tr.quotation-row.my-quotation-row:hover td{background-color:#fde68a!important}.quotation-table tbody td{border:1px solid #d1d5db;color:#374151;font-size:.7rem;line-height:1.3;padding:8px 10px;vertical-align:middle}.my-badge-small{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 1px 3px #6366f14d;color:#fff;font-weight:700}.my-badge-small,.status-badge-small{border-radius:8px;display:inline-block;font-size:.6rem;padding:2px 6px}.status-badge-small{font-weight:600}.status-badge-small.status-requested{background-color:#fff3cd;border:1px solid #ffc107;color:#856404}.status-badge-small.status-completed{background-color:#e5e7eb;border:1px solid #9ca3af;color:#6b7280}.status-badge-small.status-under-review{background-color:#cce5ff;border:1px solid #007bff;color:#004085}.status-badge-small.status-review-completed{background-color:#d1ecf1;border:1px solid #17a2b8;color:#0c5460}.status-badge-small.status-review-hold{background-color:#e2e3e5;border:1px solid #6c757d;color:#383d41}.status-badge-small.status-purchase-review{background-color:#e3f2fd;border:1px solid #2196f3;color:#1565c0}.status-badge-small.status-purchase-leader{background-color:#e8f5e9;border:1px solid #4caf50;color:#2e7d32}.status-badge-small.status-purchase-manager{background-color:#f3e5f5;border:1px solid #9c27b0;color:#7b1fa2}.status-badge-small.status-planning-review{background-color:#e0f2f1;border:1px solid #009688;color:#00695c}.status-badge-small.status-planning-leader{background-color:#e0f7fa;border:1px solid #00bcd4;color:#00838f}.status-badge-small.status-sales-review{background-color:#fff3e0;border:1px solid #ff9800;color:#e65100}.status-badge-small.status-sales-leader{background-color:#fce4ec;border:1px solid #e91e63;color:#c2185b}.status-badge-small.status-sales-manager{background-color:#fff3e0;border:1px solid #ff9800;color:#e65100}.status-badge-small.status-ceo-review{background-color:#ffd54f;border:1px solid #ffc107;color:#5d4037}.company-badge-small{background:#e5e7eb;border-radius:8px;color:#374151;display:inline-block;font-size:.6rem;font-weight:600;padding:2px 6px}.quotation-actions-table{display:flex;flex-wrap:wrap;gap:3px;justify-content:center}.quotation-btn-table{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:3px;color:#374151;cursor:pointer;display:inline-flex;font-size:.65rem;font-weight:500;height:22px;justify-content:center;line-height:1;padding:3px 6px;text-align:center;text-decoration:none;transition:all .15s ease;white-space:nowrap}.quotation-btn-table:hover{background:#f3f4f6;border-color:#9ca3af}.quotation-btn-table.quotation-btn-complete{background:#fff;border-color:#d1d5db;color:#374151}.quotation-btn-table.quotation-btn-complete:hover{background:#f3f4f6;border-color:#9ca3af}.quotation-btn-table.quotation-btn-request{background:#fff;border-color:#d1d5db;color:#374151}.quotation-btn-table.quotation-btn-request:hover{background:#f3f4f6;border-color:#9ca3af}.quotation-btn-table.quotation-btn-edit{background:#fff;border-color:#d1d5db;color:#374151}.quotation-btn-table.quotation-btn-edit:hover{background:#f3f4f6;border-color:#9ca3af}.quotation-btn-table.quotation-btn-internal{background:#fff;border-color:#d1d5db;color:#374151}.quotation-btn-table.quotation-btn-internal:hover{background:#f3f4f6;border-color:#9ca3af}.quotation-btn-table.quotation-btn-external{background:#fff;border-color:#d1d5db;color:#374151}.quotation-btn-table.quotation-btn-external:hover{background:#f3f4f6;border-color:#9ca3af}.quotation-btn-table.quotation-btn-delete{background:#fff;border-color:#fca5a5;color:#ef4444}.quotation-btn-table.quotation-btn-delete:hover{background:#fef2f2;border-color:#f87171}.quotation-detail-row{background-color:#f9fafb}.quotation-detail-row>td{border:1px solid #d1d5db!important;border-top:none!important;padding:0!important}.quotation-list-container{display:flex;flex-direction:column;gap:15px}.quotation-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:all .3s}.quotation-card:hover{box-shadow:0 4px 8px #00000026}.quotation-card.my-quotation{background:linear-gradient(90deg,#fff 0,#f5f3ff);border:2px solid #6366f1;box-shadow:0 4px 12px #6366f14d}.quotation-card.my-quotation:hover{box-shadow:0 6px 16px #6366f166;transform:translateY(-2px)}.quotation-card-requested{background:linear-gradient(90deg,#fffbf0 0,#fff 10%);border-left:6px solid #ffc107}.quotation-card-requested:hover{box-shadow:0 4px 12px #ffc1074d;transform:translateY(-2px)}.quotation-card-completed{background:linear-gradient(90deg,#f0fff4 0,#fff 10%);border-left:6px solid #28a745}.quotation-card-completed:hover{box-shadow:0 4px 12px #28a7454d;transform:translateY(-2px)}.quotation-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:20px;transition:background-color .2s}.quotation-header:hover{background-color:#f8f9fa}.quotation-header.expanded{background-color:#e3f2fd;border-bottom:2px solid #007bff}.quotation-card-requested .quotation-header.expanded{background-color:#fff9e6;border-bottom:2px solid #ffc107}.quotation-card-completed .quotation-header.expanded{background-color:#e6f7ed;border-bottom:2px solid #28a745}.quotation-info{grid-gap:12px;align-items:center;display:grid;flex:1 1;gap:12px;grid-template-columns:50px 100px 1fr 150px 120px 100px 120px;padding-right:20px}.quotation-left{align-items:center;display:flex;flex-shrink:0;justify-content:center}.quotation-badges{align-items:flex-start;display:flex;flex-direction:column;gap:6px}.quotation-center,.quotation-title-row{align-items:center;display:flex;min-width:0}.quotation-title-row{gap:10px;width:100%}.expand-arrow{color:#6c757d;flex-shrink:0;font-size:14px;transition:transform .2s}.quotation-number{color:#6c757d;flex-shrink:0;font-size:13px;font-weight:700}.quotation-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#007bff;display:-webkit-box;flex:1 1;font-size:13px;font-weight:600;line-height:1.4;min-width:0;overflow:hidden;text-overflow:ellipsis}.quotation-author,.quotation-date,.quotation-items,.quotation-receiver,.quotation-sales-person{color:#666;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quotation-receiver{font-weight:600}.status-badge{border-radius:10px;font-size:11px;padding:3px 8px}.my-badge{animation:pulse-badge 2s infinite;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:12px;box-shadow:0 2px 4px #6366f14d;color:#fff;display:inline-block;font-size:11px;font-weight:700;margin-right:4px;padding:4px 10px}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.status-requested{background-color:#fff3cd;border:1px solid #ffc107;color:#856404}.status-completed{background-color:#e5e7eb;border:1px solid #9ca3af;color:#6b7280}.status-hold{background-color:#fef3c7;border:1px solid #f59e0b;color:#92400e}.status-under-review{background-color:#cce5ff;border:1px solid #007bff;color:#004085}.status-review-completed{background-color:#d1ecf1;border:1px solid #17a2b8;color:#0c5460}.status-review-hold{background-color:#e2e3e5;border:1px solid #6c757d;color:#383d41}.status-purchase-review{background-color:#e3f2fd;border:1px solid #2196f3;color:#1565c0}.status-purchase-leader{background-color:#e8f5e9;border:1px solid #4caf50;color:#2e7d32}.status-purchase-manager{background-color:#f3e5f5;border:1px solid #9c27b0;color:#7b1fa2}.status-planning-review{background-color:#e0f2f1;border:1px solid #009688;color:#00695c}.status-planning-leader{background-color:#e0f7fa;border:1px solid #00bcd4;color:#00838f}.status-sales-review{background-color:#fff3e0;border:1px solid #ff9800;color:#e65100}.status-sales-leader{background-color:#fce4ec;border:1px solid #e91e63;color:#c2185b}.status-sales-manager{background-color:#fff3e0;border:1px solid #ff9800;color:#e65100}.status-ceo-review{background-color:#ffd54f;border:1px solid #ffc107;color:#5d4037}.company-badge{border-radius:10px;display:inline-block;font-size:11px;font-weight:600;padding:3px 8px}.company-gamseongpack,.company-leejin{color:#666}.quotation-receiver{color:#333;font-weight:500}.quotation-actions{display:flex;flex-wrap:wrap;gap:8px}.quotation-detail{animation:slideDown .3s ease-out;background-color:#f9fafb;border:2px solid #d1d5db;border-top-color:#3b82f6;padding:0}.detail-actions-header{align-items:center;background:#fff;border-bottom:1px solid #d1d5db;display:flex;justify-content:flex-end;padding:10px 12px}.detail-actions-buttons{display:flex;gap:6px}.detail-action-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;justify-content:center;padding:6px 12px;text-align:center;text-decoration:none;transition:all .15s ease;white-space:nowrap}.detail-action-btn:hover{background:#f3f4f6;border-color:#9ca3af}.detail-btn-complete{background:#f0fdf4;border-color:#a7f3d0;color:#059669}.detail-btn-complete:hover{background:#d1fae5;border-color:#6ee7b7}.detail-btn-request{background:#fff7ed;border-color:#fed7aa;color:#ea580c}.detail-btn-request:hover{background:#ffedd5;border-color:#fdba74}.detail-btn-edit{background:#faf5ff;border-color:#ddd6fe;color:#7c3aed}.detail-btn-edit:hover{background:#f3e8ff;border-color:#c4b5fd}.detail-btn-delete{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.detail-btn-delete:hover{background:#fee2e2;border-color:#f87171}.detail-btn-hold{background:#fffbeb;border-color:#fcd34d;color:#d97706}.detail-btn-hold:hover{background:#fef3c7;border-color:#f59e0b}.detail-btn-resume{background:#ecfdf5;border-color:#6ee7b7;color:#059669}.detail-btn-resume:hover{background:#d1fae5;border-color:#34d399}.quotation-card-requested .quotation-detail{background-color:#fffef9;border:2px solid #ffc107}.quotation-card-completed .quotation-detail{background-color:#f9fefb;border:2px solid #28a745}.action-buttons{flex-wrap:wrap;gap:5px}.quotation-btn-delete,.quotation-btn-download,.quotation-btn-edit,.quotation-btn-preview,.quotation-btn-status{align-items:center;border:none;border-radius:16px;box-shadow:0 1px 3px #0000001a;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;height:30px;justify-content:center;line-height:1;min-width:70px;padding:0 14px;text-align:center;text-decoration:none;transition:all .2s ease;white-space:nowrap}.quotation-btn-status.quotation-btn-complete{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.quotation-btn-status.quotation-btn-complete:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 2px 6px #10b9814d;transform:translateY(-1px)}.quotation-btn-status.quotation-btn-request{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.quotation-btn-status.quotation-btn-request:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 2px 6px #f59e0b4d;transform:translateY(-1px)}.quotation-btn-edit{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.quotation-btn-edit:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 2px 6px #8b5cf64d;transform:translateY(-1px)}.quotation-btn-preview{background:linear-gradient(135deg,#64748b,#475569);color:#fff}.quotation-btn-preview:hover{background:linear-gradient(135deg,#475569,#334155);box-shadow:0 2px 6px #64748b4d;transform:translateY(-1px)}.quotation-btn-download.quotation-btn-internal{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.quotation-btn-download.quotation-btn-internal:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 2px 6px #3b82f64d;transform:translateY(-1px)}.quotation-btn-download.quotation-btn-external{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff}.quotation-btn-download.quotation-btn-external:hover{background:linear-gradient(135deg,#0891b2,#0e7490);box-shadow:0 2px 6px #06b6d44d;transform:translateY(-1px)}.quotation-btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.quotation-btn-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 2px 6px #ef44444d;transform:translateY(-1px)}.detail-section{background:#fff;border-bottom:1px solid #e5e7eb;margin:0;padding:12px}.detail-section:last-child{border-bottom:none}.detail-section h3{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-left:3px solid #1e3c72;color:#1e3c72;display:flex;font-size:.85rem;font-weight:700;gap:6px;margin:0 0 10px;padding:6px 8px}.quotation-info-table{border:2px solid #d1d5db;border-collapse:collapse;overflow:hidden;width:100%}.quotation-info-table th{background:#f3f4f6;border:1px solid #9ca3af;color:#475569;font-size:.7rem;font-weight:600;padding:6px 10px;text-align:left;white-space:nowrap;width:100px}.quotation-info-table td{background-color:#fff;border:1px solid #9ca3af;color:#1a1a1a;font-size:.75rem;font-weight:500;padding:6px 10px}.quotation-info-table tr:hover{background-color:#f8fafc}.quotation-info-table tr:hover th{background:#e5e7eb}.quotation-info-table tr:hover td{background-color:#f8fafc}.detail-grid{grid-gap:8px 12px;display:grid;gap:8px 12px;grid-template-columns:repeat(3,1fr)}.detail-item{align-items:center;display:flex;font-size:.75rem;gap:6px}.detail-item label{color:#666;flex-shrink:0;font-size:.7rem;font-weight:700}.detail-item span{color:#1a1a1a;font-size:.75rem;font-weight:500;word-break:break-word}.detail-items-table{border-radius:6px;box-shadow:0 1px 4px #00000014;margin-top:6px;overflow-x:auto}.detail-items-table table{border:2px solid #1e3c72;border-collapse:collapse;width:100%}.detail-items-table th{background:linear-gradient(135deg,#1e3c72,#2a5298);border:1px solid #0f1f3f;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.2px;padding:8px;position:-webkit-sticky;position:sticky;text-align:center;top:0;white-space:nowrap;z-index:10}.detail-items-table th:first-child{padding-left:10px;text-align:left}.detail-items-table th:last-child{padding-right:10px}.detail-items-table td{word-wrap:break-word;background:#fff;border:1px solid #9ca3af;color:#1a1a1a;font-size:.7rem;max-width:150px;padding:8px;text-align:center;vertical-align:middle;white-space:normal;word-break:break-word}.detail-items-table td:first-child{color:#1e3c72;font-weight:600;padding-left:10px;text-align:left}.detail-items-table td:last-child{padding-right:10px}.detail-items-table tbody tr{transition:all .2s ease}.detail-items-table tbody tr:hover{background-color:#f1f5f9;box-shadow:0 2px 4px #0000000d;transform:scale(1.01)}.detail-items-table tbody tr:last-child td{border-bottom:none}.detail-items-table tbody tr:nth-child(2n){background-color:#f8fafc}.detail-items-table tbody tr:nth-child(2n):hover{background-color:#f1f5f9}.detail-summary{grid-gap:10px;background:#f3f4f6;border:2px solid #d1d5db;border-radius:4px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);padding:12px}.detail-summary-item{background:#fff;border:1px solid #d1d5db;border-radius:4px;display:flex;flex-direction:column;gap:4px;padding:8px 10px}.detail-summary-item strong{color:#64748b;font-size:.65rem;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.detail-summary-item span{color:#1e3c72;font-size:.9rem;font-weight:700}.detail-summary-item .profit-rate{color:#10b981;font-size:1rem}.detail-summary-item .profit-amount{color:#3b82f6;font-size:1rem}.items-table-wrapper{display:flex;flex-direction:column;gap:16px;margin-top:12px}.table-section{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;overflow:hidden;padding:10px}.table-section-title{background:#f3f4f6;border:1px solid #d1d5db;border-left:3px solid #007bff;color:#333;font-size:.8rem;font-weight:700;margin:0 0 10px;padding:6px 8px}.purchase-table-section{background-color:#f8fbff;border:2px solid #3b82f6;border-radius:4px;padding:12px}.purchase-title{border-left-color:#06c;color:#06c}.table-scroll{overflow-x:hidden;overflow-y:visible}.items-table{background-color:#fff;border:2px solid #495057;border-collapse:collapse;font-size:.65rem;min-width:100%;table-layout:auto;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.items-table thead{background-color:#f8f9fa;position:-webkit-sticky;position:sticky;top:0;z-index:10}.items-table th{background-color:#e9ecef;border:1px solid #6b7280;color:#495057;font-weight:700;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.items-table td,.items-table th{font-size:.65rem;padding:6px 4px;vertical-align:middle}.items-table td{word-wrap:break-word;background-color:#fff;border:1px solid #9ca3af;max-width:150px;white-space:normal;word-break:break-word}.items-table tbody tr:hover{background-color:#f8f9fa}.col-index{min-width:35px;width:3%}.col-small{min-width:55px;width:6%}.col-medium{min-width:70px;width:8%}.col-product-name{min-width:120px;width:15%}.col-attachment{min-width:90px;width:10%}.cell-center{color:#6c757d;font-size:.65rem;font-weight:600;text-align:center}.cell-text{font-size:.6rem;padding-left:6px;text-align:left}.cell-number{font-size:.6rem;padding-right:6px;text-align:right}.item-images-view{flex-direction:column;padding:4px 2px}.image-thumbnails,.item-images-view{align-items:center;display:flex;gap:4px;justify-content:center}.image-thumbnails{flex-wrap:wrap}.thumbnail-item{border:1px solid #dee2e6;border-radius:3px;cursor:pointer;flex-shrink:0;height:32px;overflow:hidden;transition:all .2s;width:32px}.thumbnail-item:hover{border-color:#007bff;box-shadow:0 2px 6px #0003;transform:scale(1.15);z-index:1}.thumbnail-item img{display:block;height:100%;object-fit:cover;width:100%}.file-download-item{margin:2px 0}.file-download-link{border-radius:3px;font-size:.6rem;gap:3px;max-width:100px;overflow:hidden;padding:3px 6px;text-overflow:ellipsis;white-space:nowrap}.file-download-link:hover{box-shadow:0 1px 3px #0000001a;transform:translateY(-1px)}.no-images{color:#999;font-size:.65rem}.image-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.image-modal-content{animation:scaleIn .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 10px 40px #00000080;max-height:90%;max-width:90%;padding:20px;position:relative}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.image-modal-close{align-items:center;background-color:#dc3545;border:none;border-radius:50%;box-shadow:0 4px 8px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:40px;justify-content:center;line-height:1;position:absolute;right:-15px;top:-15px;transition:all .2s;width:40px}.image-modal-close:hover{background-color:#c82333;transform:scale(1.1)}.image-modal-img{border-radius:4px;display:block;max-height:80vh;max-width:100%}.attachments-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-top:8px}.attachment-item{background-color:#fff;flex-direction:column;overflow:hidden;transition:all .3s}.attachment-item:hover{box-shadow:0 3px 6px #0000001f;transform:translateY(-1px)}.attachment-thumbnail-wrapper{cursor:pointer;flex-shrink:0;height:140px;overflow:hidden;width:100%}.attachment-thumbnail{display:block;height:100%;pointer-events:none;width:100%}.attachment-info{background-color:#fff;display:flex;flex-direction:column;flex-shrink:0;gap:6px;padding:8px;pointer-events:auto}.attachment-filename{color:#555;font-size:.7rem;font-weight:500;line-height:1.3;margin:0}.btn-download-attachment{box-shadow:0 1px 3px #3b82f633;display:block;font-size:.7rem;font-weight:600;padding:6px 8px;position:relative;text-align:center;transition:all .3s;width:100%;z-index:10}.btn-download-attachment:hover{box-shadow:0 2px 6px #3b82f666}.btn-download-attachment:active{box-shadow:0 1px 2px #3b82f64d}@media (max-width:768px){.quotation-list-page{background-color:#f0f2f5;padding:8px}.quotation-list-header{flex-direction:column;gap:10px;padding:14px}.quotation-list-header h1{font-size:1.25rem}.btn-create{font-size:14px;width:100%}.btn-create,.search-section{padding:12px}.search-input{font-size:14px;padding:10px 40px 10px 12px}.filter-section{flex-wrap:wrap;gap:6px;padding:10px 12px}.filter-section label{font-size:13px}.status-filter{font-size:13px;padding:7px 10px}.quotation-list-container{gap:10px}.quotation-card{border-radius:8px}.quotation-header{gap:8px;padding:12px}.quotation-info{flex-direction:column;gap:10px}.quotation-left{justify-content:space-between;width:100%}.quotation-badges{flex-direction:row;gap:6px}.quotation-center{width:100%}.quotation-title-row{gap:6px}.quotation-title{font-size:14px;white-space:normal;word-break:break-word}.quotation-meta{align-items:flex-start;display:flex;flex-direction:column;gap:6px}.quotation-meta span{font-size:12px}.quotation-actions{display:flex;flex-wrap:wrap;gap:4px}.quotation-btn-delete,.quotation-btn-download,.quotation-btn-edit,.quotation-btn-status{flex:1 1 auto;font-size:11px;height:30px;min-width:65px;padding:0 12px}.quotation-detail{padding:16px}.detail-section{margin:16px 0;padding:14px}.detail-section h3{font-size:15px;margin-bottom:12px;padding-bottom:8px}.detail-grid{gap:12px;grid-template-columns:1fr}.detail-item{font-size:13px;gap:5px}.detail-item label{font-size:11px}.detail-item span{font-size:14px}.detail-items-table{overflow-x:auto}.detail-items-table table{font-size:12px;min-width:600px}.detail-items-table th{font-size:12px;padding:10px 8px}.detail-items-table td{font-size:13px;padding:10px 8px}.detail-summary{gap:12px;grid-template-columns:1fr;padding:16px}.detail-summary-item{padding:10px}.detail-summary-item strong{font-size:12px}.detail-summary-item span{font-size:16px}.detail-summary-item .profit-amount,.detail-summary-item .profit-rate{font-size:18px}}@media (max-width:480px){.quotation-list-page{padding:6px}.quotation-list-header{gap:8px;padding:10px}.quotation-list-header h1{font-size:1.1rem}.btn-create{font-size:13px}.btn-create,.search-section{padding:10px}.search-input{font-size:13px;padding:8px 36px 8px 10px}.btn-clear-search{right:18px}.filter-section{gap:6px;padding:8px 10px}.filter-section label{font-size:12px}.status-filter{font-size:12px;padding:6px 8px}.quotation-list-container{gap:8px}.quotation-card{border-radius:6px}.quotation-header{gap:6px;padding:10px}.expand-arrow{font-size:11px}.company-badge,.status-badge{font-size:10px;padding:3px 8px}.quotation-number{font-size:12px}.quotation-title{font-size:13px}.quotation-meta span{font-size:11px}.quotation-actions{gap:4px}.quotation-btn-delete,.quotation-btn-download,.quotation-btn-edit,.quotation-btn-status{font-size:10px;height:28px;min-width:60px;padding:0 10px}.quotation-detail{padding:14px}.detail-section{margin:12px 0;padding:12px}.detail-section h3{font-size:14px;margin-bottom:10px;padding-bottom:6px}.detail-grid{gap:10px}.detail-item{font-size:12px;gap:4px}.detail-item label{font-size:10px}.detail-item span{font-size:13px}.detail-items-table table{font-size:11px;min-width:550px}.detail-items-table th{font-size:11px;padding:8px 6px}.detail-items-table td{font-size:12px;padding:8px 6px}.detail-summary{gap:10px;padding:14px}.detail-summary-item{padding:8px}.detail-summary-item strong{font-size:11px}.detail-summary-item span{font-size:15px}.detail-summary-item .profit-amount,.detail-summary-item .profit-rate{font-size:16px}.empty-state,.no-results{padding:25px 12px}.btn-create-large{font-size:14px;padding:10px 24px}}.file-download-item{margin:5px 0}.file-download-link{align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#495057;display:inline-flex;font-size:13px;gap:5px;padding:6px 12px;text-decoration:none;transition:all .2s}.file-download-link:hover{background-color:#e9ecef;border-color:#adb5bd;color:#212529}.image-thumbnails>div{display:inline-block}.items-attachments{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}.attachment-item-group{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;flex:0 0 auto;max-width:280px;padding:16px}.attachment-item-title{border-bottom:2px solid #007bff;color:#333;font-size:15px;font-weight:600;margin:0 0 12px;padding-bottom:8px}.attachment-files{display:flex;flex-wrap:wrap;gap:12px}.attachment-file{flex:0 0 auto}.attachment-image-item{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;max-width:200px;padding:12px;transition:all .2s}.attachment-image-item:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff33;transform:translateY(-2px)}.attachment-thumbnail{border:1px solid #dee2e6;border-radius:4px;height:150px;object-fit:cover;width:150px}.attachment-file-item{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:8px;cursor:pointer;display:flex;gap:10px;min-width:250px;padding:12px 16px;transition:all .2s}.attachment-file-item:hover{background-color:#f8fff9;border-color:#28a745;box-shadow:0 2px 8px #28a74533}.attachment-file-icon{flex-shrink:0;font-size:24px}.attachment-filename{color:#333;flex:1 1;font-size:14px;word-break:break-word}.attachment-download-icon{color:#28a745;flex-shrink:0;font-size:18px}.no-attachments{background:#f8f9fa;border-radius:8px;color:#6c757d;font-size:14px;margin:0;padding:20px;text-align:center}.detail-btn-analysis{background-color:#6366f1!important;color:#fff!important}.detail-btn-analysis:hover{background-color:#4f46e5!important}.profit-analysis-modal{background:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:90vh;max-width:1400px;overflow:hidden;width:95%}.profit-analysis-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.profit-analysis-header h2{color:#1f2937;font-size:18px;margin:0}.profit-analysis-header-actions{align-items:center;display:flex;gap:12px}.save-usage-btn{background-color:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px}.save-usage-btn:hover{background-color:#059669}.monthly-usage-input{border:1px solid #d1d5db;border-radius:4px;font-size:11px;padding:4px 6px;text-align:center;width:60px}.monthly-usage-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633;outline:none}.profit-analysis-content{flex:1 1;overflow-y:auto;padding:24px}.analysis-section{margin-bottom:24px}.analysis-section h3{color:#374151;font-size:15px;font-weight:600;margin:0 0 12px}.analysis-table{border-collapse:collapse;font-size:13px;width:100%}.analysis-table td,.analysis-table th{border:1px solid #e5e7eb;padding:10px 12px;text-align:center}.analysis-table th{background:#f3f4f6;color:#374151;font-weight:600}.analysis-table td{color:#4b5563}.analysis-table-wrapper{overflow-x:auto}.analysis-detail-table{min-width:900px}.analysis-detail-table td:first-child{text-align:left;white-space:nowrap}.profit-positive{color:#059669;font-weight:600}.profit-negative{color:#dc2626;font-weight:600}.analysis-summary-info{align-items:flex-start;display:flex;gap:20px}.analysis-info-table{border-collapse:collapse;font-size:12px}.analysis-info-table td{border:1px dotted #ccc;padding:4px 8px}.info-label-cell{background:#f3f4f6;font-weight:600;white-space:nowrap}.info-value-cell{min-width:120px}.analysis-summary-table{flex:1 1}.highlight-yellow{background-color:#ff0!important;font-weight:600}.highlight-red{background-color:#ff6b6b!important;color:#fff!important;font-weight:600}.text-left{text-align:left!important}.analysis-detail-table{min-width:1100px}.analysis-detail-table td,.analysis-detail-table th{font-size:11px;padding:6px 8px;white-space:nowrap}.analysis-detail-table td:first-child{max-width:200px;overflow:hidden;text-overflow:ellipsis}.resume-modal{max-width:90vw;width:400px}.resume-modal .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.resume-modal .modal-header h3{color:#1f2937;font-size:1.1rem;margin:0}.resume-modal .modal-close-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.2rem;padding:4px}.resume-modal .modal-close-btn:hover{color:#1f2937}.resume-modal .modal-body{padding:20px}.resume-modal-info{color:#374151;font-size:.9rem;margin:0 0 16px}.resume-modal-previous{align-items:center;color:#6b7280;display:flex;font-size:.85rem;gap:8px;margin:0 0 16px}.resume-modal-select{display:flex;flex-direction:column;gap:8px}.resume-modal-select label{color:#374151;font-size:.85rem;font-weight:500}.resume-status-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.9rem;padding:10px 12px}.resume-status-select:focus{border-color:#6366f1;outline:none}.resume-modal .modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:16px 20px}.resume-modal .btn-cancel{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.85rem;padding:8px 16px}.resume-modal .btn-cancel:hover{background:#f3f4f6}.resume-modal .btn-confirm{background:#059669;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:8px 16px}.resume-modal .btn-confirm:hover{background:#047857}.quotation-table th .sort-icon{color:#999;font-size:.75rem;margin-left:4px;transition:color .2s}.quotation-table th:hover .sort-icon{color:#333}.quotation-table th[style*="cursor: pointer"]:hover{background-color:#e9ecef}body.dark .quotation-list-page{background:#0000!important;color:#e7edf5}body.dark .quotation-list-page .quotation-list-header{background:#0000!important}body.dark .quotation-list-page .quotation-list-header h1,body.dark .quotation-list-page .quotation-list-header h2{color:#eaf0f8!important}body.dark .quotation-list-page .filter-section,body.dark .quotation-list-page .search-section{background:#141d2b!important;border-color:#26344a!important}body.dark .quotation-list-page .search-input,body.dark .quotation-list-page .status-filter{background:#0f1a2a!important;border-color:#2c3b52!important;color:#e7edf5!important}body.dark .quotation-list-page .search-input::placeholder{color:#6f8098!important}body.dark .quotation-list-page .quotation-tabs{background:#141d2b!important;border-color:#26344a!important}body.dark .quotation-list-page .quotation-tabs .tab{background:#0000!important;color:#9daac0!important}body.dark .quotation-list-page .quotation-tabs .tab.active{background:#1c2e50!important;border-color:#2b6ae8!important;color:#eaf0f8!important}body.dark .quotation-list-page .tab-count{color:inherit}body.dark .quotation-list-page .my-filter-buttons button{background:#1b2839!important;border-color:#2c3b52!important;color:#b7c4d8!important}body.dark .quotation-list-page .my-filter-buttons button.active{background:#1c3a6e!important;border-color:#2b6ae8!important;color:#dce8ff!important}body.dark .quotation-list-page .quotation-table-wrapper{background:#141d2b!important;border-color:#26344a!important}body.dark .quotation-list-page .quotation-table{background:#141d2b!important;color:#d7e0ec!important}body.dark .quotation-list-page .quotation-table thead th{background:#1b2839!important;border-color:#26344a!important;color:#c4d0e0!important}body.dark .quotation-list-page .quotation-table td{background:#0000!important;border-color:#22304a!important;color:#d7e0ec!important}body.dark .quotation-list-page .quotation-table tbody tr{background:#0000!important}body.dark .quotation-list-page .quotation-table tbody tr:hover{background:#1b2a40!important}body.dark .quotation-list-page .cell-center,body.dark .quotation-list-page .cell-number,body.dark .quotation-list-page .cell-text,body.dark .quotation-list-page .quotation-author,body.dark .quotation-list-page .quotation-table td span:not([class*=badge]):not([class*=status]){color:#d7e0ec!important}body.dark .quotation-list-page .company-badge,body.dark .quotation-list-page .company-badge-small{background:#22304a!important;border-color:#2c3b52!important;color:#c4d0e0!important}body.dark .quotation-list-page .expanded-row,body.dark .quotation-list-page .quotation-detail-row{background:#10192a!important}body.dark .quotation-list-page .approval-line-table td,body.dark .quotation-list-page .approval-line-table th,body.dark .quotation-list-page .items-table td,body.dark .quotation-list-page .items-table th,body.dark .quotation-list-page .quotation-info-table td,body.dark .quotation-list-page .quotation-info-table th{border-color:#26344a!important;color:#d7e0ec!important}body.dark .quotation-list-page .items-table thead th,body.dark .quotation-list-page .quotation-info-table thead th{background:#1b2839!important;color:#c4d0e0!important}body.dark .quotation-list-page .quotation-tab{background:#1b2839!important;color:#9daac0!important}body.dark .quotation-list-page .quotation-tab:hover{background:#22304a!important;color:#c4d0e0!important}body.dark .quotation-list-page .quotation-tab.active{background:#1c2e50!important;border-bottom-color:#2b6ae8!important;color:#eaf0f8!important}body.dark .quotation-detail,body.dark .quotation-list-page .quotation-detail{background-color:#10192a!important;border-color:#2b6ae8 #26344a #26344a!important}body.dark .detail-actions-header,body.dark .quotation-list-page .detail-actions-header{background:#141d2b!important;border-bottom-color:#26344a!important}body.dark .quotation-list-page .attachment-file-item,body.dark .quotation-list-page .attachment-image-item,body.dark .quotation-list-page .attachment-info,body.dark .quotation-list-page .attachment-item,body.dark .quotation-list-page .detail-section,body.dark .quotation-list-page .detail-summary,body.dark .quotation-list-page .detail-summary-item,body.dark .quotation-list-page .quotation-card{background:#141d2b!important;border-color:#26344a!important;color:#d7e0ec!important}body.dark .quotation-list-page .detail-section h3{background:#0000!important;color:#eaf0f8!important}body.dark .quotation-list-page .analysis-table td,body.dark .quotation-list-page .detail-items-table td,body.dark .quotation-list-page .info-label-cell,body.dark .quotation-list-page .items-table td,body.dark .quotation-list-page .quotation-info-table td{background:#0000!important;border-color:#26344a!important;color:#d7e0ec!important}body.dark .quotation-list-page .detail-items-table tbody tr:nth-child(2n){background:#10192a!important}body.dark .quotation-list-page .analysis-table th,body.dark .quotation-list-page .items-table th,body.dark .quotation-list-page .quotation-info-table th{background:#1b2839!important;border-color:#26344a!important;color:#c4d0e0!important}body.dark .quotation-list-page .quotation-info-table tr:hover,body.dark .quotation-list-page .quotation-info-table tr:hover td{background:#1b2a40!important}body.dark .quotation-list-page .empty-state,body.dark .quotation-list-page .no-results{background:#0000!important;color:#9daac0!important}body.dark .quotation-list-page .detail-action-btn{background:#22304a!important;border-color:#2c3b52!important;color:#d7e0ec!important}body.dark .quotation-list-page .highlight-yellow{background:#2a2410!important;color:#f4e7c6!important}body.dark .image-modal-content,body.dark .profit-analysis-header,body.dark .profit-analysis-modal,body.dark .resume-modal{background:#141d2b!important;border-color:#26344a!important;color:#e7edf5!important}body.dark .resume-modal .btn-cancel{background:#22304a!important;border-color:#2c3b52!important;color:#d7e0ec!important}body.dark .quotation-list-page [style*="rgb(219, 234, 254)"], body.dark .quotation-list-page [style*="rgb(227, 242, 253)"], body.dark .quotation-list-page [style*="rgb(239, 246, 255)"]{background-color:#14243e!important;color:#bbd0ff!important}body.dark .quotation-list-page [style*="rgb(232, 245, 233)"], body.dark .quotation-list-page [style*="rgb(236, 253, 245)"]{background-color:#10261c!important;color:#9be3c0!important}body.dark .quotation-list-page [style*="rgb(254, 243, 199)"], body.dark .quotation-list-page [style*="rgb(255, 243, 224)"]{background-color:#2a2410!important;color:#f0d79a!important}body.dark .quotation-list-page [style*="rgb(252, 228, 236)"], body.dark .quotation-list-page [style*="rgb(254, 242, 242)"]{background-color:#2a1717!important;color:#f1b6b6!important}body.dark .quotation-list-page [style*="rgb(243, 244, 246)"], body.dark .quotation-list-page [style*="rgb(245, 245, 245)"], body.dark .quotation-list-page [style*="rgb(249, 250, 251)"], body.dark .quotation-list-page [style*="rgb(255, 255, 255)"]{background-color:#18233a!important}body.dark .quotation-list-page [style*="rgb(209, 213, 219)"], body.dark .quotation-list-page [style*="rgb(226, 232, 240)"], body.dark .quotation-list-page [style*="rgb(229, 231, 235)"]{border-color:#2a3b55!important}body.dark .quotation-list-page [style*="rgb(31, 41, 55)"], body.dark .quotation-list-page [style*="rgb(51, 51, 51)"], body.dark .quotation-list-page [style*="rgb(55, 65, 81)"]{color:#e7edf5!important}body.dark .quotation-list-page [style*="rgb(102, 102, 102)"], body.dark .quotation-list-page [style*="rgb(107, 114, 128)"]{color:#9daac0!important}@media (max-width:1024px){.quotation-list-page{background:#f8fafc!important;max-width:100vw!important;min-height:100vh;overflow-x:hidden!important;padding:0!important}.quotation-list-page *{box-sizing:border-box!important;max-width:100%!important}.quotation-list-header{align-items:stretch!important;border-radius:0!important;box-shadow:0 2px 4px #00000014!important;flex-direction:column!important;gap:12px!important;margin-bottom:0!important;padding:20px 16px!important}.quotation-list-header h1{font-size:1.4rem!important;margin-bottom:0!important;text-align:left!important}.btn-create{border-radius:8px!important;font-size:14px!important;justify-content:center!important;min-height:48px!important;padding:12px 18px!important;width:100%!important}.search-section{border:1px solid #e5e7eb!important;border-left:none!important;border-radius:0!important;border-right:none!important;box-shadow:none!important;margin-bottom:0!important;padding:16px!important}.search-input{border-radius:8px!important;font-size:14px!important;min-height:44px!important;padding:12px 40px 12px 12px!important}.btn-clear-search{font-size:18px!important;padding:6px 10px!important;right:26px!important}.filter-section{border-bottom:1px solid #e5e7eb!important;border-left:none!important;border-radius:0!important;border-right:none!important;box-shadow:none!important;flex-wrap:wrap!important;gap:10px!important;margin-bottom:0!important;padding:12px 16px!important}.filter-section label{font-size:.85rem!important;margin-right:6px!important}.status-filter{border-radius:6px!important;flex:1 1!important;font-size:.85rem!important;min-height:40px!important;min-width:100px!important;padding:8px 12px!important}.quotation-table-wrapper{background:#0000!important;border-radius:0!important;box-shadow:none!important;padding:12px!important}.quotation-table{border:none!important;display:block!important}.quotation-table thead{display:none!important}.quotation-table tbody{display:block!important}.quotation-table tbody tr.quotation-row{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;box-shadow:0 2px 6px #00000014!important;cursor:pointer!important;display:block!important;margin-bottom:12px!important;overflow:hidden!important}.quotation-table tbody tr.quotation-row:active{transform:scale(.98)!important;transition:transform .1s!important}.quotation-table tbody tr.quotation-row.my-quotation-row{background-color:#fef3c7!important;border-left:4px solid #f59e0b!important;box-shadow:0 4px 12px #f59e0b33!important}.quotation-table tbody tr.quotation-row.my-quotation-row td{background-color:#fef3c7!important}.quotation-table tbody tr.quotation-row.expanded-row,.quotation-table tbody tr.quotation-row:hover{background-color:#fff!important}.quotation-table tbody td{border:none!important;display:block!important;padding:0!important;text-align:left!important}.quotation-table tbody tr.quotation-row>td:first-child{align-items:center!important;border-bottom:1px solid #f3f4f6!important;display:flex!important;justify-content:space-between!important;padding:12px 16px 8px!important}.quotation-table tbody tr.quotation-row>td:first-child span{align-items:center!important;display:inline-flex!important;gap:6px!important}.quotation-table tbody tr.quotation-row>td:nth-child(2){padding:0 16px 8px!important}.quotation-table tbody tr.quotation-row>td:nth-child(2)>div{display:flex!important;flex-wrap:wrap!important;gap:6px!important}.quotation-table tbody tr.quotation-row>td:nth-child(3){padding:0!important;position:absolute!important;right:16px!important;top:12px!important}.quotation-table tbody tr.quotation-row>td:nth-child(4){font-size:1rem!important;font-weight:600!important;line-height:1.4!important;overflow-wrap:break-word!important;padding:0 16px 8px!important;word-break:keep-all!important}.quotation-table tbody tr.quotation-row>td:nth-child(5){color:#374151!important;font-size:.9rem!important;overflow-wrap:break-word!important;padding:0 16px 6px!important;word-break:keep-all!important}.quotation-table tbody tr.quotation-row>td:nth-child(5):before{color:#6b7280!important;content:"수신: ";font-size:.75rem!important;font-weight:600!important}.quotation-table tbody tr.quotation-row>td:nth-child(6){color:#6b7280!important;display:inline-block!important;font-size:.75rem!important;padding:0 16px 4px!important}.quotation-table tbody tr.quotation-row>td:nth-child(6):before{content:"날짜: ";font-weight:600!important}.quotation-table tbody tr.quotation-row>td:nth-child(7){color:#6b7280!important;display:inline-block!important;font-size:.75rem!important;margin-left:12px!important;padding:0 16px 4px!important}.quotation-table tbody tr.quotation-row>td:nth-child(7):before{content:"작성: ";font-weight:600!important}.quotation-table tbody tr.quotation-row>td:nth-child(8){color:#6b7280!important;display:inline-block!important;font-size:.75rem!important;margin-left:12px!important;padding:0 16px 12px!important}.quotation-table tbody tr.quotation-row>td:nth-child(8):before{content:"담당: ";font-weight:600!important}.quotation-table tbody tr.quotation-row>td:nth-child(9){border-top:1px solid #f3f4f6!important;padding:12px 16px!important}.quotation-actions-table{display:flex!important;gap:8px!important;width:100%!important}.quotation-btn-table{align-items:center!important;border-radius:6px!important;display:flex!important;flex:1 1!important;font-size:.8rem!important;justify-content:center!important;min-height:40px!important;padding:8px 12px!important}.quotation-btn-table.quotation-btn-internal{background:#3b82f6!important;border-color:#3b82f6!important;color:#fff!important}.quotation-btn-table.quotation-btn-external{background:#06b6d4!important;border-color:#06b6d4!important;color:#fff!important}.quotation-detail-row{background:#f9fafb!important;border-radius:0 0 12px 12px!important;display:block!important;margin-bottom:12px!important;margin-top:-12px!important;overflow:hidden!important}.quotation-detail-row>td{border:none!important;display:block!important}.quotation-detail{background-color:#f9fafb!important;border-top:2px solid #3b82f6!important;padding:0!important}.quotation-card-requested .quotation-detail{background-color:#fffef9!important;border-top:2px solid #ffc107!important}.quotation-card-completed .quotation-detail{background-color:#f9fefb!important;border-top:2px solid #28a745!important}.detail-actions-header{-webkit-overflow-scrolling:touch!important;background:#fff!important;border-bottom:1px solid #e5e7eb!important;display:flex!important;justify-content:flex-end!important;overflow-x:auto!important;padding:12px!important}.detail-actions-buttons{display:flex!important;flex-wrap:nowrap!important;gap:6px!important}.detail-action-btn{border-radius:6px!important;font-size:.8rem!important;min-height:36px!important;padding:8px 12px!important;white-space:nowrap!important}.detail-section{background:#fff!important;border-bottom:1px solid #e5e7eb!important;margin:0!important;padding:14px!important}.detail-section:last-child{border-bottom:none!important}.detail-section h3{background:#f3f4f6!important;border-left:3px solid #1e3c72!important;font-size:.95rem!important;margin-bottom:12px!important;padding:8px 10px!important}.quotation-info-table{background:#0000!important;border:none!important;display:block!important;width:100%!important}.quotation-info-table tbody{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;display:block!important;overflow:hidden!important}.quotation-info-table tr{align-items:center!important;border-bottom:1px solid #f3f4f6!important;display:grid!important;grid-template-columns:30% 1fr!important}.quotation-info-table tr:last-child{border-bottom:none!important}.quotation-info-table tr:hover{background:#fafbfc!important}.quotation-info-table th{background:#fafbfc!important;border:none!important;border-right:1px solid #f3f4f6!important;color:#6b7280!important;font-size:.8rem!important;font-weight:600!important;text-align:left!important}.quotation-info-table td,.quotation-info-table th{align-items:center!important;display:flex!important;padding:12px 14px!important}.quotation-info-table td{background:#fff!important;border:none!important;color:#111827!important;font-size:.85rem!important;font-weight:500!important;overflow-wrap:break-word!important;white-space:normal!important;word-break:keep-all!important}.quotation-info-table td[colspan="3"]{font-weight:600!important;grid-column:2/-1!important}.quotation-info-table td:empty:after{color:#d1d5db!important;content:"-"!important}.quotation-info-table tr:first-child{background:#f9fafb!important;border-bottom:1px solid #e5e7eb!important}.quotation-info-table tr:first-child th{background:#f3f4f6!important;color:#374151!important;font-weight:700!important}.quotation-info-table tr:first-child td{background:#f9fafb!important;color:#111827!important;font-weight:600!important}.items-table-wrapper{display:flex!important;flex-direction:column!important;gap:16px!important}.table-section{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;overflow:hidden!important;padding:0!important}.table-section-title{background:#fafbfc!important;border-bottom:1px solid #e5e7eb!important;color:#374151!important;font-size:.9rem!important;font-weight:600!important;margin-bottom:0!important;padding:12px 16px!important}.table-scroll{-webkit-overflow-scrolling:touch!important;margin:0!important;overflow-x:visible!important;padding:12px!important}.items-table{border:none!important;display:block!important}.items-table thead{display:none!important}.items-table tbody,.items-table tbody tr{display:block!important}.items-table tbody tr{background:#fff!important;border:1px solid #d1d5db!important;border-radius:0!important;margin-bottom:16px!important;overflow:hidden!important;padding:0!important}.items-table tbody tr:last-child{margin-bottom:0!important}.items-table tbody tr:hover,.items-table td{background:#fff!important}.items-table td{align-items:center!important;border:none!important;border-bottom:1px solid #e5e7eb!important;color:#111827!important;display:flex!important;flex-direction:row!important;font-size:.8rem!important;font-weight:500!important;min-height:38px!important;overflow-wrap:break-word!important;padding:10px 12px!important;text-align:left!important;white-space:normal!important;word-break:keep-all!important}.items-table td:last-child{border-bottom:none!important}.items-table td:before{align-items:center!important;background:#f9fafb!important;border-right:1px solid #e5e7eb!important;color:#374151!important;content:attr(data-label)!important;display:flex!important;flex-shrink:0!important;font-size:.7rem!important;font-weight:600!important;margin:-10px 12px -10px -12px!important;min-height:38px!important;padding:10px 12px!important;width:35%!important}.items-table td.cell-center{background:#374151!important;border-bottom:2px solid #d1d5db!important;border-radius:0!important;color:#fff!important;font-size:.8rem!important;font-weight:700!important;justify-content:center!important;padding:10px!important;text-align:center!important}.items-table td.cell-center:before{background:#0000!important;border:none!important;color:#fff!important;content:attr(data-label) ": "!important;display:inline!important;font-weight:700!important;margin:0 4px 0 0!important;min-height:auto!important;padding:0!important;width:auto!important}.items-table td.cell-number,.items-table td.cell-text{color:#111827!important;font-weight:500!important}.items-table td[data-label=\CCA8\BD80\D30C\C77C]{align-items:flex-start!important;padding-bottom:12px!important;padding-top:12px!important}.items-table td[data-label=\CCA8\BD80\D30C\C77C]:before{align-items:flex-start!important;margin-bottom:-12px!important;margin-top:-12px!important;padding-top:12px!important}.item-images-view{padding:0!important}.image-thumbnails{gap:6px!important;justify-content:flex-start!important}.thumbnail-item{border:1px solid #e5e7eb!important;border-radius:4px!important;cursor:pointer!important;height:48px!important;overflow:hidden!important;width:48px!important}.thumbnail-item img{height:100%!important;object-fit:cover!important;width:100%!important}.thumbnail-item:hover{border-color:#d1d5db!important}.detail-summary{gap:10px!important;grid-template-columns:1fr!important;padding:12px!important}.detail-summary-item{padding:10px 12px!important}.detail-summary-item strong{font-size:.75rem!important}.detail-summary-item span{font-size:1rem!important}.detail-summary-item .profit-amount,.detail-summary-item .profit-rate{font-size:1.1rem!important}.image-modal-overlay{padding:0!important}.image-modal-content{border-radius:12px!important;max-height:90vh!important;max-width:95%!important;padding:12px!important}.image-modal-close{font-size:20px!important;height:36px!important;right:-12px!important;top:-12px!important;width:36px!important}.image-modal-img{border-radius:8px!important;max-height:75vh!important}.empty-state{padding:60px 20px!important}.no-results{padding:40px 20px!important}.btn-create-large{font-size:.9rem!important;padding:12px 24px!important}.loading{padding:50px 20px!important}.error-message,.loading{font-size:.9rem!important}.error-message{border-radius:8px!important;margin:16px!important;padding:16px!important}}@media (max-width:640px){.quotation-list-page{max-width:100vw!important;overflow-x:hidden!important}.quotation-list-page *{max-width:100%!important}.quotation-list-header{padding:16px 14px!important}.quotation-list-header h1{font-size:1.25rem!important}.btn-create{font-size:13px!important;padding:10px 16px!important}.search-section{padding:14px!important}.search-input{font-size:13px!important;padding:10px 36px 10px 10px!important}.btn-clear-search{right:24px!important}.filter-section{padding:10px 14px!important}.filter-section label,.status-filter{font-size:.8rem!important}.status-filter{padding:7px 10px!important}.quotation-table-wrapper{padding:10px!important}.quotation-table tbody tr.quotation-row{border-radius:10px!important;margin-bottom:10px!important}.quotation-table tbody tr.quotation-row>td:first-child{padding:10px 14px 7px!important}.quotation-table tbody tr.quotation-row>td:first-child span{font-size:.7rem!important}.quotation-table tbody tr.quotation-row>td:nth-child(2){padding:0 14px 7px!important}.company-badge-small,.my-badge-small,.status-badge-small{font-size:.65rem!important;padding:2px 6px!important}.quotation-table tbody tr.quotation-row>td:nth-child(3){right:14px!important;top:10px!important}.quotation-table tbody tr.quotation-row>td:nth-child(4){font-size:.95rem!important;line-height:1.4!important;overflow-wrap:break-word!important;padding:0 14px 7px!important;white-space:normal!important;word-break:keep-all!important}.quotation-table tbody tr.quotation-row>td:nth-child(5){font-size:.85rem!important;overflow-wrap:break-word!important;padding:0 14px 5px!important;white-space:normal!important;word-break:keep-all!important}.quotation-table tbody tr.quotation-row>td:nth-child(5):before{font-size:.7rem!important}.quotation-table tbody tr.quotation-row>td:nth-child(6),.quotation-table tbody tr.quotation-row>td:nth-child(7),.quotation-table tbody tr.quotation-row>td:nth-child(8){font-size:.7rem!important;padding:0 14px 3px!important;white-space:nowrap!important}.quotation-table tbody tr.quotation-row>td:nth-child(9){padding:10px 14px!important}.quotation-actions-table{gap:6px!important}.quotation-btn-table{font-size:.75rem!important;min-height:36px!important;padding:7px 10px!important}.quotation-detail-row{margin-bottom:10px!important;margin-top:-10px!important}.detail-actions-header{padding:10px!important}.detail-actions-buttons{gap:5px!important}.detail-action-btn{font-size:.75rem!important;min-height:32px!important;padding:7px 10px!important}.detail-section{padding:12px!important}.detail-section h3{font-size:.9rem!important;padding:7px 8px!important}.quotation-info-table tr{align-items:center!important;grid-template-columns:32% 1fr!important}.quotation-info-table th{font-size:.75rem!important;padding:10px 12px!important}.quotation-info-table td{font-size:.8rem!important;padding:10px 12px!important}.table-section{border-radius:8px!important;padding:0!important}.table-section-title{font-size:.85rem!important;padding:10px 14px!important}.table-scroll{padding:10px!important}.items-table tbody tr{border-radius:0!important;margin-bottom:12px!important;padding:0!important}.items-table td{font-size:.75rem!important;min-height:34px!important;padding:8px 10px!important}.items-table td:before{font-size:.65rem!important;margin:-8px 10px -8px -10px!important;padding:8px 10px!important;width:38%!important}.items-table td.cell-center{font-size:.75rem!important;padding:8px!important}.items-table td.cell-center:before{margin:0 4px 0 0!important}.items-table td[data-label=\CCA8\BD80\D30C\C77C]:before{align-items:flex-start!important;margin-bottom:-10px!important;margin-top:-10px!important;padding-top:10px!important}.thumbnail-item{border-radius:4px!important;height:42px!important;width:42px!important}.detail-summary{gap:8px!important;padding:10px!important}.detail-summary-item{padding:8px 10px!important}.detail-summary-item strong{font-size:.7rem!important}.detail-summary-item span{font-size:.95rem!important}.detail-summary-item .profit-amount,.detail-summary-item .profit-rate{font-size:1rem!important}.image-modal-content{padding:10px!important}.image-modal-close{font-size:18px!important;height:32px!important;width:32px!important}.image-modal-img{max-height:70vh!important}.empty-state{padding:50px 16px!important}.no-results{padding:30px 16px!important}.btn-create-large{font-size:.85rem!important;padding:10px 20px!important}}@media (hover:none) and (pointer:coarse){.quotation-card:active{opacity:.9;transform:scale(.98)}.btn-create:active,.detail-action-btn:active,.quotation-btn-table:active{opacity:.8;transform:scale(.97)}.thumbnail-item:active{transform:scale(1.2)}}.pending-approvals-list{display:flex;flex-direction:column;gap:6px}.pending-approval-card{background-color:#fff;border:1px solid #4caf50;border-radius:4px;cursor:pointer;padding:8px 10px;transition:all .2s}.pending-approval-card:hover{box-shadow:0 1px 4px #4caf5033}.pending-approval-content{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:space-between}.pending-approval-info{flex:1 1;min-width:150px}.pending-approval-badges{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.pending-approval-badges .pending-badge{background-color:#4caf50;border-radius:3px;color:#fff;font-size:10px;font-weight:700;padding:2px 5px}.pending-approval-badges .status-badge{background-color:#ff9800;border-radius:3px;color:#fff;font-size:9px;font-weight:700;padding:2px 5px}.pending-approval-badges .pending-title{color:#333;font-size:12px;font-weight:700}.pending-approval-meta{color:#666;display:flex;flex-wrap:wrap;font-size:11px;gap:8px}.pending-approval-meta strong{color:#333}.pending-approval-actions{display:flex;gap:4px}.btn-approve-action{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:700;padding:5px 10px;white-space:nowrap}.btn-approve-action:hover{background-color:#43a047}@media (max-width:768px){.my-pending-approvals-section{border-radius:6px!important;margin:4px!important;padding:6px!important}.my-pending-approvals-section h2{font-size:11px!important;gap:4px!important;margin-bottom:4px!important}.my-pending-approvals-section h2 span{font-size:12px!important}.pending-approvals-list{gap:4px!important}.pending-approval-card{border-radius:4px!important;padding:5px 6px!important}.pending-approval-content{gap:4px!important}.pending-approval-info{min-width:0!important}.pending-approval-badges{gap:3px!important;margin-bottom:2px!important}.pending-approval-badges .pending-badge{font-size:9px!important;padding:1px 4px!important}.pending-approval-badges .status-badge{font-size:8px!important;padding:1px 4px!important}.pending-approval-badges .pending-title{font-size:10px!important;margin-top:1px!important;width:100%!important}.pending-approval-meta{font-size:9px!important;gap:4px!important}.pending-approval-actions{width:100%!important}.btn-approve-action{border-radius:3px!important;flex:1 1!important;font-size:9px!important;padding:4px 8px!important}}.mobile-approval-buttons{display:flex;gap:10px;justify-content:center;padding:12px;width:100%}.btn-approve-mobile,.btn-reject-mobile{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;max-width:120px;padding:12px 20px;transition:all .2s}.btn-reject-mobile{background-color:#dc3545;color:#fff}.btn-reject-mobile:hover{background-color:#c82333}.btn-approve-mobile{background-color:#28a745;color:#fff}.btn-approve-mobile:hover{background-color:#218838}.approval-line-container{align-items:flex-end;display:flex;flex-direction:column;margin-bottom:15px}.approval-line-toggle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.approval-line-toggle:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.approval-line-toggle:active{transform:translateY(0)}.approval-line-toggle-text{font-size:13px}.approval-line-toggle-icon{font-size:10px;transition:transform .3s ease}.approval-line-toggle-icon.expanded{transform:rotate(180deg)}.approval-line-table{animation:slideDown .3s ease;border:2px solid #000;border-collapse:collapse;margin-top:10px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.approval-line-title{background-color:#f5f5f5;border:1px solid #000;font-size:13px;font-weight:700;padding:8px}.approval-line-header th{background-color:#f9f9f9;border:1px solid #000;font-size:12px;padding:6px 10px}.approval-line-table tbody td{border:1px solid #000;padding:8px 10px;text-align:center;vertical-align:top}.approval-name{font-size:12px}.approval-buttons{display:flex;gap:4px;justify-content:center;margin-top:8px}.approval-buttons .btn-reject{background-color:#dc3545}.approval-buttons .btn-approve,.approval-buttons .btn-reject{border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:11px;padding:4px 8px}.approval-buttons .btn-approve{background-color:#28a745}@media (max-width:1024px){.approval-line-container{align-items:stretch!important;padding:12px!important}.approval-line-toggle{border-radius:10px!important;font-size:14px!important;justify-content:center!important;padding:14px 20px!important}.approval-line-table{border:none!important;border-radius:12px!important;box-shadow:0 2px 8px #0000001a!important;margin-top:12px!important;overflow:hidden!important}.approval-line-table,.approval-line-table thead{display:block!important;width:100%!important}.approval-line-header{display:none!important}.approval-line-table tbody{display:block!important;width:100%!important}.approval-line-table tbody tr{grid-gap:0!important;background:#fff!important;display:grid!important;gap:0!important;grid-template-columns:repeat(2,1fr)!important;width:100%!important}.approval-line-table tbody td{align-items:flex-start!important;background:#fff!important;border:1px solid #e5e7eb!important;border-left:none!important;border-top:none!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;min-height:70px!important;padding:12px!important;text-align:left!important}.approval-line-table tbody td:nth-child(2n){border-right:none!important}.approval-line-table tbody td:last-child{background:#fefce8!important;border-bottom:none!important;border-right:none!important;grid-column:1/-1!important}.approval-line-table tbody td:before{background:#f3f4f6!important;border-radius:4px!important;color:#6b7280!important;content:attr(data-role)!important;display:block!important;font-size:.7rem!important;font-weight:700!important;margin-bottom:4px!important;padding:3px 8px!important}.approval-name{color:#1f2937!important;font-size:.85rem!important;font-weight:600!important;margin-bottom:6px!important}.approval-buttons{display:flex!important;flex-wrap:wrap!important;gap:6px!important;justify-content:flex-start!important;margin-top:8px!important}.approval-buttons .btn-approve,.approval-buttons .btn-reject{border-radius:6px!important;font-size:12px!important;font-weight:600!important;min-height:32px!important;min-width:54px!important;padding:6px 14px!important}}@media (max-width:640px){.approval-line-table tbody tr{grid-template-columns:1fr!important}.approval-line-table tbody td{border-right:none!important;min-height:60px!important;padding:14px 12px!important}.approval-line-table tbody td:last-child{grid-column:1!important}.approval-buttons .btn-approve,.approval-buttons .btn-reject{font-size:13px!important;min-height:36px!important;padding:8px 16px!important}}@media (max-width:768px){.profit-analysis-modal{border-radius:0!important;height:100%!important;margin:0!important;max-height:100vh!important;width:100%!important}.profit-analysis-header{gap:8px;padding:10px 12px!important}.profit-analysis-header h2{flex:1 1;font-size:14px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profit-analysis-header-actions{gap:6px!important}.profit-analysis-header .image-modal-close{font-size:14px!important;height:28px!important;position:static!important;width:28px!important}.save-usage-btn{font-size:12px!important;padding:6px 10px!important}.profit-analysis-content{padding:8px!important}.analysis-section{margin-bottom:10px!important}.analysis-section h3{border-bottom:1px solid #e5e7eb;font-size:13px!important;margin-bottom:8px!important;padding-bottom:4px}.analysis-summary-info{flex-direction:column!important;gap:8px!important}.analysis-info-table{font-size:11px!important;width:100%!important}.analysis-info-table td{padding:4px 6px!important}.info-label-cell{font-size:10px!important;width:35%!important}.info-value-cell{font-size:11px!important;width:65%!important}.analysis-summary-table{display:block!important;width:100%!important}.analysis-summary-table thead{display:none!important}.analysis-summary-table tbody{display:block!important}.analysis-summary-table tbody tr{grid-gap:0!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:6px!important;display:grid!important;gap:0!important;grid-template-columns:repeat(4,1fr)!important;overflow:hidden!important}.analysis-summary-table tbody td{border:1px solid #f0f0f0!important;border-left:none!important;border-top:none!important;display:flex!important;flex-direction:column!important;font-size:11px!important;font-weight:600!important;padding:6px!important;text-align:center!important}.analysis-summary-table tbody td:nth-child(4n){border-right:none!important}.analysis-summary-table tbody td:before{color:#6b7280!important;font-size:9px!important;font-weight:600!important;margin-bottom:2px!important}.analysis-summary-table tbody td:first-child:before{content:"MOQ"!important}.analysis-summary-table tbody td:nth-child(2):before{content:"판매가"!important}.analysis-summary-table tbody td:nth-child(3):before{content:"매입가"!important}.analysis-summary-table tbody td:nth-child(4):before{content:"이익금"!important}.analysis-summary-table tbody td:nth-child(5):before{content:"이익률"!important}.analysis-summary-table tbody td:nth-child(6):before{content:"사용량"!important}.analysis-summary-table tbody td:nth-child(7):before{content:"소진률"!important}.analysis-summary-table tbody td:nth-child(8):before{content:"비고"!important}.analysis-table-wrapper{margin:0!important;max-height:calc(100vh - 280px)!important;overflow-x:visible!important;overflow-y:auto!important;padding:0!important}.analysis-detail-table{display:block!important;font-size:11px!important;min-width:0!important;min-width:auto!important;width:100%!important}.analysis-detail-table thead{display:none!important}.analysis-detail-table tbody{display:flex!important;flex-direction:column!important;gap:8px!important}.analysis-detail-table tbody tr{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:8px!important;box-shadow:0 1px 3px #0000000d!important;display:block!important;padding:10px!important}.analysis-detail-table tbody tr[style*="background-color: rgb(212, 237, 218)"]{border-left:3px solid #28a745!important}.analysis-detail-table tbody td{align-items:center!important;border:none!important;border-bottom:1px solid #f3f4f6!important;display:flex!important;justify-content:space-between!important;padding:4px 0!important;text-align:right!important;white-space:normal!important}.analysis-detail-table tbody td:last-child{border-bottom:none!important}.analysis-detail-table tbody td:before{color:#6b7280!important;content:attr(data-label)!important;flex-shrink:0!important;font-size:10px!important;font-weight:600!important;margin-right:8px!important;text-align:left!important}.analysis-detail-table tbody td:first-child:before{content:"품명"!important}.analysis-detail-table tbody td:nth-child(2):before{content:"단가(판매)"!important}.analysis-detail-table tbody td:nth-child(3):before{content:"매입가"!important}.analysis-detail-table tbody td:nth-child(4):before{content:"MOQ"!important}.analysis-detail-table tbody td:nth-child(5):before{content:"판매가"!important}.analysis-detail-table tbody td:nth-child(6):before{content:"매입가(총)"!important}.analysis-detail-table tbody td:nth-child(7):before{content:"이익금"!important}.analysis-detail-table tbody td:nth-child(8):before{content:"이익률"!important}.analysis-detail-table tbody td:nth-child(9):before{content:"사용량(월)"!important}.analysis-detail-table tbody td:nth-child(10):before{content:"재고소진률"!important}.analysis-detail-table tbody td:nth-child(11):before{content:"매입처"!important}.analysis-detail-table tbody td:nth-child(12):before{content:"비고"!important}.analysis-detail-table tbody td:first-child{align-items:flex-start!important;border-bottom:2px solid #e5e7eb!important;color:#1f2937!important;flex-direction:column!important;font-size:12px!important;font-weight:700!important;margin-bottom:4px!important;padding-bottom:6px!important}.analysis-detail-table tbody td:first-child:before{display:none!important}.monthly-usage-input{font-size:12px!important;padding:4px 6px!important;text-align:right!important;width:60px!important}.highlight-yellow{background-color:#fef3c7!important}.highlight-red,.highlight-yellow{border-radius:4px!important;font-weight:700!important;padding:2px 6px!important}.highlight-red{background-color:#fee2e2!important;color:#dc2626!important}.items-table-wrapper{margin:0!important;padding:0!important}.items-table-wrapper .table-section{background:#f9fafb!important;border-radius:8px!important;margin-bottom:12px!important;padding:8px!important}.items-table-wrapper .table-section-title{font-size:13px!important;margin:0!important}.items-table-wrapper .table-section>div:first-child{margin-bottom:8px!important}.items-table-wrapper .table-section>div:first-child button{display:none!important}.items-table-wrapper .table-scroll{overflow-x:visible!important}.items-table-wrapper .items-table{display:block!important;width:100%!important}.items-table-wrapper .items-table thead{display:none!important}.items-table-wrapper .items-table tbody{display:flex!important;flex-direction:column!important;gap:8px!important}.items-table-wrapper .items-table tbody tr{grid-gap:2px 8px!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:6px!important;display:grid!important;font-size:11px!important;gap:2px 8px!important;grid-template-columns:repeat(2,1fr)!important;padding:8px!important}.items-table-wrapper .items-table tbody td{align-items:flex-start!important;background:#0000!important;border:none!important;display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important;min-height:auto!important;padding:3px 0!important;word-break:break-word!important}.items-table-wrapper .items-table tbody td:before{color:#6b7280!important;content:attr(data-label)!important;flex-shrink:0!important;font-size:10px!important;font-weight:600!important;margin-right:4px!important;white-space:nowrap!important}.items-table-wrapper .items-table tbody td:first-child{background:#f0f9ff!important;border-radius:4px!important;grid-column:1/-1!important;margin-bottom:2px!important;padding:4px 6px!important}.items-table-wrapper .items-table tbody td:nth-child(2){border-bottom:1px solid #e5e7eb!important;color:#1f2937!important;font-size:13px!important;font-weight:600!important;grid-column:1/-1!important;margin-bottom:4px!important;padding:6px 0!important}.items-table-wrapper .items-table tbody td:nth-child(2):before{display:none!important}.items-table-wrapper .items-table tbody td:nth-child(3),.items-table-wrapper .items-table tbody td:nth-child(4){flex-direction:row!important;gap:6px!important;grid-column:1/-1!important;justify-content:flex-start!important}.items-table-wrapper .items-table tbody td .cell-center,.items-table-wrapper .items-table tbody td .cell-number,.items-table-wrapper .items-table tbody td .cell-text{font-size:11px!important;text-align:right!important}.purchase-table-section .items-table tbody td:first-child{background:#0000!important;border-bottom:1px solid #e5e7eb!important;color:#1f2937!important;font-size:13px!important;font-weight:600!important;grid-column:1/-1!important;margin-bottom:4px!important;padding:6px 0!important}.purchase-table-section .items-table tbody td:first-child:before{display:none!important}.purchase-table-section .items-table tbody td:nth-child(2){border-bottom:none!important;color:#374151!important;flex-direction:row!important;font-size:11px!important;font-weight:400!important;gap:6px!important;grid-column:1/-1!important;justify-content:flex-start!important;margin-bottom:0!important;padding:3px 0!important}.purchase-table-section .items-table tbody td:nth-child(2):before{display:block!important}.purchase-table-section .items-table tbody td:nth-child(4){flex-direction:row!important;gap:6px!important;grid-column:1/-1!important;justify-content:flex-start!important}}.qm-list{display:none}@media (max-width:768px){.quotation-list-page{--q-surf:#fff;--q-surf2:#f4f7fc;--q-line:#e7ecf3;--q-ink:#1b2533;--q-ink2:#5e6b7e;--q-ink3:#9aa6b6;padding:12px!important}body.dark .quotation-list-page{--q-surf:#131d2f;--q-surf2:#16223a;--q-line:#94a3b829;--q-ink:#e7edf6;--q-ink2:#9aa7bd;--q-ink3:#6b7890}.quotation-list-page .quotation-list-header{align-items:stretch!important;flex-direction:column!important;gap:10px!important;margin-bottom:12px!important}.quotation-list-page .quotation-list-header h1{color:var(--q-ink)!important;font-size:19px!important;font-weight:800!important;margin:0!important}.quotation-list-page .header-buttons{display:flex!important;flex-wrap:wrap!important;gap:9px!important;width:100%!important}.quotation-list-page .btn-create{align-items:center!important;background:linear-gradient(135deg,#7c5cfc,#6d28d9)!important;border:0!important;border-radius:12px!important;box-shadow:0 6px 18px #6d28d966!important;color:#fff!important;display:flex!important;flex:1 0 100%!important;font-size:14px!important;font-weight:800!important;justify-content:center!important;order:-1!important;padding:14px!important}.quotation-list-page .btn-test-complete,.quotation-list-page .btn-test-revert{background:#f5b8201f!important;border:1px solid #f5b82059!important;border-radius:11px!important;color:#b4790b!important;flex:1 1!important;font-size:12.5px!important;font-weight:700!important;padding:10px 8px!important}body.dark .quotation-list-page .btn-test-complete,body.dark .quotation-list-page .btn-test-revert{color:#fbbf24!important}.quotation-list-page .search-section{margin:0 0 14px!important}.quotation-list-page .search-input{background:var(--q-surf)!important;border:1px solid var(--q-line)!important;border-radius:12px!important;color:var(--q-ink)!important;font-size:13px!important;padding:12px 14px!important;width:100%!important}.quotation-list-page .quotation-tabs{border:0!important;display:flex!important;gap:8px!important;margin-bottom:14px!important}.quotation-list-page .quotation-tab{align-items:center!important;background:var(--q-surf)!important;border:1px solid var(--q-line)!important;border-radius:12px!important;color:var(--q-ink2)!important;display:flex!important;flex:1 1!important;flex-direction:column!important;font-size:12.5px!important;font-weight:700!important;gap:5px!important;padding:11px 4px!important}.quotation-list-page .quotation-tab .tab-count{background:#94a3b829!important;border-radius:8px!important;color:var(--q-ink)!important;font-size:12px!important;font-weight:800!important;padding:1px 9px!important}.quotation-list-page .quotation-tab.active{background:linear-gradient(160deg,#1e3a8a,#1d4ed8)!important;border-color:#3b82f680!important;color:#fff!important}.quotation-list-page .quotation-tab.active .tab-count{background:#ffffff38!important;color:#fff!important}.quotation-list-page .filter-section{align-items:stretch!important;flex-direction:column!important;gap:9px!important;margin-bottom:12px!important}.quotation-list-page .filter-section label{color:var(--q-ink3)!important;font-size:11px!important;margin:0 0 0 2px!important}.quotation-list-page .status-filter{color:var(--q-ink)!important;font-size:12.5px!important;padding:10px 12px!important;width:100%!important}.quotation-list-page .my-filter-buttons,.quotation-list-page .status-filter{background:var(--q-surf)!important;border:1px solid var(--q-line)!important;border-radius:11px!important}.quotation-list-page .my-filter-buttons{display:flex!important;gap:3px!important;margin:0!important;padding:3px!important}.quotation-list-page .my-filter-btn{background:#0000!important;border:0!important;border-radius:8px!important;color:var(--q-ink2)!important;flex:1 1!important;font-size:12.5px!important;font-weight:700!important;padding:8px 0!important}.quotation-list-page .my-filter-btn.active{background:linear-gradient(180deg,#3b82f6,#2563eb)!important;color:#fff!important}.quotation-list-page .quotation-table-wrapper{background:#0000!important;border:0!important;box-shadow:none!important;margin:0!important;overflow:visible!important;padding:0!important}.quotation-list-page .quotation-table{display:block!important}.quotation-list-page .quotation-table thead{display:none!important}.quotation-list-page .quotation-table tbody{display:block!important}.quotation-list-page .quotation-table tr.quotation-row{display:none!important}.quotation-list-page .quotation-table tr.quotation-detail-row{display:block!important}.quotation-list-page .quotation-table tr.quotation-detail-row>td{border:0!important;display:block!important;padding:0!important}.qm-list{display:block!important}.qm-item{border-bottom:1px solid var(--q-line)!important;cursor:pointer;display:flex!important;gap:11px!important;padding:13px 2px!important}.qm-badge{background:#3b82f626!important;border:1px solid #3b82f64d!important;border-radius:8px!important;color:#2563eb!important;flex:0 0 auto!important;font-size:10.5px!important;font-weight:800!important;height:-webkit-fit-content!important;height:fit-content!important;margin-top:1px!important;padding:4px 9px!important;white-space:nowrap!important}body.dark .qm-badge{color:#93c5fd!important}.qm-badge.status-requested{background:#f59e0b26!important;border-color:#f59e0b4d!important;color:#b4790b!important}body.dark .qm-badge.status-requested{color:#fbbf24!important}.qm-badge.status-completed{background:#22c55e26!important;border-color:#22c55e4d!important;color:#16a34a!important}body.dark .qm-badge.status-completed{color:#4ade80!important}.qm-badge.status-hold{background:#64748b2e!important;border-color:#64748b4d!important;color:#64748b!important}body.dark .qm-badge.status-hold{color:#94a3b8!important}.qm-main{flex:1 1!important;min-width:0!important}.qm-t{color:var(--q-ink)!important;font-size:13.5px!important;font-weight:700!important;line-height:1.4!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.qm-sub{color:var(--q-ink2)!important;display:flex!important;flex-wrap:wrap!important;font-size:11.5px!important;gap:6px!important;margin-top:4px!important}.qm-dot{color:var(--q-ink3)!important}.qm-right{align-items:flex-end!important;display:flex!important;flex:0 0 auto!important;flex-direction:column!important;gap:5px!important}.qm-cnt{background:#94a3b824!important;border-radius:7px!important;color:var(--q-ink2)!important;font-size:11px!important;font-weight:800!important;padding:2px 8px!important}.qm-date{color:var(--q-ink3)!important;font-size:10.5px!important}.quotation-list-page{padding:9px!important}.quotation-list-page .quotation-list-header{gap:8px!important;margin-bottom:9px!important}.quotation-list-page .quotation-list-header h1{font-size:17px!important}.quotation-list-page .header-buttons{gap:7px!important}.quotation-list-page .btn-create{border-radius:10px!important;font-size:13px!important;padding:11px!important}.quotation-list-page .btn-test-complete,.quotation-list-page .btn-test-revert{border-radius:9px!important;font-size:12px!important;padding:8px 6px!important}.quotation-list-page .search-section{margin-bottom:9px!important}.quotation-list-page .search-input{border-radius:10px!important;padding:9px 12px!important}.quotation-list-page .quotation-tabs{gap:6px!important;margin-bottom:9px!important}.quotation-list-page .quotation-tab{border-radius:10px!important;font-size:12px!important;gap:4px!important;padding:8px 4px!important}.quotation-list-page .quotation-tab .tab-count{font-size:11px!important;padding:1px 7px!important}.quotation-list-page .filter-section{gap:7px!important;margin-bottom:9px!important}.quotation-list-page .status-filter{border-radius:9px!important;padding:8px 11px!important}.quotation-list-page .my-filter-btn{font-size:12px!important;padding:7px 0!important}.qm-item{gap:10px!important;padding:10px 2px!important}.qm-badge{font-size:10px!important;padding:3px 8px!important}.qm-t{font-size:13px!important}.qm-sub{font-size:11px!important;margin-top:3px!important}.quotation-list-page{padding-top:6px!important}.quotation-list-page .quotation-list-header{margin:0 0 6px!important;padding:0!important}.quotation-list-page .header-buttons,.quotation-list-page .quotation-list-header h1{margin:0!important;padding:0!important}.quotation-list-page .btn-test-complete,.quotation-list-page .btn-test-revert{display:none!important}.quotation-list-page .quotation-detail{--q-surf:#fff;--q-surf2:#f4f7fc;--q-line:#e7ecf3;--q-ink:#1b2533;--q-ink2:#5e6b7e;--q-ink3:#9aa6b6;background:#0000!important;padding:12px 2px!important}body.dark .quotation-list-page .quotation-detail{--q-surf:#131d2f;--q-surf2:#16223a;--q-line:#94a3b829;--q-ink:#e7edf6;--q-ink2:#9aa7bd;--q-ink3:#6b7890}.quotation-detail .detail-actions-header{background:#0000!important;border:0!important;margin:0 0 12px!important;padding:0!important}.quotation-detail .detail-actions-buttons{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.quotation-detail .detail-action-btn{background:var(--q-surf)!important;border:1px solid var(--q-line)!important;border-radius:11px!important;color:var(--q-ink2)!important;flex-basis:calc(50% - 4px);flex-grow:1;flex-shrink:1;font-size:12.5px!important;font-weight:800!important;min-width:0!important;padding:12px 10px!important}.quotation-detail .detail-btn-complete{background:linear-gradient(135deg,#22c55e,#16a34a)!important;border:0!important;box-shadow:0 4px 12px #16a34a4d!important;color:#fff!important}.quotation-detail .detail-section{background:var(--q-surf)!important;border:1px solid var(--q-line)!important;border-radius:14px!important;margin:0 0 12px!important;overflow:hidden!important;padding:0!important}.quotation-detail .detail-section>h3{align-items:center!important;border-bottom:1px solid var(--q-line)!important;color:var(--q-ink)!important;display:flex!important;font-size:13px!important;font-weight:800!important;gap:8px!important;margin:0!important;padding:13px 15px!important}.quotation-detail .detail-section>h3:before{background:#3b82f6!important;border-radius:2px!important;content:""!important;display:inline-block!important;flex:none!important;height:14px!important;width:3px!important}.quotation-detail .quotation-info-table{display:block!important;padding:4px 15px 12px!important;width:auto!important}.quotation-detail .quotation-info-table tbody,.quotation-detail .quotation-info-table tr{display:block!important}.quotation-detail .quotation-info-table tr{grid-gap:5px 10px!important;align-items:baseline!important;border-bottom:1px solid var(--q-line)!important;display:grid!important;gap:5px 10px!important;grid-template-columns:84px 1fr!important;padding:9px 0!important}.quotation-detail .quotation-info-table tr:last-child{border-bottom:0!important}.quotation-detail .quotation-info-table th{background:#0000!important;border:0!important;color:var(--q-ink3)!important;font-size:11.5px!important;font-weight:700!important;padding:0!important;text-align:left!important;white-space:nowrap!important}.quotation-detail .quotation-info-table td{background:#0000!important;border:0!important;color:var(--q-ink)!important;font-size:12.5px!important;font-weight:600!important;min-width:0!important;padding:0!important;word-break:break-word!important}.quotation-detail .detail-section>h3+div{padding:12px 15px!important}.quotation-detail textarea{background:var(--q-surf2)!important;border:1px solid var(--q-line)!important;border-radius:12px!important;color:var(--q-ink)!important}}.qd-mobile{--d-surf:#fff;--d-surf2:#f4f7fc;--d-line:#e7ecf3;--d-ink:#1b2533;--d-ink2:#5e6b7e;--d-ink3:#9aa6b6;--d-blue:#3b82f6;--d-green:#16a34a;--d-gold:#f5b820;padding:4px 0 18px}body.dark .qd-mobile{--d-surf:#131d2f;--d-surf2:#16223a;--d-line:#94a3b829;--d-ink:#e7edf6;--d-ink2:#9aa7bd;--d-ink3:#6b7890;--d-blue:#3b82f6;--d-green:#22c55e}.qd-card{background:var(--d-surf);border:1px solid var(--d-line);border-radius:14px;margin-bottom:12px;overflow:hidden}.qd-sec{align-items:center;border-bottom:1px solid var(--d-line);color:var(--d-ink);display:flex;font-size:13px;font-weight:800;gap:8px;padding:13px 15px}.qd-bar{background:var(--d-blue);border-radius:2px;flex:none;height:14px;width:3px}.qd-summary{padding:15px}.qd-topline{align-items:center;display:flex;gap:8px;margin-bottom:9px}.qd-badge{background:#3b82f626;border:1px solid #3b82f64d;border-radius:8px;color:#2563eb;font-size:10.5px;font-weight:800;padding:4px 9px;white-space:nowrap}body.dark .qd-badge{color:#93c5fd}.qd-badge.status-requested{background:#f59e0b26;border-color:#f59e0b4d;color:#b4790b}body.dark .qd-badge.status-requested{color:#fbbf24}.qd-badge.status-completed{background:#22c55e26;border-color:#22c55e4d;color:#16a34a}body.dark .qd-badge.status-completed{color:#4ade80}.qd-badge.status-hold{background:#64748b2e;border-color:#64748b4d;color:#64748b}body.dark .qd-badge.status-hold{color:#94a3b8}.qd-firm{background:#94a3b824;border-radius:8px;color:var(--d-ink2);font-size:10px;font-weight:800;padding:3px 9px}.qd-qtitle{color:var(--d-ink);font-size:15px;font-weight:800;line-height:1.4;margin-bottom:10px;word-break:break-word}.qd-kv{color:var(--d-ink2);display:flex;flex-wrap:wrap;font-size:11.5px;gap:5px 8px}.qd-kv b{color:var(--d-ink);font-weight:700}.qd-dot{color:var(--d-ink3)}.qd-dlrow{display:flex;gap:8px;margin-top:13px}.qd-dlbtn{background:var(--d-surf2);border:1px solid var(--d-line);border-radius:10px;color:var(--d-ink2);cursor:pointer;flex:1 1;font-size:12px;font-weight:700;padding:9px;text-align:center}.qd-actions{display:flex;flex-wrap:wrap;gap:8px}.qd-chip{align-items:center;background:var(--d-surf);border:1px solid var(--d-line);border-radius:11px;color:var(--d-ink2);cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:12px;font-weight:700;gap:6px;padding:10px 14px;text-decoration:none}.qd-chip.primary{background:linear-gradient(135deg,#7c5cfc,#6d28d9);border:0;box-shadow:0 4px 12px #6d28d959;color:#fff}.qd-chip.danger{border-color:#ef44444d;color:#dc2626}body.dark .qd-chip.danger{color:#fca5a5}.qd-info{padding:4px 15px 12px}.qd-row{border-bottom:1px solid var(--d-line);display:flex;gap:12px;padding:9px 0}.qd-row:last-child{border-bottom:0}.qd-k{color:var(--d-ink3);flex:0 0 92px;font-size:11.5px;font-weight:700}.qd-v{color:var(--d-ink);flex:1 1;font-size:12.5px;font-weight:600;min-width:0;word-break:break-word}.qd-refs{display:flex;flex-wrap:wrap;gap:5px}.qd-refs span{background:#3b82f61f;border-radius:7px;color:#2563eb;font-size:11px;font-weight:700;padding:2px 8px}body.dark .qd-refs span{color:#93c5fd}.qd-stats{display:flex;gap:8px;padding:14px}.qd-stat{background:var(--d-surf2);border:1px solid var(--d-line);border-radius:11px;flex:1 1;min-width:0;padding:11px 8px;text-align:center}.qd-sl{color:var(--d-ink3);font-size:10px;font-weight:700;margin-bottom:5px}.qd-sn{color:var(--d-ink);font-size:13px;font-weight:800;word-break:break-all}.qd-sn.accent{color:var(--d-green)}.qd-item{border-top:1px solid var(--d-line);padding:14px 15px}.qd-item:first-of-type{border-top:0}.qd-ititle{color:var(--d-ink);font-size:13px;font-weight:800;margin-bottom:6px}.qd-isz{color:var(--d-ink2);font-size:11.5px;font-weight:600}.qd-grpttl{color:var(--d-blue);font-size:11.5px;font-weight:800;margin:14px 0 7px}.qd-grpttl.purchase{color:#d97706}body.dark .qd-grpttl.purchase{color:#fbbf24}.qd-fgrid{grid-gap:9px 12px;align-items:baseline;display:grid;gap:9px 12px;grid-template-columns:auto 1fr auto 1fr}.qd-fk{color:var(--d-ink3);font-size:10.5px;white-space:nowrap}.qd-fk,.qd-fv{font-weight:700}.qd-fv{color:var(--d-ink);font-size:12px;min-width:0;word-break:break-word}.qd-note{background:#f5b82014;border:1px solid #f5b82040;border-radius:10px;display:flex;gap:9px;margin-top:12px;padding:10px 12px}.qd-ntag{background:var(--d-gold);border-radius:6px;color:#0b1220;flex:0 0 auto;font-size:10px;font-weight:800;height:-webkit-fit-content;height:fit-content;padding:2px 8px}.qd-ntxt{color:#9a7b1f;font-size:11.5px;line-height:1.5}body.dark .qd-ntxt{color:#e7d6a8}.qd-cmt-empty{border:1px dashed var(--d-line);border-radius:12px;color:var(--d-ink3);font-size:12px;margin:6px 15px 14px;padding:22px;text-align:center}.qd-cmt-list{padding:8px 15px 0}.qd-cmt{border-bottom:1px solid var(--d-line);padding:10px 0}.qd-cmt-head{color:var(--d-ink3);display:flex;font-size:11px;gap:8px;justify-content:space-between;margin-bottom:4px}.qd-cmt-head b{color:var(--d-ink);font-weight:700}.qd-cmt-body{color:var(--d-ink);font-size:12.5px;line-height:1.5;white-space:pre-wrap}.qd-composer{padding:10px 15px 14px}.qd-ta{background:var(--d-surf2);border:1px solid var(--d-line);border-radius:12px;box-sizing:border-box;color:var(--d-ink);font-family:inherit;font-size:12.5px;line-height:1.6;min-height:74px;padding:12px 13px;resize:none;width:100%}.qd-ta::placeholder{color:var(--d-ink3)}.qd-submit{background:linear-gradient(135deg,#3b82f6,#2563eb);border:0;border-radius:11px;color:#fff;cursor:pointer;font-size:13px;font-weight:800;margin-top:10px;padding:12px;width:100%}.qd-overlay{background:#03060c8c;display:flex;inset:0;position:fixed;z-index:1300}.qd-window{animation:qdRise .24s ease;background:#eef2f8;display:flex;flex-direction:column;height:100%;width:100%}body.dark .qd-window{background:#0b1220}@keyframes qdRise{0%{opacity:.6;transform:translateY(2%)}to{opacity:1;transform:translateY(0)}}.qd-head{align-items:center;background:linear-gradient(180deg,#0f1a2e,#0f1729);border-bottom:1px solid #94a3b829;display:flex;flex:0 0 auto;gap:10px;padding:13px 14px}.qd-headbtn{background:#94a3b824;border:1px solid #94a3b82e;border-radius:9px;color:#cdd7e6;cursor:pointer;display:grid;flex:none;font-size:16px;height:32px;place-items:center;width:32px}.qd-htitle{color:#e7edf6;flex:1 1;font-size:15px;font-weight:800}.qd-window .qd-mobile{flex:1 1;overflow-y:auto;padding:14px 14px 28px}.qd-actions{gap:6px;margin-bottom:12px}.qd-chip{border-radius:9px!important;font-size:11.5px!important;gap:5px;padding:7px 11px!important}.qd-chip.primary{padding:8px 13px!important}.qd-dlrow{gap:7px;margin-top:11px}.qd-dlbtn{border-radius:9px!important;font-size:11.5px!important;padding:8px!important}.qd-actions .qd-chip{font-size:11.5px!important;justify-content:center!important;width:auto!important}.qd-actions .qd-chip,.qd-actions .qd-chip.primary{height:32px!important;padding:0 8px!important}.qd-dlrow .qd-dlbtn{align-items:center;display:flex;height:32px!important;justify-content:center;padding:0!important}.qd-actions{grid-gap:6px!important;align-items:stretch!important;display:grid!important;gap:6px!important;grid-template-columns:1fr 1fr!important}.qd-actions>.qd-chip{align-items:center!important;box-sizing:border-box!important;display:flex!important;font-size:11.5px!important;height:34px!important;justify-content:center!important;line-height:1!important;margin:0!important;max-height:34px!important;min-height:34px!important;padding:0 8px!important}.qd-fgrid .qd-fk.full,.qd-fgrid .qd-fv.full{grid-column:1/-1}.qd-fgrid .qd-fv.full{margin-top:-4px}.quotation-logs-page{background-color:#f5f5f5;margin:0 auto;max-width:1600px;min-height:100vh;padding:20px}.logs-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.logs-header h1{color:#333;font-size:28px;margin:0}.filters-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.filter-row{align-items:flex-end;gap:15px}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{color:#555;font-size:13px;font-weight:600}.filter-date,.filter-input,.filter-select{border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:150px;padding:8px 12px}.filter-date:focus,.filter-input:focus,.filter-select:focus{border-color:#007bff;outline:none}.btn-reset-filter{background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s}.btn-reset-filter:hover{background-color:#5a6268}.logs-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow-x:auto;padding:20px}.logs-table{border-collapse:collapse;min-width:1000px;width:100%}.logs-table thead{background-color:#f8f9fa}.logs-table th{border-bottom:2px solid #dee2e6;color:#333;font-weight:600;padding:12px;text-align:left;white-space:nowrap}.logs-table td{border-bottom:1px solid #dee2e6;color:#555;font-size:14px;padding:12px}.logs-table tbody tr:hover{background-color:#f8f9fa}.log-time{color:#666;font-size:13px;white-space:nowrap}.action-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;white-space:nowrap}.badge-create{background-color:#d4edda;color:#155724}.badge-view{background-color:#d1ecf1;color:#0c5460}.badge-update{background-color:#fff3cd;color:#856404}.badge-delete{background-color:#f8d7da;color:#721c24}.badge-download{background-color:#e2e3e5;color:#383d41}.badge-default{background-color:#e9ecef;color:#495057}.log-title{color:#007bff;font-weight:500}.log-ip{color:#666;font-family:monospace;font-size:13px}.log-details{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loading{color:#666;font-size:18px;padding:50px}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;padding:20px;text-align:center}.empty-state{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:60px;text-align:center}.empty-state p{color:#666;font-size:18px;margin:0}.logs-summary{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-top:15px;padding:15px 20px;text-align:right}.logs-summary p{color:#666;font-size:14px;font-weight:500;margin:0}.logs-tabs{display:flex;gap:10px;margin-bottom:20px}.tab-btn{background-color:#e9ecef;border-radius:8px;color:#495057;font-size:14px;padding:12px 24px;transition:all .3s}.tab-btn:hover{background-color:#dee2e6}.tab-btn.active{background-color:#007bff;color:#fff}.btn-detail{background-color:#17a2b8;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;padding:4px 12px;transition:background-color .3s}.btn-detail:hover{background-color:#138496}.log-number{font-family:monospace;text-align:right}.modal-overlay{background-color:#00000080}.modal-content{border-radius:12px;box-shadow:0 10px 30px #0000004d;max-width:600px;overflow-y:auto}.history-modal{max-width:700px}.modal-header{border-bottom:1px solid #dee2e6;padding:20px}.modal-header h2{color:#333;font-size:20px}.modal-close{color:#666;line-height:1}.modal-close:hover{color:#333}.modal-body{padding:20px}.modal-footer{border-top:1px solid #dee2e6;padding:15px 20px}.btn-close{background-color:#6c757d;border-radius:4px;color:#fff;font-size:14px;padding:8px 20px}.btn-close:hover{background-color:#5a6268}.history-info{background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.info-row{margin-bottom:8px}.info-row:last-child{margin-bottom:0}.info-label{color:#555;font-weight:600;width:80px}.info-value{color:#333}.modal-body h3{border-bottom:2px solid #007bff;color:#333;font-size:16px;margin:20px 0 15px;padding-bottom:8px}.item-data-table{border-collapse:collapse;width:100%}.item-data-table th{background-color:#f8f9fa;border:1px solid #dee2e6;color:#555;font-size:13px;font-weight:600;padding:10px;text-align:left;width:120px}.item-data-table td{border:1px solid #dee2e6;color:#333;font-size:14px;padding:10px}.pagination{background:#fff;border-radius:0 0 8px 8px;border-top:1px solid #dee2e6;gap:10px}.pagination-btn{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:4px;color:#495057;font-size:14px;font-weight:600;padding:8px 14px}.pagination-btn:hover:not(:disabled){background-color:#007bff;border-color:#007bff;color:#fff}.pagination-btn:disabled{opacity:.5}.pagination-info{color:#666;font-size:14px;padding:0 15px}@media (max-width:768px){.quotation-logs-page{padding:10px}.logs-header{align-items:flex-start;flex-direction:column;gap:15px}.filter-row{align-items:stretch;flex-direction:column}.btn-reset-filter,.filter-date,.filter-group,.filter-input,.filter-select{width:100%}.logs-table-container{padding:10px}.logs-table td,.logs-table th{font-size:13px;padding:8px}}body.dark .quotation-logs-page{background:#0000!important;color:#e7edf5}body.dark .quotation-logs-page .logs-header{background:#0000!important}body.dark .quotation-logs-page .logs-header h1,body.dark .quotation-logs-page .logs-header h2{color:#eaf0f8!important}body.dark .quotation-logs-page .logs-summary{color:#9daac0!important}body.dark .quotation-logs-page .tab-btn{background:#1b2839!important;border-color:#26344a!important;color:#9daac0!important}body.dark .quotation-logs-page .tab-btn.active{background:#1c2e50!important;border-color:#2b6ae8!important;color:#eaf0f8!important}body.dark .quotation-logs-page .filters-section{background:#141d2b!important;border-color:#26344a!important}body.dark .quotation-logs-page input,body.dark .quotation-logs-page select,body.dark .quotation-logs-page textarea{background:#0f1a2a!important;border-color:#2c3b52!important;color:#e7edf5!important}body.dark .quotation-logs-page input::placeholder{color:#6f8098!important}body.dark .quotation-logs-page input[type=date]{color-scheme:dark}body.dark .quotation-logs-page label{color:#c4d0e0!important}body.dark .quotation-logs-page .logs-table-container{background:#141d2b!important;border-color:#26344a!important}body.dark .quotation-logs-page .logs-table{background:#141d2b!important;color:#d7e0ec!important}body.dark .quotation-logs-page .logs-table th,body.dark .quotation-logs-page .logs-table thead th{background:#1b2839!important;border-color:#26344a!important;color:#c4d0e0!important}body.dark .quotation-logs-page .logs-table td{background:#0000!important;border-color:#22304a!important;color:#d7e0ec!important}body.dark .quotation-logs-page .logs-table tbody tr{background:#0000!important}body.dark .quotation-logs-page .logs-table tbody tr:hover{background:#1b2a40!important}body.dark .quotation-logs-page .pagination,body.dark .quotation-logs-page .pagination button{background:#1b2839!important;border-color:#2c3b52!important;color:#c4d0e0!important}body.dark .quotation-logs-page .empty-state{background:#0000!important;color:#9daac0!important}body.dark .modal-content,body.dark .quotation-logs-page .modal-content{background:#141d2b!important;border-color:#26344a!important;color:#e7edf5!important}body.dark .quotation-logs-page .badge-default{background:#22304a!important;color:#c4d0e0!important}body.dark .quotation-logs-page [style*="rgb(243, 244, 246)"], body.dark .quotation-logs-page [style*="rgb(245, 245, 245)"], body.dark .quotation-logs-page [style*="rgb(248, 250, 252)"], body.dark .quotation-logs-page [style*="rgb(249, 250, 251)"], body.dark .quotation-logs-page [style*="rgb(255, 255, 255)"]{background-color:#18233a!important}body.dark .quotation-logs-page [style*="rgb(227, 242, 253)"], body.dark .quotation-logs-page [style*="rgb(239, 246, 255)"]{background-color:#14243e!important;color:#bbd0ff!important}body.dark .quotation-logs-page [style*="rgb(209, 213, 219)"], body.dark .quotation-logs-page [style*="rgb(229, 231, 235)"]{border-color:#2a3b55!important}body.dark .quotation-logs-page [style*="rgb(31, 41, 55)"], body.dark .quotation-logs-page [style*="rgb(51, 51, 51)"], body.dark .quotation-logs-page [style*="rgb(55, 65, 81)"]{color:#e7edf5!important}body.dark .quotation-logs-page [style*="rgb(102, 102, 102)"], body.dark .quotation-logs-page [style*="rgb(107, 114, 128)"]{color:#9daac0!important}body.dark .badge-create,body.dark .quotation-logs-page .badge-create{background-color:#10261c!important;color:#6ee7a8!important}body.dark .badge-view,body.dark .quotation-logs-page .badge-view{background-color:#0e2a33!important;color:#6fd6e8!important}body.dark .badge-update,body.dark .quotation-logs-page .badge-update{background-color:#2a2410!important;color:#f0c674!important}body.dark .badge-delete,body.dark .quotation-logs-page .badge-delete{background-color:#2a1717!important;color:#f08a8a!important}body.dark .badge-download,body.dark .quotation-logs-page .badge-download{background-color:#22304a!important;color:#c4d0e0!important}.notices-page{background:#f8fafc;min-height:100vh;padding:20px}.notices-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;height:60vh;justify-content:center}.loading-spinner{border:4px solid #e5e7eb;border-top-color:#1e3c72}.notices-header{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.notices-header-left{align-items:center;display:flex;gap:16px}.notices-header-left h1{color:#1e3c72;font-size:1.5rem;font-weight:600;margin:0}.notice-count{background:#1e3c72;border-radius:12px;color:#fff;font-size:.875rem;font-weight:500;padding:4px 12px}.notices-header-right{align-items:center;display:flex;gap:16px}.search-box{align-items:center;display:flex;position:relative}.search-input{border:2px solid #e2e8f0;padding:10px 40px 10px 16px;transition:all .2s;width:250px}.search-input:focus{box-shadow:0 0 0 3px #1e3c721a}.search-icon{color:#6b7280;font-size:16px;position:absolute;right:12px}.create-btn{background:linear-gradient(135deg,#1e3c72,#2a5298);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:10px 20px;transition:all .2s}.create-btn:hover{box-shadow:0 4px 12px #1e3c724d;transform:translateY(-1px)}.notices-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.notices-table{border-collapse:collapse;width:100%}.notices-table thead th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#374151;font-size:.875rem;font-weight:600;padding:16px;text-align:left}.notices-table tbody td{border-bottom:1px solid #f1f5f9;font-size:.875rem;padding:16px;vertical-align:middle;white-space:nowrap;word-break:keep-all}.notices-table tbody tr{transition:background-color .2s}.notices-table tbody tr:hover{background:#f8fafc}.notices-table tbody tr.pinned{background:linear-gradient(135deg,#fff7ed,#fef3c7);border-left:4px solid #f59e0b}.notices-table tbody tr.pinned:hover{background:linear-gradient(135deg,#fef3c7,#fde68a)}.title-cell{max-width:0;width:100%}.notice-title{align-items:center;color:#1f2937;cursor:pointer;display:flex;font-weight:500;gap:8px;overflow:hidden;text-overflow:ellipsis;transition:color .2s;white-space:nowrap}.notice-title:hover{color:#1e3c72;text-decoration:underline}.pin-icon{color:#f59e0b;font-size:16px}.pin-badge{background:#f59e0b;border-radius:12px;color:#fff;font-size:.75rem;font-weight:500;padding:2px 8px}.delete-btn{background:none;padding:6px;transition:background-color .2s}.delete-btn:hover{background:#fee2e2}.no-notices{color:#6b7280}.empty-icon{display:block;font-size:3rem;margin-bottom:16px}.no-notices p{font-size:1rem;margin:0}.modal-overlay{padding:20px}.modal{border-radius:12px;box-shadow:0 20px 40px #0003;max-height:95vh;max-width:95vw;overflow:hidden;width:95vw}.detail-modal{max-width:700px}.modal-header{border-bottom:1px solid #e2e8f0}.notice-detail-header{align-items:center;display:flex;flex:1 1;gap:12px}.modal-header h2{color:#1e3c72;font-size:1.25rem;font-weight:600}.close-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:1.5rem;padding:4px;transition:all .2s}.close-btn:hover{background:#f3f4f6;color:#374151}.notice-form{max-height:70vh;overflow-y:auto;padding:24px}.form-group label{color:#374151;font-size:.875rem}.form-input,.form-textarea{border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;font-size:.875rem;padding:12px;transition:all .2s;width:100%}.form-input:focus,.form-textarea:focus{border-color:#1e3c72;box-shadow:0 0 0 3px #1e3c721a;outline:none}.form-textarea{font-family:inherit;line-height:1.5;resize:vertical}.checkbox-group{align-items:center;display:flex}.checkbox-label input[type=checkbox]{accent-color:#1e3c72;height:18px;width:18px}.checkbox-text{color:#4b5563;font-size:.875rem}.form-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.cancel-btn{background:#f3f4f6;color:#374151;font-size:.875rem;padding:10px 20px;transition:all .2s}.cancel-btn:hover{background:#e5e7eb}.submit-btn{background:linear-gradient(135deg,#1e3c72,#2a5298);font-size:.875rem;padding:10px 20px;transition:all .2s}.submit-btn:hover{box-shadow:0 4px 12px #1e3c724d;transform:translateY(-1px)}.notice-detail-meta{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#6b7280;display:flex;font-size:.875rem;gap:24px;padding:16px 24px}.notice-detail-content{max-height:60vh;overflow-y:auto;padding:24px}.content-text{line-height:1.6}.content-text p{margin:0 0 12px}.content-text p:last-child{margin-bottom:0}@media (max-width:768px){.notices-page{padding:10px}.notices-header{align-items:stretch;flex-direction:column;gap:16px;padding:16px}.notices-header-left{align-items:flex-start;flex-direction:column;gap:8px}.notices-header-left h1{font-size:1.25rem}.notices-header-right{flex-direction:column;gap:12px}.search-input{width:100%}.create-btn{padding:12px 20px;width:100%}.notices-table-container{overflow-x:auto}.notices-table{min-width:600px}.modal{margin:10px;max-height:calc(100vh - 20px)}.modal-header h2{font-size:1.1rem}.notice-form{padding:16px}}@media (max-width:480px){.notices-page{padding:8px}.notices-header{padding:12px}.notices-header-left h1{font-size:1.1rem}.notice-count{font-size:.75rem;padding:3px 8px}.create-btn{font-size:.8rem;padding:10px 16px}.search-input{font-size:.8rem;padding:8px 36px 8px 12px}.notices-table{font-size:.75rem}.notices-table tbody td,.notices-table thead th{font-size:.75rem;padding:12px 8px}.modal{margin:8px;max-height:calc(100vh - 16px)}.modal-header{padding:14px 16px}.modal-header h2{font-size:1rem}.notice-form{padding:12px}.form-group label{font-size:.8rem}.form-input,.form-textarea{font-size:.8rem;padding:10px}.editor-toolbar{gap:6px;padding:6px 8px}.editor-btn{font-size:.75rem;padding:5px 8px}.rich-editor{font-size:.8rem;min-height:300px}.notice-detail-meta{flex-direction:column;font-size:.75rem;gap:8px;padding:12px 16px}.notice-detail-content{padding:16px}.content-text{font-size:.85rem}}.editor-toolbar{background:#f8fafc;border:2px solid #e2e8f0;border-bottom:none;border-radius:8px 8px 0 0;gap:8px;margin-bottom:0;padding:8px 12px}.editor-btn,.editor-toolbar{align-items:center;display:flex}.editor-btn{background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;font-size:.875rem;gap:4px;padding:6px 12px;transition:all .2s}.editor-btn:hover{background:#f3f4f6;border-color:#9ca3af}.editor-btn.file-upload-btn,.editor-btn.image-upload-btn{background:#1e3c72;border-color:#1e3c72;color:#fff}.editor-btn.file-upload-btn:hover,.editor-btn.image-upload-btn:hover{background:#2a5298;border-color:#2a5298}.editor-divider{background:#d1d5db;height:20px;margin:0 8px;width:1px}.rich-editor{border-radius:0 0 8px 8px!important;border-top:none!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;resize:vertical}.wysiwyg-editor{max-height:70vh;min-height:500px;overflow-y:auto;position:relative}.wysiwyg-editor:empty:before{color:#9ca3af;content:"공지사항 내용을 입력하세요...";pointer-events:none;position:absolute}.wysiwyg-editor:focus:empty:before{content:""}.wysiwyg-editor div{margin:8px 0}.wysiwyg-editor div:first-child{margin-top:0}.wysiwyg-editor div:last-child{margin-bottom:0}.image-wrapper{display:block;margin:20px 0;position:relative;text-align:center}.image-wrapper img{border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;height:auto;max-width:100%;transition:all .2s}.image-wrapper img:hover{box-shadow:0 4px 12px #00000026}.image-wrapper.selected img{outline:2px solid #1e3c72;outline-offset:2px}.resize-controls{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;font-size:13px;gap:10px;left:50%;padding:8px 12px;position:absolute;top:-50px;transform:translateX(-50%);white-space:nowrap;z-index:20}.resize-controls button{background:#f8f9fa;border:1px solid #d1d5db;border-radius:5px;cursor:pointer;font-size:12px;padding:4px 8px;transition:all .2s}.resize-controls button:hover{background:#e9ecef;border-color:#adb5bd}.size-display{color:#1e3c72;font-weight:600;min-width:50px;padding:0 5px;text-align:center}.drag-handle{background:#1e3c72;border-radius:5px;color:#fff;cursor:grab;font-size:12px;padding:4px 8px;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.drag-handle:hover{background:#2a5298}.wysiwyg-editor strong{color:#1f2937;font-weight:700}.wysiwyg-editor em{color:#374151;font-style:italic}.wysiwyg-editor u{text-decoration:underline;-webkit-text-decoration-color:#1e3c72;text-decoration-color:#1e3c72}.wysiwyg-editor p{line-height:1.6;margin:8px 0}.wysiwyg-editor p:first-child{margin-top:0}.wysiwyg-editor p:last-child{margin-bottom:0}.uploaded-images{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:16px;padding:16px}.uploaded-images h4{color:#374151;font-size:.875rem;font-weight:600;margin:0 0 12px}.image-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.image-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.image-item img{border-radius:6px;height:120px;margin-bottom:8px;object-fit:cover;width:100%}.image-controls{display:flex;flex-direction:column;gap:8px}.size-slider{accent-color:#1e3c72;width:100%}.image-controls span{color:#6b7280;font-size:.75rem;text-align:center}.insert-btn{background:#10b981;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;padding:6px 12px;transition:background-color .2s}.insert-btn:hover{background:#059669}.remove-btn{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;padding:4px 8px;transition:background-color .2s}.remove-btn:hover{background:#dc2626}.attached-files{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:16px;padding:16px}.attached-files h4{color:#374151;font-size:.875rem;font-weight:600;margin:0 0 12px}.file-list{display:flex;flex-direction:column;gap:8px}.file-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:8px;padding:8px 12px}.file-icon{color:#6b7280;font-size:16px}.file-name{font-size:.875rem}.file-size{color:#9ca3af;font-size:.75rem}.content-text{color:#374151;line-height:1.7}.content-text.html-content{word-wrap:break-word;overflow-wrap:break-word}.content-text p,.content-text.html-content p{margin:0 0 16px}.content-text strong,.content-text.html-content strong{color:#1f2937;font-weight:700}.content-text em,.content-text.html-content em{font-style:italic}.content-text u,.content-text.html-content u{text-decoration:underline}.content-text img,.content-text.html-content img{border-radius:8px;box-shadow:0 2px 8px #0000001a;display:block;height:auto;margin:16px auto;max-width:100%}.content-text a,.content-text.html-content a{color:#1e3c72;text-decoration:none}.content-text a:hover,.content-text.html-content a:hover{text-decoration:underline}.content-text.html-content br{content:"";display:block;margin:8px 0}.attachment-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:20px;padding:16px}.attachment-section h4{color:#374151;font-size:.875rem;font-weight:600;margin:0 0 12px}.attachment-list{display:flex;flex-direction:column;gap:8px}.attachment-item{background:#fff;border:1px solid #e2e8f0;color:#374151;gap:8px;padding:8px 12px;text-decoration:none;transition:all .2s}.attachment-item:hover{background:#f3f4f6;color:#1e3c72;text-decoration:none}.download-icon{margin-left:auto;opacity:.7;transition:opacity .2s}.attachment-item:hover .download-icon{opacity:1}.meal-duty-btn{background:linear-gradient(135deg,#f59e0b,#ea580c);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:10px 20px;transition:all .2s}.meal-duty-btn:hover{box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}.meal-duty-modal{max-width:800px}.meal-duty-month-selector{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:20px;justify-content:center;padding:20px}.month-nav-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:1rem;padding:8px 16px;transition:all .2s}.month-nav-btn:hover{background:#f3f4f6;border-color:#9ca3af}.current-month{color:#1e3c72;font-size:1.125rem;font-weight:600;min-width:150px;text-align:center}.meal-duty-table-container{max-height:60vh;overflow-y:auto;padding:24px}.meal-duty-table{border-collapse:collapse;width:100%}.meal-duty-table thead th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#374151;font-size:.875rem;font-weight:600;padding:12px;position:-webkit-sticky;position:sticky;text-align:left;top:0;z-index:1}.meal-duty-table tbody td{border-bottom:1px solid #f1f5f9;font-size:.875rem;padding:12px;vertical-align:middle}.meal-duty-table tbody tr:hover{background:#f8fafc}.duty-select{background:#fff;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:.875rem;max-width:200px;padding:8px 12px;transition:all .2s;width:100%}.duty-select:focus{border-color:#1e3c72;box-shadow:0 0 0 3px #1e3c721a;outline:none}.duty-status{align-items:center;display:inline-flex;gap:6px}.duty-status .assigned{color:#10b981;font-weight:500}.duty-status .unassigned{color:#6b7280}.modal-footer{border-top:1px solid #e2e8f0}.close-modal-btn{background:#f3f4f6;border:none;border-radius:8px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:600;padding:10px 20px;transition:all .2s}.close-modal-btn:hover{background:#e5e7eb}.member-badge{background:#e0e7ff;border-radius:12px;color:#3730a3;display:inline-block;font-size:.75rem;font-weight:500;padding:4px 12px}.meal-duty-tabs{background:#f8fafc;border-bottom:2px solid #e2e8f0;display:flex}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;padding:16px;transition:all .2s}.tab-btn:hover{background:#f3f4f6;color:#374151}.tab-btn.active{background:#fff;border-bottom-color:#1e3c72;color:#1e3c72}.team-management-container{max-height:60vh;overflow-y:auto;padding:24px}.team-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.team-header h3{color:#374151;font-size:1.125rem;font-weight:600;margin:0}.create-team-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:10px 20px;transition:all .2s}.create-team-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.teams-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.team-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s}.team-card:hover{border-color:#1e3c72;box-shadow:0 4px 12px #1e3c721a}.team-card.empty{background:#f8fafc;border-style:dashed}.team-card-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.team-card-header h4{color:#1e3c72;font-size:1rem;font-weight:600;margin:0}.team-status{border-radius:12px;font-size:.75rem;font-weight:500;padding:4px 8px}.team-status.empty{background:#fee2e2;color:#991b1b}.edit-team-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.75rem;font-weight:600;padding:6px 12px;transition:all .2s}.edit-team-btn:hover{background:#e5e7eb}.create-team-card-btn{background:#fff;border:2px dashed #d1d5db;border-radius:8px;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;padding:12px;transition:all .2s;width:100%}.create-team-card-btn:hover{background:#f8fafc;border-color:#1e3c72;color:#1e3c72}.team-members{display:flex;flex-direction:column;gap:8px}.member-item{background:#f8fafc;border-radius:6px;gap:8px;padding:8px 12px}.member-item,.member-number{align-items:center;display:flex}.member-number{background:#1e3c72;border-radius:50%;color:#fff;font-size:.75rem;font-weight:600;height:24px;justify-content:center;width:24px}.member-name{color:#374151;flex:1 1;font-size:.875rem;font-weight:500}.no-members{color:#9ca3af;font-size:.875rem;margin:16px 0;text-align:center}.team-edit-form{gap:12px}.form-group-small,.team-edit-form{display:flex;flex-direction:column}.form-group-small{gap:6px}.form-group-small label{color:#6b7280;font-size:.75rem;font-weight:600}.team-member-select{background:#fff;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:.875rem;padding:8px 12px;transition:all .2s}.team-member-select:focus{border-color:#1e3c72;box-shadow:0 0 0 3px #1e3c721a;outline:none}body.dark .notices-page{background:#0e1622!important;color:#e7edf5}body.dark .notices-page h1,body.dark .notices-page h2,body.dark .notices-page h3{color:#eaf0f8!important}body.dark .notices-page label{color:#c4d0e0!important}body.dark .modal,body.dark .notices-page .attached-files,body.dark .notices-page .attachment-section,body.dark .notices-page .editor-toolbar,body.dark .notices-page .meal-duty-month-selector,body.dark .notices-page .notice-detail-meta,body.dark .notices-page .notices-header,body.dark .notices-page .notices-table-container,body.dark .notices-page .resize-controls{background:#141d2b!important;border-color:#26344a!important;color:#d7e0ec!important}body.dark .notices-page .attachment-item,body.dark .notices-page .file-item,body.dark .notices-page .image-item,body.dark .notices-page .member-item,body.dark .notices-page .team-card,body.dark .notices-page .team-card.empty{background:#18253a!important;border-color:#2a3b55!important;color:#dce6f2!important}body.dark .notices-page .meal-duty-table thead th,body.dark .notices-page .notices-table thead th{background:#1b2839!important;border-color:#26344a!important;color:#c4d0e0!important}body.dark .notices-page .meal-duty-table td,body.dark .notices-page .notices-table td{border-color:#22304a!important;color:#d7e0ec!important}body.dark .notices-page .meal-duty-table tbody tr:hover,body.dark .notices-page .notices-table tbody tr:hover{background:#1b2a40!important}body.dark .notices-page .meal-duty-tabs{background:#141d2b!important;border-color:#26344a!important}body.dark .notices-page .tab-btn{background:#1b2839!important;color:#9daac0!important}body.dark .notices-page .tab-btn:hover{background:#22304a!important;color:#c4d0e0!important}body.dark .notices-page .tab-btn.active{background:#1c2e50!important;color:#eaf0f8!important}body.dark .modal input,body.dark .modal select,body.dark .modal textarea,body.dark .notices-page .duty-select,body.dark .notices-page .team-member-select,body.dark .notices-page input,body.dark .notices-page select,body.dark .notices-page textarea{background:#0f1a2a!important;border-color:#2c3b52!important;color:#e7edf5!important}body.dark .notices-page input[type=date]{color-scheme:dark}body.dark .modal .cancel-btn,body.dark .modal .close-modal-btn,body.dark .notices-page .cancel-btn,body.dark .notices-page .close-btn,body.dark .notices-page .close-modal-btn,body.dark .notices-page .create-team-card-btn,body.dark .notices-page .edit-team-btn,body.dark .notices-page .editor-btn,body.dark .notices-page .month-nav-btn,body.dark .notices-page .resize-controls button{background:#22304a!important;border-color:#2c3b52!important;color:#d7e0ec!important}body.dark .notices-page [style*="rgb(243, 244, 246)"], body.dark .notices-page [style*="rgb(248, 250, 252)"], body.dark .notices-page [style*="rgb(249, 250, 251)"], body.dark .notices-page [style*="rgb(255, 255, 255)"]{background-color:#18233a!important}body.dark .notices-page [style*="rgb(209, 213, 219)"], body.dark .notices-page [style*="rgb(229, 231, 235)"]{border-color:#2a3b55!important}body.dark .notices-page [style*="rgb(51, 51, 51)"], body.dark .notices-page [style*="rgb(55, 65, 81)"]{color:#e7edf5!important}body.dark .notices-page [style*="rgb(102, 102, 102)"], body.dark .notices-page [style*="rgb(107, 114, 128)"]{color:#9daac0!important}.product-upload-page{margin:0 auto;max-width:1200px;padding:20px}.page-header{align-items:center;background:#fff;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:30px;padding:10px}.page-header h1{font-weight:700;margin:0}.company-info{align-items:center;display:flex;gap:10px}.company-name{background:linear-gradient(135deg,#1e3c72,#2a5298);border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:8px 16px}.upload-section{margin-bottom:40px}.upload-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:30px}.upload-card h2{color:#1e3c72;font-size:1.5rem;font-weight:600;margin:0 0 10px}.upload-description{color:#6b7280;line-height:1.6;margin-bottom:25px}.file-input-section{align-items:center;display:flex;flex-wrap:wrap;gap:15px;margin-bottom:20px}.file-input{display:none}.file-input-label{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;color:#475569;cursor:pointer;display:inline-block;font-weight:500;padding:12px 20px;transition:all .2s ease}.file-input-label:hover{background:#f1f5f9;border-color:#1e3c72;color:#1e3c72}.selected-file{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;color:#059669;font-weight:500;padding:8px 12px}.upload-btn{background:linear-gradient(135deg,#1e3c72,#2a5298);border:none;border-radius:8px;box-shadow:0 4px 12px #1e3c724d;color:#fff;cursor:pointer;font-weight:600;margin-bottom:25px;padding:12px 24px;transition:all .3s ease}.upload-btn:hover:not(:disabled){box-shadow:0 6px 20px #1e3c7266;transform:translateY(-2px)}.upload-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.upload-btn.uploading{background:#6b7280}.required-columns{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.required-columns h3{color:#374151;font-size:1.1rem;margin:0 0 15px}.columns-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.column-item{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:.875rem;padding:8px 12px;text-align:center}.upload-result{border:1px solid;border-radius:8px;margin-top:20px;padding:20px}.upload-result.success{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.upload-result.error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.error-content h3,.success-content h3{font-size:1.2rem;margin:0 0 15px}.result-stats{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:15px}.stat-item{align-items:center;display:flex;gap:8px}.stat-label{font-weight:500}.stat-value{border-radius:4px;font-weight:700;padding:4px 8px}.stat-value.success{background:#d1fae5;color:#065f46}.stat-value.error{background:#fecaca;color:#991b1b}.error-details{margin-top:15px}.error-details h4{color:#7f1d1d;margin:0 0 10px}.error-details ul{margin:0;padding-left:20px}.error-details li{font-size:.875rem;margin-bottom:5px}.products-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:30px}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.section-header h2{color:#1e3c72;font-size:1.5rem;font-weight:600;margin:0}.search-form{display:flex;gap:8px}.search-input{border-radius:6px;font-size:.875rem;min-width:250px;padding:8px 12px}.search-input:focus{border-color:#1e3c72;box-shadow:0 0 0 2px #1e3c721a}.search-btn{background:#1e3c72;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 12px;transition:background .2s}.search-btn:hover{background:#2a5298}.loading{font-style:italic;padding:40px}.products-table-container{margin-bottom:20px;overflow-x:auto}.products-table{background:#fff;border-collapse:collapse;width:100%}.products-table td,.products-table th{border-bottom:1px solid #e2e8f0;padding:12px;text-align:left}.products-table th{background:#f8fafc;color:#374151;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:1}.products-table tr:hover{background:#f8fafc}.product-code{color:#1e3c72;font-family:monospace;font-weight:600}.product-name{font-weight:500;min-width:200px}.price{font-family:monospace;font-weight:500;text-align:right}.date{color:#6b7280;font-size:.875rem}.no-products{color:#6b7280;font-style:italic;padding:40px;text-align:center}.pagination{gap:8px;margin-top:20px}.page-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;padding:8px 12px;transition:all .2s}.page-btn:hover:not(:disabled){background:#f3f4f6;border-color:#1e3c72}.page-btn:disabled{cursor:not-allowed;opacity:.5}.page-btn.active{background:#1e3c72;border-color:#1e3c72;color:#fff}.page-numbers{display:flex;gap:4px}@media (max-width:768px){.product-upload-page{padding:15px}.page-header{align-items:flex-start;flex-direction:column;gap:15px}.upload-card{padding:20px}.file-input-section{align-items:flex-start;flex-direction:column}.file-input-label{text-align:center;width:100%}.columns-grid{grid-template-columns:repeat(2,1fr)}.result-stats{flex-direction:column;gap:10px}.section-header{align-items:flex-start;flex-direction:column}.search-form{width:100%}.search-input{flex:1 1;min-width:0}.products-table{font-size:.875rem}.products-table td,.products-table th{padding:8px}.pagination{gap:4px}.page-numbers,.pagination{flex-wrap:wrap}}body.dark .product-upload-page{background:#0e1622!important;color:#e7edf5}body.dark .product-upload-page h1,body.dark .product-upload-page h2,body.dark .product-upload-page h3{color:#eaf0f8!important}body.dark .product-upload-page label{color:#c4d0e0!important}body.dark .product-upload-page .column-item,body.dark .product-upload-page .products-section,body.dark .product-upload-page .required-columns,body.dark .product-upload-page .upload-card{background:#141d2b!important;border-color:#26344a!important;box-shadow:0 1px 2px #0006!important;color:#d7e0ec!important}body.dark .product-upload-page .column-item{background:#18253a!important}body.dark .product-upload-page .products-table{background:#141d2b!important;color:#d7e0ec!important}body.dark .product-upload-page .products-table th{background:#1b2839!important;border-color:#26344a!important;color:#c4d0e0!important}body.dark .product-upload-page .products-table td{border-color:#22304a!important;color:#d7e0ec!important}body.dark .product-upload-page .products-table tr:hover{background:#1b2a40!important}body.dark .product-upload-page input,body.dark .product-upload-page select,body.dark .product-upload-page textarea{background:#0f1a2a!important;border-color:#2c3b52!important;color:#e7edf5!important}body.dark .product-upload-page .file-input-label,body.dark .product-upload-page .page-btn{background:#22304a!important;border-color:#2c3b52!important;color:#d7e0ec!important}body.dark .product-upload-page .page-btn:hover:not(:disabled){background:#2a3b57!important}body.dark .product-upload-page [style*="rgb(243, 244, 246)"], body.dark .product-upload-page [style*="rgb(249, 250, 251)"], body.dark .product-upload-page [style*="rgb(255, 255, 255)"]{background-color:#18233a!important}body.dark .product-upload-page [style*="rgb(51, 51, 51)"], body.dark .product-upload-page [style*="rgb(55, 65, 81)"]{color:#e7edf5!important}.partners-page{background-color:#f8f9fa;min-height:100vh;padding:24px}.partners-page-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px}.partners-page-header h1{color:#2c3e50;font-size:28px;font-weight:600;margin:0}.partners-header-actions{display:flex;gap:12px}.partners-search-filters{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;padding:20px}.partners-search-form{width:100%}.partners-search-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.partners-search-input{flex:2 1;min-width:200px}.partners-filter-input,.partners-search-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 12px}.partners-filter-input{flex:1 1;min-width:150px}.partners-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:24px;overflow:hidden}.partners-table{border-collapse:collapse;font-size:14px;width:100%}.partners-table th{background-color:#f8f9fa;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:14px 12px;text-align:left;white-space:nowrap}.partners-table td{border-bottom:1px solid #dee2e6;color:#495057;padding:12px;vertical-align:middle}.partners-table tbody tr:hover{background-color:#f8f9fa}.partners-table td:last-child{white-space:nowrap}.partners-table .btn{margin-right:8px}.partners-loading{color:#6c757d;font-size:16px;padding:60px 20px;text-align:center}.partners-pagination{display:flex;gap:8px;justify-content:center;margin-top:24px}.partners-pagination .partners-btn{align-items:center;display:flex;height:40px;justify-content:center;min-width:40px}.partners-modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.partners-modal{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;width:500px}.partners-modal-large{max-width:95vw;width:800px}.partners-modal-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:20px 24px}.partners-modal-header h3{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.partners-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;width:30px}.partners-modal-close:hover{background-color:#e9ecef;color:#495057}.partners-modal-body{flex:1 1;overflow-y:auto;padding:24px}.partners-modal-footer{background-color:#f8f9fa;border-top:1px solid #dee2e6;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.partners-upload-info{background-color:#f8f9fa;border-radius:4px;margin-bottom:20px;padding:16px}.partners-upload-info h4{color:#2c3e50;font-size:16px;margin:0 0 12px}.partners-upload-info p{color:#495057;font-size:14px;margin:0 0 8px}.partners-upload-info ul{color:#495057;font-size:14px;margin:8px 0 0 20px}.partners-upload-info li{margin-bottom:4px}.partners-file-upload{margin-bottom:20px}.partners-file-input-label{align-items:center;background-color:#f8f9fa;border:2px dashed #ddd;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:all .3s ease;width:100%}.partners-file-input-label:hover{background-color:#e7f3ff;border-color:#007bff}.partners-file-input-text{color:#6c757d;font-size:14px}.partners-file-input-button{background-color:#007bff;border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:6px 12px}.partners-file-input-hidden{display:none}.partners-file-selected{align-items:center;background-color:#e8f5e8;border:1px solid #28a745;border-radius:4px;display:flex;gap:8px;margin-top:12px;padding:10px 12px}.partners-file-icon{font-size:16px}.partners-file-name{color:#155724;flex:1 1;font-size:14px;font-weight:500}.partners-file-remove{align-items:center;background:none;border:none;border-radius:50%;color:#dc3545;cursor:pointer;display:flex;font-size:18px;height:20px;justify-content:center;padding:0;width:20px}.partners-file-remove:hover{background-color:#f8d7da}.partners-upload-progress{align-items:center;display:flex;gap:8px}.partners-spinner{animation:partners-spin 1s linear infinite;border:2px solid #f3f3f3;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes partners-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.partners-upload-result{background-color:#f8f9fa;border-radius:4px;margin-top:16px;padding:16px}.partners-upload-result h4{color:#2c3e50;font-size:16px;margin:0 0 12px}.partners-upload-result p{color:#495057;font-size:14px;margin:0 0 12px}.partners-error-details{margin-top:12px}.partners-error-details h5{color:#dc3545;font-size:14px;margin:0 0 8px}.partners-error-details ul{color:#dc3545;font-size:13px;margin:0 0 0 20px;max-height:150px;overflow-y:auto}.partners-error-details li{margin-bottom:4px}.partners-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.partners-form-group{display:flex;flex-direction:column}.partners-form-group.partners-full-width{grid-column:1/-1}.partners-form-group label{color:#495057;font-size:14px;font-weight:500;margin-bottom:6px}.partners-form-group input,.partners-form-group select,.partners-form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:10px 12px;transition:border-color .3s ease}.partners-form-group input:focus,.partners-form-group select:focus,.partners-form-group textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.partners-form-group textarea{min-height:80px;resize:vertical}.partners-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;min-height:36px;padding:8px 16px;text-decoration:none;transition:all .3s ease}.partners-btn:disabled{cursor:not-allowed;opacity:.6}.partners-btn-primary{background-color:#007bff;color:#fff}.partners-btn-primary:hover:not(:disabled){background-color:#0056b3}.partners-btn-secondary{background-color:#6c757d;color:#fff}.partners-btn-secondary:hover:not(:disabled){background-color:#545b62}.partners-btn-success{background-color:#28a745;color:#fff}.partners-btn-success:hover:not(:disabled){background-color:#1e7e34}.partners-btn-danger{background-color:#dc3545;color:#fff}.partners-btn-danger:hover:not(:disabled){background-color:#c82333}.partners-btn-outline{background-color:initial;border:1px solid #007bff;color:#007bff}.partners-btn-outline:hover:not(:disabled){background-color:#007bff;color:#fff}.partners-btn-sm{font-size:12px;min-height:30px;padding:6px 12px}@media (max-width:768px){.partners-page{padding:16px}.partners-page-header{align-items:stretch;flex-direction:column;gap:16px}.partners-header-actions{justify-content:center}.partners-search-row{flex-direction:column}.partners-filter-input,.partners-search-input{width:100%}.partners-table-container{overflow-x:auto}.partners-table{min-width:800px}.partners-modal{margin:20px;width:95vw}.partners-form-grid{grid-template-columns:1fr}}@media (max-width:480px){.partners-page{padding:12px}.partners-modal-body,.partners-page-header,.partners-search-filters{padding:16px}.partners-modal-footer{padding:12px 16px}}body.dark .partners-page{background-color:#0e1622!important;color:#e7edf5}body.dark .partners-page h1,body.dark .partners-page h2,body.dark .partners-page h3{color:#eaf0f8!important}body.dark .partners-page label{color:#c4d0e0!important}body.dark .partners-modal,body.dark .partners-modal-footer,body.dark .partners-modal-header,body.dark .partners-page-header,body.dark .partners-search-filters,body.dark .partners-table-container,body.dark .partners-upload-info{background:#141d2b!important;border-color:#26344a!important;box-shadow:0 1px 2px #0006!important;color:#d7e0ec!important}body.dark .partners-page .partners-table{background:#141d2b!important;color:#d7e0ec!important}body.dark .partners-page .partners-table th{background:#1b2839!important;border-color:#26344a!important;color:#c4d0e0!important}body.dark .partners-page .partners-table td{border-color:#22304a!important;color:#d7e0ec!important}body.dark .partners-page .partners-table tbody tr:hover{background:#1b2a40!important}body.dark .partners-modal input,body.dark .partners-modal select,body.dark .partners-page input,body.dark .partners-page select,body.dark .partners-page textarea{background:#0f1a2a!important;border-color:#2c3b52!important;color:#e7edf5!important}body.dark .partners-page input[type=date]{color-scheme:dark}body.dark .partners-file-input-label{background:#22304a!important;border-color:#2c3b52!important;color:#d7e0ec!important}body.dark .partners-page [style*="rgb(243, 244, 246)"], body.dark .partners-page [style*="rgb(248, 249, 250)"], body.dark .partners-page [style*="rgb(249, 250, 251)"], body.dark .partners-page [style*="rgb(255, 255, 255)"]{background-color:#18233a!important}body.dark .partners-page [style*="rgb(209, 213, 219)"], body.dark .partners-page [style*="rgb(229, 231, 235)"]{border-color:#2a3b55!important}body.dark .partners-page [style*="rgb(51, 51, 51)"], body.dark .partners-page [style*="rgb(55, 65, 81)"]{color:#e7edf5!important}body.dark .partners-page [style*="rgb(102, 102, 102)"], body.dark .partners-page [style*="rgb(107, 114, 128)"]{color:#9daac0!important}.notification-settings-page{background:#f5f5f5;margin:0 auto;max-width:900px;min-height:100vh;padding:20px}.settings-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;margin-bottom:40px;padding:30px;text-align:center}.settings-header h1{font-size:2rem;margin-bottom:10px}.settings-subtitle{font-size:1.1rem;margin-bottom:20px;opacity:.95}.permission-status{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:10px;display:flex;gap:15px;padding:15px 20px}.permission-label{color:#fff;font-size:1rem;font-weight:500}.permission-badge{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border-radius:20px;font-size:1.1rem;font-weight:600;padding:5px 12px}.permission-request-btn{background:#ff9800;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .3s}.permission-request-btn:hover{background:#f57c00;transform:translateY(-1px)}.settings-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:20px;padding:25px;transition:transform .2s,box-shadow .2s}.settings-section:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.section-header{border-bottom:2px solid #f0f0f0;margin-bottom:20px;padding-bottom:15px}.section-header h2{color:#333;font-size:1.4rem;margin-bottom:5px}.section-description{color:#666;font-size:.95rem}.priority-filters{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.filter-item{border:2px solid #e0e0e0;border-radius:10px;padding:15px;transition:all .3s}.filter-item:hover{transform:translateX(5px)}.filter-item.priority-urgent{background:#fff5f5;border-color:#ffcdd2}.filter-item.priority-urgent:hover{background:#ffebee}.filter-item.priority-high{background:#fff8f5;border-color:#ffe0b2}.filter-item.priority-high:hover{background:#fff3e0}.filter-item.priority-normal{background:#f5f8ff;border-color:#bbdefb}.filter-item.priority-normal:hover{background:#e3f2fd}.filter-item.priority-low{background:#f5fff5;border-color:#c8e6c9}.filter-item.priority-low:hover{background:#e8f5e9}.filter-label{align-items:center;cursor:pointer;display:flex}.filter-label input[type=checkbox]{cursor:pointer;height:20px;margin-right:10px;width:20px}.priority-badge{align-items:center;border-radius:20px;display:inline-flex;font-weight:600;gap:5px;padding:5px 12px}.priority-badge.urgent{background:#ff5252;color:#fff}.priority-badge.high{background:#ff9800;color:#fff}.priority-badge.normal{background:#2196f3;color:#fff}.priority-badge.low{background:#4caf50;color:#fff}.filter-description{color:#666;display:block;font-size:.85rem;margin-left:30px;margin-top:8px}.switch-label{align-items:center;cursor:pointer;display:inline-flex;position:relative;-webkit-user-select:none;user-select:none}.switch-label input{height:0;opacity:0;width:0}.switch{background-color:#ccc;border-radius:34px;display:inline-block;height:26px;margin-right:12px;position:relative;transition:.4s;width:50px}.switch:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:20px;left:3px;position:absolute;transition:.4s;width:20px}input:checked+.switch{background-color:#667eea}input:checked+.switch:before{transform:translateX(24px)}.label-text{color:#333;font-size:1rem}.type-filters .filter-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:20px}.type-filters .filter-item{background:#f8f9fa;border-radius:8px;padding:12px 15px;transition:background .3s}.type-filters .filter-item:hover{background:#e9ecef}.reminder-settings{grid-gap:15px;display:grid;gap:15px;margin-top:20px}.reminder-item{background:#f8f9fa;border-radius:8px;padding:12px 15px;transition:background .3s}.reminder-item:hover{background:#e9ecef}.quiet-hours-settings{margin-top:20px}.quiet-hours-toggle{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.quiet-hours-time{align-items:center;background:#f0f4ff;border:2px dashed #667eea;border-radius:8px;display:flex;gap:20px;padding:20px}.time-input-group{display:flex;flex-direction:column;gap:8px}.time-input-group label{color:#666;font-size:.9rem;font-weight:500}.time-input-group input[type=time]{border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;padding:8px 12px;transition:border-color .3s}.time-input-group input[type=time]:focus{border-color:#667eea;outline:none}.time-separator{color:#999;font-size:1.2rem;margin-top:20px}.channel-settings{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:20px}.channel-item{background:#f8f9fa;border-radius:8px;padding:15px;position:relative;transition:background .3s}.channel-item:hover{background:#e9ecef}.coming-soon{background:#ffd93d;border-radius:12px;color:#333;font-size:.75rem;font-weight:600;padding:2px 8px;position:absolute;right:10px;top:10px}.kakao-channel{background:#fffbf0;border:2px solid #fee500}.kakao-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.connection-status{border-radius:15px;font-size:.85rem;font-weight:600;padding:4px 10px}.connection-status.connected{background:#e8f5e8;color:#2e7d32}.connection-status.disconnected{background:#ffebee;color:#c62828}.kakao-controls{margin-bottom:10px}.kakao-connect-btn{background:#fee500;border:none;border-radius:6px;color:#333;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s;width:100%}.kakao-connect-btn:hover{background:#fdd835;transform:translateY(-1px)}.kakao-actions{display:flex;gap:10px}.kakao-test-btn{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:8px 16px;transition:all .3s}.kakao-test-btn:hover{background:#45a049}.kakao-disconnect-btn{background:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:8px 16px;transition:all .3s}.kakao-disconnect-btn:hover{background:#da190b}.kakao-description{color:#666;font-size:.85rem;line-height:1.4}.sound-settings{margin-top:20px}.sound-item{margin-bottom:15px;padding:12px 15px}.sound-item,.sound-volume{background:#f8f9fa;border-radius:8px}.sound-volume{padding:20px}.sound-volume label{color:#333;display:block;font-weight:500;margin-bottom:10px}.volume-slider{-webkit-appearance:none;background:#ddd;border-radius:3px;height:6px;outline:none;width:100%}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#667eea;border-radius:50%;cursor:pointer;height:20px;-webkit-transition:background .3s;transition:background .3s;width:20px}.volume-slider::-webkit-slider-thumb:hover{background:#5a67d8}.volume-slider::-moz-range-thumb{background:#667eea;border-radius:50%;cursor:pointer;height:20px;-moz-transition:background .3s;transition:background .3s;width:20px}.test-notifications{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.test-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 20px;transition:all .3s}.test-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.test-btn.urgent{background:#ff5252}.test-btn.high{background:#ff9800}.test-btn.normal{background:#2196f3}.test-btn.low{background:#4caf50}.settings-footer{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:20px;justify-content:center;margin-top:40px;padding:20px}.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);font-size:1.1rem;padding:15px 40px;transition:all .3s}.save-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.save-status{animation:fadeIn .3s;background:#4caf50;border-radius:6px;color:#fff;font-weight:500;padding:10px 20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.notification-settings-page{padding:10px}.settings-header{padding:20px}.settings-header h1{font-size:1.5rem}.settings-section{padding:15px}.channel-settings,.priority-filters,.test-notifications,.type-filters .filter-grid{grid-template-columns:1fr}.quiet-hours-time{flex-direction:column}.time-separator{margin:10px 0}}.alimtalk-test-page{background-color:#f5f5f5;min-height:100vh;padding:20px}.test-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:900px;padding:40px}.test-container h1{color:#333;font-size:28px;margin-bottom:10px}.subtitle{color:#666;font-size:14px;margin-bottom:30px}.test-form{display:flex;flex-direction:column;gap:30px}.form-section{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:24px}.form-section h2{border-bottom:2px solid #4caf50;color:#444;font-size:20px;padding-bottom:8px}.form-group,.form-section h2{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{color:#555;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#4caf50;outline:none}.form-group textarea{font-family:inherit;resize:vertical}.form-group small{color:#888;display:block;font-size:12px;margin-top:6px}.checkbox-label{align-items:center;color:#555;cursor:pointer;display:flex;font-weight:600;gap:8px}.checkbox-label input[type=checkbox]{cursor:pointer;width:auto}.checkbox-label span{font-size:14px}.template-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.template-btn{background-color:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:background-color .3s,transform .1s}.template-btn:hover{background-color:#1976d2;transform:translateY(-1px)}.template-btn:active{transform:translateY(0)}.submit-btn{align-self:flex-start;background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 32px;transition:background-color .3s,transform .1s}.submit-btn:hover:not(:disabled){background-color:#45a049;transform:translateY(-1px)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{background-color:#ccc;cursor:not-allowed}.response-section{border:2px solid;border-radius:8px;margin-top:30px;padding:24px}.response-section.success{background-color:#e8f5e9;border-color:#4caf50}.response-section.error{background-color:#ffebee;border-color:#f44336}.response-section h2{color:#333;font-size:20px;margin-bottom:16px}.response-details{gap:16px}.response-details,.response-item{display:flex;flex-direction:column}.response-item{gap:8px}.response-item strong{color:#333;font-size:14px}.response-item pre{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:13px;max-height:400px;overflow-x:auto;overflow-y:auto;padding:16px}.error-message p{color:#c62828;font-size:14px}.api-info{background:#f0f7ff;border-left:4px solid #2196f3;border-radius:8px;margin-top:40px;padding:24px}.api-info h3{color:#1976d2;font-size:18px;margin-bottom:16px}.api-info ul{list-style:none;margin:0;padding:0}.api-info li{color:#555;font-size:14px;line-height:1.6;padding:8px 0 8px 24px;position:relative}.api-info li:before{color:#2196f3;content:"•";font-weight:700;left:8px;position:absolute}@media (max-width:768px){.test-container{padding:20px}.test-container h1{font-size:24px}.form-section{padding:16px}.submit-btn{width:100%}}.contacts-page{background-color:#f5f7fa;min-height:100vh;padding:24px}.contacts-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:32px}.contacts-header-left{flex:1 1}.contacts-header h1{color:#1a1a1a;font-size:28px;font-weight:700;margin-bottom:8px}.contacts-subtitle{color:#6b7280;font-size:14px}.contacts-header-right{align-items:center;display:flex;gap:10px}.contacts-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s;white-space:nowrap}.contacts-btn:disabled{cursor:not-allowed;opacity:.5}.contacts-btn-edit{background-color:#3b82f6;color:#fff}.contacts-btn-edit:hover:not(:disabled){background-color:#2563eb;box-shadow:0 4px 6px #2563eb33}.contacts-btn-save{background-color:#10b981;color:#fff}.contacts-btn-save:hover:not(:disabled){background-color:#059669;box-shadow:0 4px 6px #05966933}.contacts-btn-cancel{background-color:#ef4444;color:#fff}.contacts-btn-cancel:hover{background-color:#dc2626;box-shadow:0 4px 6px #dc262633}.contacts-controls{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.search-box{flex:1 1;min-width:300px}.search-input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:12px 16px;transition:border-color .2s,box-shadow .2s;width:100%}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.department-filter{min-width:200px}.department-select{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;font-size:14px;padding:12px 16px;transition:border-color .2s;width:100%}.department-select:focus{border-color:#3b82f6;outline:none}.contacts-content{display:flex;flex-direction:column;gap:32px}.department-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.department-title{background:linear-gradient(90deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e5e7eb;color:#1a1a1a;font-size:20px;font-weight:600;margin:0;padding:20px 24px}.member-count{color:#6b7280;font-size:14px;font-weight:400;margin-left:8px}.contacts-table-wrapper{overflow-x:auto}.contacts-table{border-collapse:collapse;width:100%}.contacts-table thead{background-color:#f9fafb}.contacts-table th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px 24px;text-align:left;text-transform:uppercase}.contacts-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .2s}.contacts-table tbody tr:hover{background-color:#f9fafb}.contacts-table tbody tr.edit-mode{background-color:#eff6ff}.contacts-table tbody tr.edit-mode:hover{background-color:#dbeafe}.contacts-table tbody tr:last-child{border-bottom:none}.contacts-table td{color:#374151;font-size:14px;padding:16px 24px}.user-name{align-items:center;color:#1a1a1a;display:flex;font-weight:600;gap:12px}.user-avatar-small{border:2px solid #e5e7eb;border-radius:50%;height:32px;object-fit:cover;width:32px}.user-position{color:#6b7280;font-size:13px}.user-direct-line a,.user-phone a{color:#3b82f6;font-weight:500;text-decoration:none;transition:color .2s}.user-direct-line a:hover,.user-phone a:hover{color:#2563eb;text-decoration:underline}.user-email a{color:#059669;font-size:13px;text-decoration:none;transition:color .2s}.user-email a:hover{color:#047857;text-decoration:underline}.edit-input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:8px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.edit-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.edit-input::placeholder{color:#9ca3af}.loading{align-items:center;display:flex;font-size:16px;justify-content:center;min-height:400px}.no-results{color:#9ca3af;padding:64px 24px}@media (max-width:768px){.contacts-page{background-color:#f8fafc;padding:16px}.contacts-header{flex-direction:column;gap:16px;margin-bottom:24px}.contacts-header h1{font-size:1.6rem;font-weight:800;letter-spacing:-.5px}.contacts-subtitle{font-size:.95rem;font-weight:500}.contacts-header-right{gap:12px;width:100%}.contacts-btn{border-radius:10px;flex:1 1;font-size:1rem;font-weight:700;justify-content:center;min-height:50px;padding:14px 18px}.contacts-controls{flex-direction:column;gap:12px;margin-bottom:20px}.department-filter,.search-box{min-width:100%}.department-select,.search-input{border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;font-weight:600;min-height:50px;padding:14px 18px}.department-select:focus,.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.contacts-content{gap:20px}.department-section{border-radius:16px;box-shadow:0 2px 12px #00000014}.department-title{font-size:1.3rem;font-weight:800;letter-spacing:-.3px;padding:18px 20px}.member-count{font-size:.95rem;font-weight:600}.contacts-table-wrapper{overflow-x:visible}.contacts-table{display:block;min-width:0}.contacts-table thead{display:none}.contacts-table tbody{display:block}.contacts-table tbody tr{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000f;display:block;margin-bottom:16px;overflow:hidden;padding:16px}.contacts-table tbody tr:last-child{margin-bottom:0}.contacts-table tbody tr:hover{background:#f9fafb;box-shadow:0 4px 12px #0000001a}.contacts-table tbody tr.edit-mode{background:#eff6ff;border:2px solid #3b82f6}.contacts-table tbody tr.edit-mode:hover{background:#dbeafe}.contacts-table td{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;font-size:1rem;justify-content:space-between;padding:12px 0}.contacts-table td:last-child{border-bottom:none}.contacts-table td:before{color:#64748b;content:attr(data-label);font-size:.9rem;font-weight:800;letter-spacing:-.3px;min-width:100px}.contacts-table td.user-name{border-bottom:2px solid #e5e7eb;flex-direction:row;justify-content:flex-start;margin-bottom:12px;padding:0 0 16px}.contacts-table td.user-name:before{display:none}.contacts-table td.user-name span{color:#1e3c72;font-size:1.15rem;font-weight:800}.user-avatar-small{border:2px solid #3b82f6;height:40px;width:40px}.contacts-table td.user-position{background:#f8fafc;border-radius:8px;margin-bottom:4px;padding:12px}.contacts-table td.user-phone{background:#eff6ff;border-radius:8px;margin-bottom:4px;padding:12px}.contacts-table td.user-phone a{font-size:1.05rem;font-weight:700}.contacts-table td.user-direct-line{background:#f0f9ff;border-radius:8px;margin-bottom:4px;padding:12px}.contacts-table td.user-direct-line a{font-size:1.05rem;font-weight:700}.contacts-table td.user-email{background:#ecfdf5;border-radius:8px;padding:12px}.contacts-table td.user-email a{font-size:.95rem;font-weight:600;word-break:break-all}.edit-input{border:2px solid #d1d5db;border-radius:8px;font-size:.95rem;font-weight:600;min-width:200px;padding:10px 14px;width:auto}.edit-input:focus{border-color:#3b82f6}}@media (max-width:480px){.contacts-page{padding:12px}.contacts-header h1{font-size:1.4rem}.contacts-subtitle{font-size:.9rem}.contacts-btn,.department-select,.search-input{font-size:.95rem;min-height:48px;padding:13px 16px}.department-title{font-size:1.2rem;padding:16px 18px}.member-count{font-size:.9rem}.contacts-table tbody tr{border-radius:10px;margin-bottom:14px;padding:14px}.contacts-table td{font-size:.95rem;padding:10px 0}.contacts-table td:before{font-size:.85rem;min-width:90px}.contacts-table td.user-name span{font-size:1.1rem}.user-avatar-small{height:36px;width:36px}.contacts-table td.user-direct-line a,.contacts-table td.user-phone a{font-size:1rem}.contacts-table td.user-email a,.edit-input{font-size:.9rem}.edit-input{min-width:180px;padding:9px 12px}}body.dark .contacts-page{background-color:#0e1622!important;color:#e7edf5}body.dark .contacts-page h1,body.dark .contacts-page h2,body.dark .contacts-page h3{color:#eaf0f8!important}body.dark .contacts-page label{color:#c4d0e0!important}body.dark .contacts-page .department-section{border-color:#26344a!important;box-shadow:0 1px 2px #0006!important}body.dark .contacts-page .contacts-table,body.dark .contacts-page .department-section{background:#141d2b!important;color:#d7e0ec!important}body.dark .contacts-page .contacts-table thead,body.dark .contacts-page .contacts-table thead th{background:#1b2839!important;border-color:#26344a!important;color:#c4d0e0!important}body.dark .contacts-page .contacts-table tbody tr{background:#0000!important}body.dark .contacts-page .contacts-table tbody tr:hover{background:#1b2a40!important}body.dark .contacts-page .contacts-table td{border-color:#22304a!important;color:#d7e0ec!important}body.dark .contacts-page .contacts-table td.user-position{color:#9daac0!important}body.dark .contacts-page .department-select,body.dark .contacts-page .edit-input,body.dark .contacts-page input,body.dark .contacts-page select{background:#0f1a2a!important;border-color:#2c3b52!important;color:#e7edf5!important}body.dark .contacts-page [style*="rgb(243, 244, 246)"], body.dark .contacts-page [style*="rgb(245, 247, 250)"], body.dark .contacts-page [style*="rgb(249, 250, 251)"], body.dark .contacts-page [style*="rgb(255, 255, 255)"]{background-color:#18233a!important}body.dark .contacts-page [style*="rgb(209, 213, 219)"], body.dark .contacts-page [style*="rgb(229, 231, 235)"]{border-color:#2a3b55!important}body.dark .contacts-page [style*="rgb(51, 51, 51)"], body.dark .contacts-page [style*="rgb(55, 65, 81)"]{color:#e7edf5!important}body.dark .contacts-page [style*="rgb(102, 102, 102)"], body.dark .contacts-page [style*="rgb(107, 114, 128)"]{color:#9daac0!important}body.dark .contacts-page .department-title,body.dark .department-title{background:#1b2839!important;border-bottom-color:#26344a!important;color:#eaf0f8!important}@media (max-width:768px){.contacts-page{padding:12px!important}.contacts-header{gap:10px!important;margin-bottom:14px!important}.contacts-header h1{font-size:1.25rem!important}.contacts-subtitle{font-size:.85rem!important}.contacts-btn{border-radius:10px!important;font-size:.9rem!important;min-height:0!important;padding:10px 14px!important}.contacts-controls{gap:10px!important;margin-bottom:14px!important}.department-select,.search-input{border-radius:10px!important;border-width:1px!important;font-size:.88rem!important;min-height:0!important;padding:11px 13px!important}.department-section{border-radius:14px!important;box-shadow:0 1px 6px #1018280f!important}.department-title{font-size:1.05rem!important;padding:13px 15px!important}.member-count{font-size:.85rem!important}.contacts-table tbody tr{border-radius:12px!important;box-shadow:none!important;margin-bottom:12px!important;padding:13px!important}.contacts-table td{font-size:.9rem!important;padding:9px 0!important}.contacts-table td:before{font-size:.8rem!important;min-width:78px!important}.contacts-table td.user-name{margin-bottom:10px!important;padding:0 0 12px!important}.contacts-table td.user-name span{font-size:1.05rem!important}.user-avatar-small{height:36px!important;width:36px!important}.contacts-table td.user-direct-line,.contacts-table td.user-email,.contacts-table td.user-phone,.contacts-table td.user-position{margin-bottom:4px!important;padding:9px 11px!important}.contacts-table td.user-direct-line a,.contacts-table td.user-phone a{font-size:.95rem!important}body.dark .contacts-page{background:#0b1220!important}body.dark .department-section{background:#131d2f!important;border:1px solid #94a3b824!important;box-shadow:none!important}body.dark .department-title{color:#e7edf6!important}body.dark .member-count{color:#9aa7bd!important}body.dark .department-select,body.dark .search-input{background:#0e1828!important;border:1px solid #94a3b82e!important;color:#e7edf6!important}body.dark .contacts-table tbody tr{background:#16223a!important;border:1px solid #94a3b824!important}body.dark .contacts-table tbody tr.edit-mode{background:#14243d!important;border:2px solid #3b82f6!important}body.dark .contacts-table td{border-bottom:1px solid #94a3b81a!important;color:#e7edf6!important}body.dark .contacts-table td:before{color:#9aa7bd!important}body.dark .contacts-table td.user-name{border-bottom:2px solid #94a3b829!important}body.dark .contacts-table td.user-name span{color:#93c5fd!important}body.dark .contacts-table td.user-direct-line,body.dark .contacts-table td.user-email,body.dark .contacts-table td.user-phone,body.dark .contacts-table td.user-position{background:#0e1828!important}body.dark .contacts-table td a{color:#93c5fd!important}body.dark .edit-input{background:#0e1828!important;border:2px solid #94a3b838!important;color:#e7edf6!important}}.partner-contacts-page{margin:0 auto;max-width:1400px;padding:20px}.page-header{margin-bottom:20px}.page-header h1{color:#1f2937;font-size:24px;font-weight:600}.page-description{font-size:14px}.filter-section{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.search-box input{border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 14px;width:300px}.search-box input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.group-filter select{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:14px;padding:10px 14px}.group-filter select:focus{border-color:#3b82f6;outline:none}.result-count{color:#6b7280;font-size:14px;margin-left:auto}.partners-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.partner-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;transition:box-shadow .2s}.partner-card:hover{box-shadow:0 4px 12px #0000001a}.partner-header{align-items:flex-start;display:flex;gap:8px;justify-content:space-between;margin-bottom:12px}.partner-name{color:#1f2937;flex:1 1;font-size:16px;font-weight:600;margin:0}.partner-group{background:#f3f4f6;border-radius:4px;color:#4b5563;font-size:11px;padding:2px 8px;white-space:nowrap}.partner-info{display:flex;flex-direction:column;gap:8px}.info-row{align-items:flex-start;display:flex;gap:8px}.info-label{color:#6b7280;flex-shrink:0;font-size:12px;min-width:50px}.info-value{color:#374151;font-size:13px;word-break:break-all}.email-link,.phone-link{color:#3b82f6;text-decoration:none}.email-link:hover,.phone-link:hover{text-decoration:underline}.address{color:#6b7280;font-size:12px;line-height:1.4}.no-results{color:#6b7280;padding:60px 20px;text-align:center}.no-results p{font-size:16px;margin:0}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{border:3px solid #f3f4f6;border-top-color:#3b82f6}@media (max-width:768px){.partner-contacts-page{padding:16px}.filter-section{align-items:stretch;flex-direction:column}.search-box input{width:100%}.result-count{margin-left:0}.partners-grid{grid-template-columns:1fr}}.cleaning-duties-page{margin:0 auto;max-width:1400px;padding:24px}.page-header{margin-bottom:32px}.page-header h1{color:#1e3c72;font-size:2rem;margin:0 0 8px}.page-description{color:#6b7280;font-size:.95rem;margin:0}.week-selector{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px}.week-nav-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:12px 24px;transition:all .3s ease}.week-nav-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.week-info{color:#fff;text-align:center}.week-info h2{font-size:1.75rem;font-weight:600;margin:0 0 8px}.week-dates{font-size:1.1rem;margin:0;opacity:.9}.loading{color:#6b7280;font-size:1.1rem;padding:48px;text-align:center}.no-data{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:60px 20px;text-align:center}.no-data p{color:#666;font-size:16px;margin:10px 0}.no-data code{background:#f5f5f5;border-radius:6px;color:#e74c3c;display:inline-block;font-family:Courier New,monospace;font-size:14px;margin-top:15px;padding:8px 16px}.cleaning-areas-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.cleaning-area-card{background:#fff;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px;transition:all .3s ease}.cleaning-area-card:hover{border-color:#667eea;box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.area-header{border-bottom:2px solid #f3f4f6;margin-bottom:16px;padding-bottom:12px}.area-header h3{color:#1e3c72;font-size:1.25rem;font-weight:600;margin:0 0 8px}.area-description{color:#6b7280;font-size:.875rem;margin:0}.current-assignee-box{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff;margin-bottom:16px;padding:12px 16px}.current-assignee-box .label{display:block;font-size:.85rem;font-weight:500;margin-bottom:6px;opacity:.9}.assignee-list{display:flex;flex-wrap:wrap;gap:4px}.assignee-name{font-size:1rem;font-weight:600}.duty-assignment{margin-bottom:16px}.duty-assignment label{color:#374151;display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.user-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;font-size:.95rem;padding:10px 12px;transition:all .3s ease;width:100%}.user-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.user-select:hover{border-color:#9ca3af}.user-checkbox-list{background:#fff;border:2px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto;padding:8px}.user-checkbox-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:10px;padding:8px 12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.user-checkbox-item:hover{background:#f3f4f6}.user-checkbox-item input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.user-checkbox-item input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.user-checkbox-item span{color:#374151;font-size:.9rem;font-weight:500}.user-checkbox-item input[type=checkbox]:checked+span{color:#667eea;font-weight:600}.user-checkbox-item input[type=checkbox]:disabled+span{color:#9ca3af}.user-checkbox-item:has(input[type=checkbox]:disabled){cursor:not-allowed;opacity:.7}.user-checkbox-item:has(input[type=checkbox]:disabled):hover{background:#0000}.duty-info{border-top:1px solid #f3f4f6;padding-top:12px}.current-assignee{color:#374151;font-size:.9rem;margin-bottom:12px}.current-assignee strong{color:#1e3c72;font-weight:600}.action-buttons{display:flex;gap:8px;margin-top:12px}.save-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:10px 16px;transition:all .3s ease}.save-btn:hover:not(:disabled){background:#059669;box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.save-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.cancel-btn{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:10px 16px;transition:all .3s ease}.cancel-btn:hover{background:#4b5563;transform:translateY(-1px)}.edit-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:500;padding:8px 14px;transition:all .3s ease}.edit-btn:hover{background:#2563eb;transform:scale(1.05)}.delete-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:500;padding:8px 14px;transition:all .3s ease}.delete-btn:hover{background:#dc2626;transform:scale(1.05)}.add-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 16px;transition:all .3s ease;width:100%}.add-btn:hover{background:#5568d3;box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}@media (max-width:768px){.cleaning-duties-page{padding:16px}.page-header h1{font-size:1.5rem}.week-selector{flex-direction:column;gap:16px}.week-nav-btn{width:100%}.cleaning-areas-grid{grid-template-columns:1fr}.week-info h2{font-size:1.5rem}}body.dark .cleaning-duties-page{background:#0e1622!important;color:#e7edf5}body.dark .cleaning-duties-page h1,body.dark .cleaning-duties-page h2,body.dark .cleaning-duties-page h3,body.dark .cleaning-duties-page h4{color:#eaf0f8!important}body.dark .cleaning-duties-page label{color:#c4d0e0!important}body.dark .cleaning-duties-page .cleaning-area-card,body.dark .cleaning-duties-page .user-checkbox-list{background:#141d2b!important;border-color:#26344a!important;box-shadow:0 1px 2px #0006!important;color:#d7e0ec!important}body.dark .cleaning-duties-page .user-checkbox-item:hover{background:#1b2a40!important}body.dark .cleaning-duties-page table{background:#141d2b!important;color:#d7e0ec!important}body.dark .cleaning-duties-page th{background:#1b2839!important;border-color:#26344a!important;color:#c4d0e0!important}body.dark .cleaning-duties-page td{border-color:#22304a!important;color:#d7e0ec!important}body.dark .cleaning-duties-page tbody tr:hover{background:#1b2a40!important}body.dark .cleaning-duties-page .user-select,body.dark .cleaning-duties-page input,body.dark .cleaning-duties-page select,body.dark .cleaning-duties-page textarea{background:#0f1a2a!important;border-color:#2c3b52!important;color:#e7edf5!important}body.dark .cleaning-duties-page input[type=date],body.dark .cleaning-duties-page input[type=month]{color-scheme:dark}body.dark .cleaning-duties-page [style*="rgb(243, 244, 246)"], body.dark .cleaning-duties-page [style*="rgb(248, 249, 250)"], body.dark .cleaning-duties-page [style*="rgb(249, 250, 251)"], body.dark .cleaning-duties-page [style*="rgb(255, 255, 255)"]{background-color:#18233a!important}body.dark .cleaning-duties-page [style*="rgb(51, 51, 51)"], body.dark .cleaning-duties-page [style*="rgb(55, 65, 81)"]{color:#e7edf5!important}.email-compose-page{margin:0 auto;max-width:1000px;padding:24px}.email-compose-header{border-bottom:2px solid #e5e7eb;margin-bottom:24px;padding-bottom:16px}.email-compose-header h1{color:#111827;font-size:1.8rem;margin:0}.email-compose-body{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px}.email-compose-footer{display:flex;justify-content:flex-end;margin-top:24px}.btn-send-email{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;min-width:140px;padding:12px 32px;transition:all .2s}.btn-send-email:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.btn-send-email:active:not(:disabled){transform:translateY(0)}.btn-send-email:disabled{cursor:not-allowed;opacity:.5}.attachment-section{display:flex;flex-direction:column;gap:12px}.btn-file-select{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s;width:-webkit-fit-content;width:fit-content}.btn-file-select:hover{background:#e5e7eb;border-color:#9ca3af}.attachments-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.attachment-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;font-size:.9rem;gap:10px;padding:10px 12px}.file-icon{font-size:1.2rem}.file-name{color:#374151;flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#6b7280;font-size:.85rem}.btn-remove-file{align-items:center;background:#fee2e2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;line-height:1;padding:0;transition:all .2s;width:24px}.btn-remove-file:hover{background:#fecaca;border-color:#fca5a5}@media (max-width:768px){.email-compose-page{padding:16px}.email-compose-header h1{font-size:1.5rem}.email-compose-body{padding:16px}.btn-file-select,.btn-send-email{width:100%}.file-name{max-width:150px}}body.dark .email-compose-header h1{color:#eaf0f8!important}body.dark .email-compose-header{border-color:#26344a!important}body.dark .email-compose-body,body.dark .email-compose-footer{background:#141d2b!important;border-color:#26344a!important;box-shadow:0 1px 2px #0006!important;color:#e7edf5}body.dark .email-compose-page .email-modal-table th,body.dark .email-modal-table th{background:#1b2839!important;border-color:#26344a!important;color:#c4d0e0!important}body.dark .email-compose-page .email-modal-table td,body.dark .email-modal-table,body.dark .email-modal-table td{background:#0000!important;border-color:#26344a!important;color:#e7edf5}body.dark .email-compose-page input,body.dark .email-compose-page textarea{background:#0f1a2a!important;border-color:#2c3b52!important;color:#e7edf5!important}body.dark .email-compose-page input::placeholder,body.dark .email-compose-page textarea::placeholder{color:#6f8098!important}body.dark .email-history-label,body.dark .form-hint{color:#9daac0!important}body.dark .email-history-btn{background:#22304a!important;border-color:#2c3b52!important;color:#c4d0e0!important}body.dark .email-history-btn:hover{background:#2a3b57!important}body.dark .attachment-section{background:#0f1a2a!important;border-color:#2c3b52!important}body.dark .attachment-item{background:#18253a!important;border-color:#2a3b55!important;color:#c4d0e0!important}body.dark .file-name{color:#e7edf5!important}body.dark .file-size{color:#9daac0!important}body.dark .btn-file-select{background:#22304a!important;border-color:#2c3b52!important;color:#d7e0ec!important}.email-logs-page{margin:0 auto;max-width:1400px;padding:24px}.email-logs-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.email-logs-header h1{color:#111827;font-size:1.8rem;margin:0}.email-logs-summary{color:#6b7280;font-size:.95rem;font-weight:500}.email-logs-body{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.loading-message,.no-logs-message{color:#6b7280;font-size:1.1rem;padding:60px 20px;text-align:center}.email-logs-table-wrapper{overflow-x:auto}.email-logs-table{border-collapse:collapse;width:100%}.email-logs-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.email-logs-table th{color:#374151;font-size:.9rem;font-weight:600;padding:14px 16px;text-align:left}.email-logs-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .15s}.email-logs-table tbody tr:hover{background:#f9fafb}.email-logs-table tbody tr.failed-row{background:#fef2f2}.email-logs-table tbody tr.failed-row:hover{background:#fee2e2}.email-logs-table td{color:#374151;font-size:.9rem;padding:12px 16px}.status-cell{text-align:center}.status-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 10px}.status-badge.success{background:#d1fae5;color:#065f46}.status-badge.failed{background:#fee2e2;color:#991b1b}.email-cell{max-width:200px}.email-cell,.subject-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subject-cell{font-weight:500;max-width:300px}.action-cell{text-align:center}.btn-view-detail{background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;color:#374151;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 14px;transition:all .2s}.btn-view-detail:hover{background:#e5e7eb;border-color:#9ca3af}.pagination{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:16px;justify-content:center;padding:20px}.pagination-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-info{color:#6b7280;font-size:.9rem;font-weight:500;min-width:80px;text-align:center}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:90%}.modal-header{padding:20px 24px}.modal-header h2{color:#111827;font-size:1.4rem;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s;width:32px}.modal-close:hover{background:#f3f4f6;color:#111827}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.detail-table{border:1px solid #d1d5db;border-collapse:collapse;width:100%}.detail-table tr{border-bottom:1px solid #e5e7eb}.detail-table tr:last-child{border-bottom:none}.detail-table th{background:#f3f4f6;border-right:1px solid #d1d5db;color:#374151;font-size:.9rem;font-weight:600;padding:12px 16px;text-align:left;vertical-align:top;width:140px}.detail-table td{background:#fff;color:#111827;font-size:.9rem;padding:12px 16px}.message-content{word-wrap:break-word;background:#f9fafb;border-radius:4px;font-family:inherit;margin:0;max-height:300px;overflow-y:auto;padding:12px;white-space:pre-wrap}.error-message{color:#dc2626;font-weight:500}.attachment-count-cell{text-align:center}.attachment-badge{color:#6b7280;cursor:default;display:inline-block;font-size:.85rem}.attachments-info{display:flex;flex-direction:column;gap:8px}.attachment-info-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;display:flex;font-size:.9rem;gap:8px;padding:8px 12px}.attachment-icon{font-size:1.1rem}.attachment-name{color:#374151;flex:1 1;font-weight:500}.attachment-size{color:#6b7280;font-size:.85rem}.btn-download-attachment{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:4px 12px;transition:all .2s;white-space:nowrap}.btn-download-attachment:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 2px 8px #3b82f64d;transform:translateY(-1px)}.btn-download-attachment:active{transform:translateY(0)}.btn-download-attachment:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.6}.btn-download-attachment:disabled:hover{box-shadow:none;transform:none}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;padding:16px 24px}.btn-close{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:.95rem;font-weight:500;padding:10px 24px;transition:all .2s}.btn-close:hover{background:#f9fafb;border-color:#9ca3af}@media (max-width:768px){.email-logs-page{padding:16px}.email-logs-header{align-items:flex-start;flex-direction:column;gap:8px}.email-logs-header h1{font-size:1.5rem}.email-logs-table{font-size:.85rem}.email-logs-table td,.email-logs-table th{padding:10px 12px}.email-cell,.subject-cell{max-width:150px}.modal-content{width:95%}.detail-table th{font-size:.85rem;width:100px}.detail-table td{font-size:.85rem}}body.dark .email-logs-header h1{color:#eaf0f8!important}body.dark .email-logs-summary{color:#9daac0!important}body.dark .email-logs-table{background:#141d2b!important}body.dark .email-logs-table th{background:#1b2839!important;border-color:#26344a!important;color:#c4d0e0!important}body.dark .email-logs-table td{border-color:#22304a!important;color:#d7e0ec!important}body.dark .email-logs-table tbody tr:hover{background:#1b2a40!important}body.dark .email-logs-table tbody tr.failed-row{background:#2a1717!important}body.dark .email-logs-table tbody tr.failed-row:hover{background:#341b1b!important}body.dark .btn-view-detail{background:#22304a!important;border-color:#2c3b52!important;color:#d7e0ec!important}body.dark .btn-view-detail:hover{background:#2a3b57!important}body.dark .pagination-btn{background:#1b2839!important;border-color:#2c3b52!important;color:#c4d0e0!important}body.dark .detail-table td{background:#18253a!important;border-color:#26344a!important;color:#d7e0ec!important}body.dark .btn-close{background:#22304a!important;border-color:#2c3b52!important;color:#d7e0ec!important}.inventory-sync-page{box-sizing:border-box;padding:16px 20px;width:100%}.page-header h1{font-size:18px;margin:0 0 2px}.page-header .subtitle{color:#6b7280;font-size:12px;margin:0 0 14px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 2px #00000008;margin-bottom:12px}.card-header{background:#fafafa;border-bottom:1px solid #f3f4f6;border-radius:6px 6px 0 0;font-size:13px;font-weight:600;padding:8px 14px}.card-body{padding:12px 14px}.date-row{align-items:center;display:flex;gap:8px;margin-bottom:12px}.date-row label{color:#374151;font-size:12px;font-weight:500}.date-row input{font-family:monospace;font-size:12px;padding:5px 10px;width:110px}.btn-mini,.date-row input{border:1px solid #d1d5db;border-radius:4px}.btn-mini{background:#fff;cursor:pointer;font-size:11px;padding:4px 10px}.btn-mini:hover{background:#f3f4f6}.btn-mini.btn-cancel{border-color:#fecaca;color:#b91c1c;margin-left:4px}.btn-mini.btn-cancel:hover{background:#fef2f2}.dashboard-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr 2fr;margin-bottom:14px}@media (max-width:1280px){.dashboard-grid{grid-template-columns:1fr 1fr}.stat-card.last-success{grid-column:span 2}}@media (max-width:640px){.dashboard-grid{grid-template-columns:1fr}.stat-card.last-success{grid-column:span 1}}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px #0000000a;display:flex;flex-direction:column;overflow:hidden;padding:10px 14px;position:relative;transition:box-shadow .15s}.stat-card:hover{box-shadow:0 2px 8px #00000012}.stat-card:before{background:#3b82f6;content:"";height:100%;left:0;position:absolute;top:0;width:3px}.stat-card.alert-card:before{background:#ef4444}.stat-card.warn-card:before{background:#f59e0b}.stat-card.success-card:before{background:#10b981}.stat-card .stat-label{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.3px;margin-bottom:2px;text-transform:uppercase}.stat-card .stat-value{color:#111827;font-size:20px;font-weight:700;line-height:1.1}.stat-card .stat-value.alert{color:#dc2626}.stat-card .stat-value.muted{color:#9ca3af}.stat-card .stat-sub{display:flex;flex-wrap:wrap;font-size:11px;gap:4px;margin-top:4px}.stat-card .stat-sub .badge{font-size:10px;padding:1px 6px}.stat-card .stat-link{color:#2563eb;display:inline-block;font-size:11px;margin-top:auto;padding-top:6px;text-decoration:none}.stat-card .stat-link:hover{text-decoration:underline}.last-success-list{grid-gap:0 14px;display:grid;font-size:11px;gap:0 14px;grid-template-columns:1fr 1fr;margin-top:2px}.last-success-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:6px;justify-content:space-between;padding:3px 0}.last-success-row:nth-last-child(-n+2){border-bottom:none}.last-success-row .sys-name{align-items:center;color:#374151;display:flex;font-weight:500;gap:5px}.last-success-row .sys-name:before{background:#10b981;border-radius:50%;content:"";display:inline-block;height:5px;width:5px}.last-success-row .sys-name.none:before{background:#d1d5db}.last-success-row .ts{font-feature-settings:"tnum";color:#6b7280;font-size:11px;font-variant-numeric:tabular-nums}.last-success-row .ts.none{color:#d1d5db;font-style:italic}.notice-banner{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;color:#92400e;font-size:14px;margin-bottom:16px;padding:12px 16px}.notice-banner code{background:#fde68a;border-radius:3px;padding:2px 6px}.btn-group-title{color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.3px;margin:8px 0 4px;text-transform:uppercase}.btn-row{display:flex;flex-wrap:wrap;gap:6px}.sync-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:filter .15s,box-shadow .15s;white-space:nowrap}.sync-btn:hover{box-shadow:0 2px 6px #3b82f640;filter:brightness(1.08)}.sync-btn:disabled{box-shadow:none;cursor:not-allowed;filter:none;opacity:.45}.sync-btn-secondary{background:linear-gradient(135deg,#6b7280,#4b5563)}.sync-btn-secondary:hover{box-shadow:0 2px 6px #6b728040}.recent-table{border-collapse:collapse;width:100%}.recent-table td,.recent-table th{border-bottom:1px solid #f3f4f6;font-size:12px;padding:6px 10px;text-align:left}.recent-table th{background:#f9fafb;color:#374151;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.recent-table tr.status-running{background:#fefce8}.recent-table tr.status-fail{background:#fef2f2}.recent-table .empty{color:#9ca3af;padding:24px;text-align:center}.badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:3px 8px}.badge-queued{background:#e0e7ff;color:#3730a3}.badge-running{background:#fef3c7;color:#92400e}.badge-success{background:#d1fae5;color:#065f46}.badge-fail{background:#fee2e2;color:#991b1b}.badge-cancelled{background:#e5e7eb;color:#4b5563}.history-grid{display:flex;flex-wrap:wrap;gap:6px}.history-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#4b5563;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 14px;text-decoration:none;transition:all .15s;white-space:nowrap}.history-card:hover{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.history-card .icon{font-size:13px;opacity:.85}.history-card .label{font-size:12px}.modal-backdrop{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal{background:#fff;border-radius:8px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:85vh;max-width:1000px;width:90vw}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:14px 18px}.modal-header,.modal-header h3{align-items:center;display:flex}.modal-header h3{font-size:16px;gap:10px;margin:0}.modal-meta{color:#6b7280;font-size:13px;font-weight:400}.btn-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:18px;padding:4px 8px}.btn-close:hover{color:#111827}.modal-body.log-viewer{background:#1f2937;color:#d1d5db;flex:1 1;font-family:Consolas,monospace;font-size:12px;line-height:1.6;overflow-y:auto;padding:12px}.log-line{display:flex;gap:8px}.log-line .seq{color:#9ca3af;flex-shrink:0;min-width:50px}.log-line .content{white-space:pre-wrap;word-break:break-all}.log-viewer .empty{color:#6b7280;padding:24px;text-align:center}.inventory-sync-page.sync-v2{--bg:#eef2f8;--surface:#fff;--line:#e4eaf2;--line-soft:#eef1f6;--ink:#16202e;--muted:#5c6b82;--faint:#93a0b3;--brand:#2b6ae8;--brand-dark:#1a53c0;--brand-soft:#eaf1fe;--ok:#0f9d58;--ok-bg:#e7f6ec;--ok-line:#bfe6cc;--warn:#c2790b;--warn-bg:#fbf1dc;--warn-line:#f0dba6;--fail:#d63b3b;--fail-bg:#fcecec;--fail-line:#f4c5c5;--idle:#8a97ab;--idle-bg:#eef1f6;--idle-line:#dce2ec;--mono:"SFMono-Regular",ui-monospace,"JetBrains Mono","Menlo",monospace;--shadow:0 1px 2px #14202e0a,0 4px 14px #14202e0d;color:var(--ink);font-size:14px;line-height:1.5;margin:0;max-width:none;padding:20px 26px 32px;width:100%}.sync-v2 .num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sync-v2 .mono{font-feature-settings:"tnum";font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.sync-v2 .head{gap:16px;justify-content:space-between;margin-bottom:16px}.sync-v2 .head,.sync-v2 .head h1{align-items:center;display:flex;flex-wrap:wrap}.sync-v2 .head h1{font-size:20px;font-weight:800;gap:9px;letter-spacing:-.02em;margin:0}.sync-v2 .head h1 .dot{background:var(--brand);border-radius:50%;height:8px;width:8px}.sync-v2 .head h1 .crumb{color:var(--faint);font-size:12px;font-weight:500;margin-left:6px}.sync-v2 .head h1 .crumb b{color:var(--muted);font-weight:600}.sync-v2 .live{align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;color:var(--muted);display:inline-flex;font-size:12.5px;font-weight:500;gap:8px;padding:7px 13px}.sync-v2 .live .ping{height:8px;position:relative;width:8px}.sync-v2 .live .ping i,.sync-v2 .live .ping i:before{background:var(--ok);border-radius:50%;inset:0;position:absolute}.sync-v2 .live .ping i:before{animation:syncv2ping 1.8s ease-out infinite;content:""}@keyframes syncv2ping{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(3)}}.sync-v2 .metricbar{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);display:flex;margin-bottom:13px;overflow:hidden}.sync-v2 .metricbar .m{align-items:center;border-left:1px solid var(--line-soft);display:flex;flex:1 1;gap:14px;padding:13px 20px}.sync-v2 .metricbar .m:first-child{border-left:0}.sync-v2 .metricbar .m .big{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1}.sync-v2 .metricbar .m .big .slash{color:var(--faint);font-size:15px;font-weight:600}.sync-v2 .metricbar .m .lab{color:var(--muted);font-size:12px;font-weight:600;line-height:1.35}.sync-v2 .metricbar .m .lab small{color:var(--faint);display:block;font-size:11px;font-weight:500}.sync-v2 .metricbar .m.alert{background:linear-gradient(90deg,#fef5f5,#fff 70%);border-left:0;box-shadow:inset 3px 0 0 var(--fail)}.sync-v2 .metricbar .m.alert .big{color:var(--fail)}.sync-v2 .metricbar .m .big.dim{color:var(--faint)}.sync-v2 .metricbar .m .big.ok{color:var(--ok)}.sync-v2 .metricbar .m .go{margin-left:auto}.sync-v2 .ghost-btn{align-items:center;background:var(--fail-bg);border:1px solid var(--fail-line);border-radius:8px;color:var(--fail);cursor:pointer;display:inline-flex;font-size:12.5px;font-weight:600;gap:5px;height:32px;padding:0 12px;text-decoration:none;white-space:nowrap}.sync-v2 .ghost-btn:hover{background:#f8dfdf}.sync-v2 .mini{border-radius:7px;font-size:11.5px;font-weight:700;padding:3px 8px}.sync-v2 .mini.ok{background:var(--ok-bg);color:var(--ok)}.sync-v2 .mini.fail{background:var(--fail-bg);color:var(--fail)}.sync-v2 .chips{display:flex;flex-wrap:wrap;gap:6px}.sync-v2 .health-row{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}.sync-v2 .hchip{align-items:center;background:#fff;border:1px solid var(--line);border-radius:999px;display:inline-flex;font-size:12.5px;gap:7px;padding:6px 12px 6px 9px}.sync-v2 .hchip .d{border-radius:50%;flex:none;height:7px;width:7px}.sync-v2 .hchip.ok .d{background:var(--ok)}.sync-v2 .hchip.warn .d{background:var(--warn)}.sync-v2 .hchip.idle .d{background:var(--idle)}.sync-v2 .hchip.warn{background:var(--warn-bg);border-color:var(--warn-line)}.sync-v2 .hchip.idle{background:var(--idle-bg);border-color:var(--idle-line)}.sync-v2 .hchip .nm{font-weight:600}.sync-v2 .hchip .tm{color:var(--muted);font-family:var(--mono);font-size:11.5px}.sync-v2 .hchip.idle .tm{color:var(--idle)}.sync-v2 .notice-banner{background:var(--warn-bg);border:1px solid var(--warn-line);border-radius:10px;color:#8a5a00;font-size:13px;margin-bottom:13px;padding:11px 15px}.sync-v2 .notice-banner code{background:#fff;border:1px solid var(--warn-line);border-radius:5px;font-family:var(--mono);padding:1px 6px}.sync-v2 .cols{grid-gap:13px;align-items:start;display:grid;gap:13px;grid-template-columns:1fr 332px}.sync-v2 .side-stack{display:flex;flex-direction:column;gap:13px}.sync-v2 .panel{background:var(--surface);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.sync-v2 .panel-h{align-items:center;border-bottom:1px solid var(--line-soft);display:flex;gap:8px;padding:13px 18px}.sync-v2 .panel-h h2{font-size:14px;font-weight:700;margin:0}.sync-v2 .panel-b{padding:15px 18px}.sync-v2 .field{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.sync-v2 .field label{color:var(--muted);font-size:12px;font-weight:600;width:100%}.sync-v2 .field input{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--ink);flex:1 1;font-family:var(--mono);font-size:13.5px;height:36px;min-width:120px;padding:0 12px}.sync-v2 .field input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);outline:none}.sync-v2 .chip-btn{background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--muted);cursor:pointer;font-size:12.5px;font-weight:600;height:36px;padding:0 12px}.sync-v2 .chip-btn:hover{border-color:var(--brand);color:var(--brand)}.sync-v2 .gl{color:var(--faint);font-size:11px;font-weight:700;letter-spacing:.04em;margin:0 0 8px;text-transform:uppercase}.sync-v2 .btn-row{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:13px}.sync-v2 .btn-row:last-child{margin-bottom:0}.sync-v2 .act{align-items:center;border:1px solid #0000;border-radius:9px;cursor:pointer;display:inline-flex;font-size:12.5px;font-weight:600;gap:6px;height:36px;padding:0 13px}.sync-v2 .act.primary{background:var(--brand);color:#fff}.sync-v2 .act.primary:hover{background:var(--brand-dark)}.sync-v2 .act.neutral{background:#283549;color:#fff}.sync-v2 .act.neutral:hover{background:#1b2738}.sync-v2 .act:disabled{cursor:not-allowed;opacity:.5}.sync-v2 .hist-list{display:flex;flex-direction:column;padding:8px}.sync-v2 .htile{align-items:center;border-radius:9px;color:var(--ink);display:flex;gap:11px;padding:9px 11px;text-decoration:none;transition:.12s}.sync-v2 .htile:hover{background:var(--brand-soft)}.sync-v2 .htile .ic{background:var(--brand-soft);border-radius:8px;color:var(--brand-dark);display:grid;flex:none;font-size:15px;height:30px;place-items:center;width:30px}.sync-v2 .htile .l{font-size:13px;font-weight:600}.sync-v2 .htile .arr{color:var(--faint);font-size:13px;margin-left:auto}.sync-v2 .run-table{border-collapse:collapse;width:100%}.sync-v2 .run-table thead th{border-bottom:1px solid var(--line);color:var(--faint);font-size:11px;font-weight:700;letter-spacing:.03em;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}.sync-v2 .run-table tbody td{border-bottom:1px solid var(--line-soft);font-size:13px;padding:10px 14px;vertical-align:middle}.sync-v2 .run-table tbody tr:last-child td{border-bottom:0}.sync-v2 .run-table tbody tr:hover{background:#f8fafd}.sync-v2 .run-table tbody tr.failrow{background:var(--fail-bg)}.sync-v2 .run-table tbody tr.failrow:hover{background:#fbe3e3}.sync-v2 .run-table .empty{color:var(--faint);padding:24px;text-align:center}.sync-v2 .sysname{font-weight:600}.sync-v2 td .dash{color:var(--faint)}.sync-v2 td.worker .by{align-items:center;display:inline-flex;gap:5px}.sync-v2 td.worker .by.bot{color:var(--muted)}.sync-v2 td.worker .by.person{color:var(--ink);font-weight:600}.sync-v2 .manual{background:var(--brand-soft);border-radius:5px;color:var(--brand);font-size:10px;font-weight:700;margin-left:4px;padding:1px 5px}.sync-v2 .state{align-items:center;border-radius:999px;display:inline-flex;font-size:11.5px;font-weight:700;gap:5px;padding:3px 9px}.sync-v2 .state i{border-radius:50%;height:6px;width:6px}.sync-v2 .state.ok{background:var(--ok-bg);color:var(--ok)}.sync-v2 .state.ok i{background:var(--ok)}.sync-v2 .state.fail{background:var(--fail-bg);color:var(--fail)}.sync-v2 .state.fail i{background:var(--fail)}.sync-v2 .state.run{background:#fef7e6;color:var(--warn)}.sync-v2 .state.run i{background:var(--warn)}.sync-v2 .state.queue{background:var(--brand-soft);color:var(--brand-dark)}.sync-v2 .state.queue i{background:var(--brand)}.sync-v2 .state.idle{background:var(--idle-bg);color:var(--idle)}.sync-v2 .state.idle i{background:var(--idle)}.sync-v2 .dur{font-feature-settings:"tnum";font-family:var(--mono);font-variant-numeric:tabular-nums}.sync-v2 .dur.long{color:var(--warn);font-weight:600}.sync-v2 .dur.none{color:var(--faint)}.sync-v2 .logbtn,.sync-v2 .when{color:var(--muted)}.sync-v2 .logbtn{background:#fff;border:1px solid var(--line);border-radius:7px;cursor:pointer;font-size:11.5px;font-weight:600;height:28px;padding:0 11px}.sync-v2 .logbtn:hover{border-color:var(--brand);color:var(--brand)}.sync-v2 .logbtn.cancel{border-color:var(--fail-line);color:var(--fail);margin-left:5px}.sync-v2 .logbtn.cancel:hover{background:var(--fail-bg)}.sync-v2 .more-foot{border-top:1px solid var(--line-soft);padding:10px 14px;text-align:center}.sync-v2 .more-btn{align-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--muted);cursor:pointer;display:inline-flex;font-size:12.5px;font-weight:600;gap:6px;height:32px;padding:0 14px}.sync-v2 .more-btn:hover{border-color:var(--brand);color:var(--brand)}.sync-v2 .more-btn .cnt{color:var(--faint);font-weight:700}@media (max-width:1080px){.sync-v2 .cols{grid-template-columns:1fr}.sync-v2 .metricbar{flex-wrap:wrap}.sync-v2 .metricbar .m{flex:1 1 33%}}@media (max-width:760px){.inventory-sync-page.sync-v2{padding:14px}.sync-v2 .metricbar .m{border-left:0;border-top:1px solid var(--line-soft);flex:1 1 100%}.sync-v2 .metricbar .m:first-child{border-top:0}}body.dark .inventory-sync-page.sync-v2{--bg:#0e1622;--surface:#141d2b;--line:#26344a;--line-soft:#1c2839;--ink:#e7edf5;--muted:#9daac0;--faint:#6f8098;--brand-soft:#1c2e50;--brand-tint:#18253a;--shadow:0 1px 2px #0006,0 8px 22px #00000073}body.dark .sync-v2 .hchip,body.dark .sync-v2 .live{background:#141d2b!important}body.dark .sync-v2 .hchip.warn{background:#2a2410!important;border-color:#4a3d14!important}body.dark .sync-v2 .hchip.idle{background:#1b2839!important;border-color:#2c3b52!important}body.dark .sync-v2 .chip-btn,body.dark .sync-v2 .logbtn,body.dark .sync-v2 .more-btn,body.dark .sync-v2 .run-table thead th{background:#1b2839!important}body.dark .sync-v2 .field input{background:#0f1a2a!important}body.dark .sync-v2 .metricbar .m.alert{background:linear-gradient(90deg,#2a1717,#141d2b 70%)!important;box-shadow:inset 3px 0 0 #d63b3b!important}body.dark .inventory-sync-page .card{background:#141d2b!important;border-color:#26344a!important;box-shadow:none!important}body.dark .inventory-sync-page .card-header{background:#1b2839!important;border-bottom-color:#26344a!important;color:#e7edf5!important}body.dark .inventory-sync-page .page-header h1{color:#eaf0f8!important}body.dark .inventory-sync-page .page-header .subtitle{color:#9daac0!important}body.dark .inventory-sync-page .recent-table th{background:#1b2839!important;border-color:#26344a!important;color:#c4d0e0!important}body.dark .inventory-sync-page .recent-table td{border-color:#22304a!important;color:#d7e0ec!important}body.dark .inventory-sync-page .recent-table tr:hover{background:#1b2a40!important}body.dark .inventory-sync-page .recent-table tr.status-running{background:#2a2410!important}body.dark .inventory-sync-page .recent-table tr.status-fail{background:#2a1717!important}body.dark .inventory-sync-page .empty,body.dark .inventory-sync-page .recent-table .empty{color:#9daac0!important}body.dark .inventory-sync-page .filter-input,body.dark .inventory-sync-page .log-filters input,body.dark .inventory-sync-page .log-filters select,body.dark .inventory-sync-page input,body.dark .inventory-sync-page select{background:#0f1a2a!important;border-color:#2c3b52!important;color:#e7edf5!important}body.dark .inventory-sync-page input[type=date]{color-scheme:dark}body.dark .inventory-sync-page .log-filters{background:#141d2b!important;border-color:#26344a!important}body.dark .inventory-sync-page .btn-mini{background:#1b2839!important;border-color:#2c3b52!important;color:#c4d0e0!important}body.dark .inventory-sync-page .btn-mini:hover{background:#22304a!important}body.dark .inventory-sync-page .history-card{background:#18253a!important;border-color:#2a3b55!important;color:#c4d0e0!important}body.dark .inventory-sync-page .history-card:hover{background:#1f2f49!important;color:#dce8ff!important}body.dark .inventory-sync-page .pagination-bar{color:#c4d0e0!important}body.dark .inventory-sync-page .pagination-bar .btn-mini,body.dark .inventory-sync-page .pagination-bar button{background:#1b2839!important;border-color:#2c3b52!important;color:#c4d0e0!important}body.dark .inventory-sync-page .badge-queued{background:#1c2e50!important;color:#a9c2f5!important}body.dark .inventory-sync-page .badge-running{background:#2a2410!important;color:#f0c674!important}body.dark .inventory-sync-page .badge-success{background:#10261c!important;color:#6ee7a8!important}body.dark .inventory-sync-page .badge-fail{background:#2a1717!important;color:#f08a8a!important}body.dark .inventory-sync-page .badge-cancelled{background:#22304a!important;color:#c4d0e0!important}body.dark .inventory-sync-page .modal,body.dark .modal-backdrop .modal{background:#141d2b!important;border-color:#26344a!important;color:#e7edf5!important}@media (max-width:768px){.inventory-sync-page.sync-v2{font-size:13px!important;padding:12px!important}.sync-v2 .head{align-items:stretch!important;flex-direction:column!important;gap:9px!important}.sync-v2 .head h1{font-size:16px!important}.sync-v2 .head h1 .crumb{display:block!important;margin-left:0!important}.sync-v2 .live{align-self:flex-start!important}.sync-v2 .metricbar{flex-direction:column!important}.sync-v2 .metricbar .m{border-left:0!important;border-top:1px solid var(--line-soft)!important;padding:12px 14px!important}.sync-v2 .metricbar .m:first-child{border-top:0!important}.sync-v2 .metricbar .m .big{font-size:24px!important}.sync-v2 .cols{grid-template-columns:1fr!important}.sync-v2 .panel{overflow:hidden!important}.sync-v2 .run-table{display:block!important;max-height:none!important;padding:12px!important}.sync-v2 .run-table thead{display:none!important}.sync-v2 .run-table tbody{display:block!important}.sync-v2 .run-table tbody tr{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:10px!important;display:block!important;margin-bottom:9px!important;padding:10px 12px!important}.sync-v2 .run-table tbody tr td{align-items:center!important;border:0!important;display:flex!important;gap:12px!important;justify-content:space-between!important;padding:5px 0!important;text-align:right!important}.sync-v2 .run-table tbody tr td:before{color:var(--faint)!important;content:attr(data-label);flex:0 0 auto;font-size:11.5px!important;font-weight:600!important;text-align:left!important}.sync-v2 .run-table tbody tr td.run-actions{gap:7px!important;justify-content:flex-end!important;padding-top:9px!important}.sync-v2 .run-table tbody tr td.run-actions:before{display:none!important}.sync-v2 .run-table tbody tr td.dur{text-align:right!important}.sync-v2 .run-table .empty{color:var(--faint)!important;display:block!important;padding:24px 0!important;text-align:center!important}.sync-v2 .run-table .empty:before{display:none!important}.sync-v2 .field input{min-width:0!important}.sync-v2 .btn-row .act{flex:1 1 auto!important;justify-content:center!important}}.modal-backdrop .modal .modal-body.log-viewer{color:#d6e0ee!important;font-family:Consolas,JetBrains Mono,Menlo,ui-monospace,monospace!important;font-size:12.5px!important;line-height:1.7!important;padding:14px 16px!important}.modal-backdrop .modal .modal-body.log-viewer .log-line{border:0!important;display:flex!important;gap:12px!important;padding:1px 0!important}.modal-backdrop .modal .modal-body.log-viewer .log-line:hover{background:#ffffff0a!important}.modal-backdrop .modal .modal-body.log-viewer .log-line .seq{font-feature-settings:"tnum"!important;color:#5b6b85!important;flex:none!important;font-variant-numeric:tabular-nums!important;min-width:46px!important;text-align:right!important;-webkit-user-select:none!important;user-select:none!important}.modal-backdrop .modal .modal-body.log-viewer .log-line .content{color:#d6e0ee!important;flex:1 1!important;min-width:0!important;white-space:pre-wrap!important;word-break:break-all!important}.modal-backdrop .modal .modal-body.log-viewer .empty{color:#8a97ab!important;padding:28px!important;text-align:center!important}.modal-backdrop .modal .modal-header h3{flex-wrap:wrap!important;font-size:15px!important}.modal-backdrop .modal .modal-meta{color:#7b8aa3!important}.modal-backdrop .modal{background:#0d1526!important;border:1px solid #1e2b44!important;height:auto!important;max-height:85vh!important;max-height:78vh!important;max-width:760px!important;width:90vw!important}.modal-backdrop .modal .modal-header{background:#0d1526!important;border-bottom:1px solid #94a3b824!important;padding:12px 16px!important}.modal-backdrop .modal .modal-header h3{color:#e7edf6!important}.modal-backdrop .modal .btn-close,.modal-backdrop .modal .modal-meta{color:#93a3bd!important}.modal-backdrop .modal .modal-body.log-viewer{background:#0d1526!important;flex:0 1 auto!important;line-height:1.45!important;max-height:70vh!important;min-height:0!important;padding:10px 14px!important}.modal-backdrop .modal .log-line:has(.content:empty){display:none!important}.modal-backdrop .modal .log-line .content:empty{display:none!important}.modal-backdrop .modal .log-line{min-height:0!important;padding:0!important}@media (max-width:768px){.modal-backdrop{align-items:stretch!important;padding:0!important}.modal-backdrop .modal{border-radius:0!important;inset:0!important;bottom:0!important;height:100%!important;left:0!important;max-height:none!important;max-width:none!important;position:fixed!important;right:0!important;top:0!important;width:100%!important}.modal-backdrop .modal .modal-header{align-items:flex-start!important;flex-wrap:nowrap!important;gap:10px!important}.modal-backdrop .modal .modal-header h3{flex:1 1 auto!important;font-size:14px!important;min-width:0!important}.modal-backdrop .modal .btn-close{align-self:flex-start!important;flex:0 0 auto!important}.modal-backdrop .modal .modal-body.log-viewer{flex:1 1 auto!important;max-height:none!important}.modal-backdrop .modal .modal-header{padding-right:50px!important;position:relative!important}.modal-backdrop .modal .btn-close{display:grid!important;height:32px!important;margin:0!important;place-items:center!important;position:absolute!important;right:12px!important;top:10px!important;width:32px!important}}.back-link{color:#6b7280;display:inline-block;font-size:11px;margin-bottom:4px;text-decoration:none}.back-link:hover{color:#3b82f6}.filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.filter-input{border:1px solid #d1d5db;border-radius:4px;font-size:12px;min-width:120px;padding:5px 10px}.recent-table .kakao-msg{color:#4b5563;font-size:12px}.recent-table .error-cell{color:#991b1b;font-size:12px;max-width:250px;overflow:hidden;text-overflow:ellipsis}code{background:#f3f4f6;border-radius:3px;font-family:Consolas,monospace;font-size:12px;padding:2px 6px}.placeholder{padding:60px 0;text-align:center}.placeholder p{font-size:16px;margin:8px 0}.pagination-bar{align-items:center;border-top:1px solid #f3f4f6;display:flex;flex-wrap:wrap;font-size:13px;gap:8px;margin-top:8px;padding:14px 4px 4px}.pagination-bar .page-info{color:#4b5563;margin:0 12px}.pagination-bar .page-info b{color:#1f2937}.pagination-bar .btn-mini:disabled{cursor:not-allowed;opacity:.4}.App{height:100vh;overflow:hidden}.app-loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin-bottom:16px;width:40px}.app-loading p{font-size:16px;font-weight:500;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}