.notification-drawer .ant-drawer-header{border-bottom:1px solid rgba(255,255,255,.06);padding:20px 24px}.notification-drawer .ant-drawer-body{padding:0;overflow-y:auto}.nd-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.nd-header-left{display:flex;align-items:center;gap:10px}.nd-badge-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:12px;background:linear-gradient(135deg,#4f8cff,#6c5ce7);color:#fff;font-size:12px;font-weight:600}.nd-mark-all-btn{font-size:13px;color:#4f8cff!important;border:none!important;box-shadow:none!important;padding:4px 10px!important;border-radius:8px!important;transition:all .2s ease}.nd-mark-all-btn:hover{background:#4f8cff14!important;color:#3a7bff!important}.nd-tabs{padding:0 24px;border-bottom:1px solid rgba(0,0,0,.04)}.nd-tabs .ant-tabs-nav{margin-bottom:0}.nd-list{display:flex;flex-direction:column}.nd-item{display:flex;align-items:flex-start;gap:14px;padding:16px 24px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(0,0,0,.04);position:relative}.nd-item:hover{background:#4f8cff0a}.nd-item.nd-unread{background:#4f8cff08}.nd-item.nd-unread:hover{background:#4f8cff12}.nd-type-bar{position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;transition:all .2s ease}.nd-type-bar.nd-info{background:linear-gradient(180deg,#4f8cff,#6c5ce7)}.nd-type-bar.nd-task{background:linear-gradient(180deg,#fdcb6e,#e17055)}.nd-icon-wrap{flex-shrink:0;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.nd-item:hover .nd-icon-wrap{transform:scale(1.05)}.nd-icon-wrap.nd-info{background:linear-gradient(135deg,#4f8cff1f,#6c5ce71f);color:#4f8cff}.nd-icon-wrap.nd-task{background:linear-gradient(135deg,#fdcb6e26,#e1705526);color:#e17055}.nd-content{flex:1;min-width:0}.nd-content-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.nd-title{font-size:14px;font-weight:600;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;line-height:1.4}.nd-item.nd-read .nd-title{font-weight:400;color:#8b8fa3}.nd-unread-dot{flex-shrink:0;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#4f8cff,#6c5ce7);box-shadow:0 0 8px #4f8cff66;animation:nd-pulse 2s ease-in-out infinite}@keyframes nd-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.85)}}.nd-text{font-size:13px;color:#6b7280;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.nd-item.nd-read .nd-text{color:#a0a5b8}.nd-time{font-size:11px;color:#9ca3af;display:flex;align-items:center;gap:4px}.nd-time svg{width:12px;height:12px;opacity:.6}.nd-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}.nd-empty-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#4f8cff14,#6c5ce714);display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#b0b8c1}.nd-empty-title{font-size:16px;font-weight:600;color:#4a4a5a;margin-bottom:6px}.nd-empty-text{font-size:13px;color:#9ca3af}.nd-detail-modal .ant-modal-content{border-radius:16px;overflow:hidden}.nd-detail-modal .ant-modal-header{padding:20px 24px 12px;border-bottom:none}.nd-detail-modal .ant-modal-body{padding:0 24px 24px}.nd-detail-type-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.nd-detail-type-tag.nd-info{background:#4f8cff1a;color:#4f8cff}.nd-detail-type-tag.nd-task{background:#e170551a;color:#e17055}.nd-detail-date{display:flex;align-items:center;gap:6px;font-size:12px;color:#9ca3af;margin:8px 0 16px}.nd-detail-content{font-size:14px;line-height:1.7;color:#4a4a5a;background:#00000005;border-radius:10px;padding:16px}.muddat-container{background:#fff;border-radius:8px;width:100%;height:120px;display:flex;flex-direction:column;font-family:Arial,sans-serif;justify-content:center;align-items:center}.muddat-title{text-align:center;font-size:18px;font-weight:700;color:#0d4bcf;margin-bottom:8px}.muddat-content{display:flex;align-items:flex-start}.muddat-left,.muddat-right{display:flex;flex-direction:column;gap:8px}.divider{width:2px;background:#ccc;margin:0 12px}.muddat-row{display:flex;align-items:center;gap:8px}.label{font-size:14px;font-weight:500;display:inline-block;width:80px;text-align:left}.label.red{color:#d93025}.label.orange{color:#ff8c00}.label.green{color:#228b22}.days{font-size:12px;font-weight:500;display:inline-block;width:50px;text-align:center}.btn{border:none;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:700;cursor:pointer;min-width:40px;text-align:center}.btn.blue{background:#0644ff;color:#fff}.btn.yellow{background:#f4c542;color:#000}@media (max-width: 576px){.responsive-table .ant-table-cell,.nested-table .ant-table-cell{padding:8px!important}.responsive-table .ant-table-thead>tr>th,.responsive-table .ant-table-tbody>tr>td,.nested-table .ant-table-thead>tr>th,.nested-table .ant-table-tbody>tr>td{font-size:12px!important;padding:8px!important}.responsive-table .ant-table-cell-ellipsis,.nested-table .ant-table-cell-ellipsis{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}}@media (max-width: 768px){.responsive-table .ant-table-thead>tr>th,.nested-table .ant-table-thead>tr>th{font-size:14px!important;border-radius:0!important}.responsive-table .ant-table-cell,.nested-table .ant-table-cell{padding:12px!important}}.ant-custom-table *{scroll-behavior:unset}.workflow-container{background-color:#f0f2f5;display:flex;align-items:center;justify-content:center;padding:16px}.workflow-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:24px;width:100%;max-width:448px}.workflow-title{font-size:24px;font-weight:700;color:#262626;margin-bottom:24px;margin-top:0}.steps-container,.step-wrapper{position:relative}.step-content{display:flex;align-items:flex-start;gap:16px}.icon-column{display:flex;flex-direction:column;align-items:center;width:32px}.step-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-icon-completed{background-color:#52c41a}.step-icon-current{background-color:#1890ff}.step-icon-rejected{background-color:#f5222d}.step-icon-pending{border:2px solid #d9d9d9;background-color:#fff;font-size:24px;color:#d9d9d9;line-height:1}.icon-svg{width:20px;height:20px;color:#fff}.icon-column>svg{width:32px;height:32px;padding:6px;border-radius:50%;flex-shrink:0}.icon-column>svg:has(+.connector-completed),.step-wrapper:first-child .icon-column>svg.lucide-check{background-color:#52c41a;color:#fff}.icon-column>svg.lucide-loader2{background-color:#1890ff;color:#fff}.icon-column>svg.lucide-x{background-color:#f5222d;color:#fff}.connector{width:2px;height:64px;margin:4px 0}.connector-completed{background-color:#52c41a}.connector-current{background-color:#1890ff}.connector-rejected{background-color:#f5222d}.connector-pending{background-color:#d9d9d9}.text-column{flex:1;padding-bottom:32px}.step-title{font-size:16px;font-weight:600;color:#262626;margin:0}.step-title-current{color:#1890ff}.step-subtitle{font-size:14px;color:#8c8c8c;margin:4px 0 0}.icon-svg.pending{background-color:#429f3f;color:#fff}@media (max-width: 480px){.workflow-card{padding:16px}.workflow-title{font-size:20px}.step-title{font-size:14px}.step-subtitle{font-size:12px}}.document-history{width:100%;padding:40px 20px;background:#fff;min-height:100vh}.document-history-title{font-size:28px;font-weight:600;margin-bottom:32px;color:#000;padding-bottom:16px;border-bottom:1px solid #f0f0f0}.drawer-history-header .ant-drawer-title{font-size:28px;font-weight:600;color:#000}.timeline-v2-container{position:relative}.timeline-v2-item{display:flex;position:relative;margin-bottom:4px}.timeline-v2-left{display:flex;flex-direction:column;align-items:center;margin-right:4px;position:relative}.timeline-v2-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border-radius:50%;z-index:2;flex-shrink:0}.timeline-v2-line{width:2px;flex:1;min-height:80px;border-radius:2px;background:var(--line-color)}.timeline-v2-content{flex:1;background:#fff;border:1px solid #e8e8e8;border-radius:8px;padding:12px;box-shadow:0 1px 2px #00000008;margin-bottom:12px}.timeline-v2-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:16px}.user-info{display:flex;align-items:center;gap:12px}.user-details{display:flex;flex-direction:column;gap:4px}.user-name{margin:0;font-size:18px;font-weight:600;color:#000}.user-role{margin:0;font-size:14px;color:#8c8c8c}.status-info{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.date-time{font-size:14px;color:#595959;white-space:nowrap}.comment-box{padding:12px 16px;border-radius:6px;font-size:14px;color:#262626;line-height:1.6}.comment-label{font-weight:600;color:#000}@media (max-width: 768px){.document-history{padding:20px 12px}.document-history-title{font-size:22px}.timeline-v2-header{flex-direction:column;align-items:flex-start}.status-info{width:100%;justify-content:space-between}.user-name{font-size:16px}}@keyframes flowDown{0%{background-position:0 0}to{background-position:0 30px}}.timeline-v2-line.timeline-v2-line-active{width:2px;background-color:transparent!important;background-image:linear-gradient(to bottom,var(--line-color) 0%,var(--line-color) 30%,transparent 90%);background-size:100% 30px;background-repeat:repeat-y;animation:flowDown 1.2s linear infinite}.dashboard{background-color:#f4f6f9;font-family:Arial,sans-serif}.content{padding:20px}.header{margin-bottom:30px}.header h1{font-size:28px;color:#2c3e50}.dashboard-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:30px}.dashboard-chart-card{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.dashboard-chart-card h2{margin-bottom:20px;font-size:18px;color:#2c3e50;text-align:center}@media (max-width: 768px){.dashboard{flex-direction:column}.sidebar{width:100%;height:auto}.dashboard-charts{grid-template-columns:1fr}}