@import url(https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary:#4f46e5;--primary-dark:#3730a3;--primary-light:#eef2ff;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--purple:#8b5cf6;--sidebar-w:200px;--topbar-h:48px;--radius:10px;--radius-sm:7px;--shadow:0 1px 4px #00000014,0 4px 16px #0000000d;--shadow-lg:0 10px 40px #0000002e;--border:#e5e7eb;--bg:#f5f6fa;--surface:#fff;--text:#111827;--text-muted:#6b7280;--sidebar-bg:#0a0a0a;--font:"Cairo",sans-serif}#root,body,html{background:#f5f6fa;background:var(--bg);color:#111827;color:var(--text);direction:ltr;font-size:14px;height:100%;line-height:1.6}#root,body,button,html{font-family:Cairo,sans-serif;font-family:var(--font)}button{background:none;border:none;cursor:pointer}input,select,textarea{font-family:Cairo,sans-serif;font-family:var(--font);outline:none}.login-bg{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.login-bg:before{background:radial-gradient(circle,#6366f10f 0,#0000 70%);height:500px;left:-150px;top:-150px;width:500px}.login-bg:after,.login-bg:before{border-radius:50%;content:"";position:absolute}.login-bg:after{background:radial-gradient(circle,#8b5cf60d 0,#0000 70%);bottom:-100px;height:400px;right:-100px;width:400px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.login-overlay{display:none}.login-container{align-items:center;display:flex;flex-direction:column;gap:24px;max-width:420px;padding:24px;position:relative;width:100%;z-index:1}.login-brand{text-align:center}.login-logo-img{display:block;height:auto;margin:0 auto 6px;mix-blend-mode:multiply;width:240px}.login-subtitle{color:#6b7280;font-size:13px;margin-top:2px}.login-form{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014,0 0 0 1px #0000000f;padding:32px;width:100%}.login-form-title{color:#111827;font-size:18px;font-weight:700;margin-bottom:24px;text-align:center}.form-group{margin-bottom:16px}.form-label{color:#6b7280;direction:rtl;display:block;font-size:12px;font-weight:600;margin-bottom:6px;text-align:right}.input-wrapper{position:relative}.input-icon{color:#9ca3af;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.input-wrapper .form-input{padding-right:40px}.input-wrapper .form-input.has-toggle{padding-left:40px}.form-input{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:7px;border-radius:var(--radius-sm);color:#111827;direction:rtl;font-size:14px;padding:10px 12px;text-align:right;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.form-input:focus{background:#fff;border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}textarea.form-input{color:#111827;height:auto;min-height:100px;padding:10px 12px;resize:vertical}.toggle-password{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;left:12px;padding:4px;position:absolute;top:50%;transform:translateY(-50%);transition:color .15s;z-index:2}.toggle-password:hover{color:#374151}.login-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;font-size:13px;gap:6px;margin-bottom:16px;padding:10px 14px}.login-btn,.login-error{align-items:center;border-radius:7px;border-radius:var(--radius-sm);display:flex}.login-btn{background:#111827;box-shadow:0 3px 12px #0003;color:#fff;font-family:Cairo,sans-serif;font-family:var(--font);font-size:15px;font-weight:700;justify-content:center;padding:12px;transition:all .2s;width:100%}.login-btn:hover:not(:disabled){background:#1f2937;box-shadow:0 6px 18px #0000004d;transform:translateY(-1px)}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{cursor:not-allowed;opacity:.6}.login-tools{border-top:2px solid #eee;display:flex;flex-direction:column;gap:12px;margin-top:22px;padding-top:18px}.login-tool-btn{align-items:center;border-radius:10px;box-sizing:border-box;color:#fff!important;display:inline-flex;font-size:15px;font-weight:700;gap:8px;justify-content:center;padding:12px 22px;text-decoration:none;transition:filter .15s,transform .15s;width:100%}.login-tool-btn:hover{filter:brightness(.94);transform:translateY(-1px)}.login-tool-attendance{background:#16a34a}.login-tool-cost{background:#4f46e5;background:var(--primary)}.login-tool-templates{background:#5ba3d9}.spinner{animation:spin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.login-hint{border-top:1px solid #f3f4f6;margin-top:18px;padding-top:16px;text-align:center}.login-hint p{color:#9ca3af;font-size:12px;margin-bottom:8px}.hint-accounts{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.hint-accounts span{background:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;color:#6b7280;font-size:11px;padding:3px 10px}.app-root{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-body,.main-area{display:flex;flex:1 1;overflow:hidden}.main-area{flex-direction:column;min-width:0}.topbar-global{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;height:48px;height:var(--topbar-h);justify-content:space-between;padding:0 16px;z-index:50}.topbar-global,.topbar-right{align-items:center;display:flex}.topbar-right{gap:4px}.topbar-left{gap:8px}.topbar-brand,.topbar-left{align-items:center;display:flex}.topbar-brand{margin-left:20px}.topbar-logo-img{height:32px;object-fit:contain;width:auto}.topbar-icon-btn{align-items:center;border-radius:7px;border-radius:var(--radius-sm);color:#6b7280;display:flex;font-size:13px;gap:6px;padding:6px 10px;transition:all .15s}.topbar-icon-btn:hover{background:#f3f4f6;color:#374151}.lang-toggle-btn{border:1.5px solid #e5e7eb;border-radius:8px;color:#6366f1;font-size:12px;font-weight:700;padding:4px 10px}.lang-toggle-btn:hover{background:#eef2ff;border-color:#6366f1}:root[lang=en] .board-page,:root[lang=en] .kanban-board,:root[lang=en] .modal-panel,:root[lang=en] .notif-panel,:root[lang=en] .page,:root[lang=en] .sidebar,:root[lang=en] .topbar-global{direction:ltr}:root[lang=en] .nav-item{flex-direction:row-reverse}:root[lang=en] .sidebar-profile{flex-direction:row-reverse;text-align:left}:root[lang=en] .topbar-left,:root[lang=en] .topbar-right{flex-direction:row-reverse}.topbar-search{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;display:flex;gap:7px;min-width:260px;padding:5px 14px}.topbar-search input{background:none;border:none;color:#374151;font-size:12px;width:140px}.topbar-search input::placeholder,.topbar-search svg{color:#9ca3af}.notif-btn{position:relative}.notif-btn svg{transition:color .2s}.notif-dot{align-items:center;animation:notif-pulse 1.5s ease-in-out infinite;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:9px;font-weight:700;height:16px;justify-content:center;left:6px;position:absolute;top:2px;width:16px}@keyframes notif-pulse{0%,to{box-shadow:0 0 0 0 #ef444466}50%{box-shadow:0 0 0 5px #ef444400}}.sidebar{background:#0a0a0a;background:var(--sidebar-bg);border-left:1px solid #ffffff0d;display:flex;flex-direction:column;flex-shrink:0;order:1;overflow-x:hidden;overflow-y:auto;width:200px;width:var(--sidebar-w)}.sidebar::-webkit-scrollbar{width:3px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.sidebar-logo-wrap{border-bottom:1px solid #ffffff0f;display:flex;justify-content:center;padding:14px 12px 10px}.sidebar-logo-img{height:auto;object-fit:contain;width:130px}.sidebar-profile{align-items:center;border-bottom:1px solid #ffffff12;display:flex;flex-direction:column;gap:8px;padding:16px 14px;text-align:center}.sidebar-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:2px solid #ffffff26;border-radius:50%;color:#fff;display:flex;font-size:20px;font-weight:800;height:52px;justify-content:center;width:52px}.sidebar-username{color:#fff;display:block;font-size:13px;font-weight:700}.sidebar-userrole{color:#fff6;display:block;font-size:10px;margin-top:2px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;padding:10px 8px}.nav-item{align-items:center;border-radius:7px;border-radius:var(--radius-sm);color:#ffffff8c;display:flex;font-size:13px;font-weight:500;gap:10px;justify-content:flex-end;padding:9px 12px;position:relative;text-align:right;transition:all .15s;width:100%}.nav-item .nav-icon-box{align-items:center;background:#eef2ff;border-radius:9px;color:#6366f1;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:background .15s,color .15s;width:34px}.nav-item:hover .nav-icon-box{background:#e0e7ff}.nav-item.active .nav-icon-box{background:#6366f1;color:#fff}.nav-item:hover{background:#ffffff0a;color:#ffffffe6}.nav-item.active{background:#6366f126;color:#fff}.nav-item.active:after{background:#6366f1;border-radius:3px 0 0 3px;content:"";height:50%;left:0;position:absolute;top:25%;width:3px}.nav-divider{background:#ffffff12;height:1px;margin:6px 8px}.sidebar-depts{display:flex;flex-direction:column;gap:1px;padding:2px 8px 4px}.sidebar-dept-item{align-items:center;border-radius:8px;color:#ffffff80;display:flex;font-size:12px;font-weight:500;gap:8px;justify-content:flex-end;padding:7px 10px;text-align:right;transition:all .15s;width:100%}.sidebar-dept-item:hover{background:#ffffff0f;color:#ffffffd9}.sidebar-dept-name{flex:1 1;text-align:right}.sidebar-dept-icon{align-items:center;background:#ffffff14;border-radius:6px;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.sidebar-logout{align-items:center;border-top:1px solid #ffffff12;color:#fff6;display:flex;font-size:13px;gap:10px;justify-content:flex-end;padding:14px 20px;transition:all .15s;width:100%}.sidebar-logout:hover{background:#ef444414;color:#f87171}.projects-page{background:#f0f2f5;display:flex;flex-direction:column;height:100%}.projects-topbar{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;height:52px;justify-content:space-between;padding:0 20px}.projects-topbar-left{align-items:center;display:flex;gap:8px}.topbar-icon{color:#6b7280}.topbar-title{color:#111827;font-size:15px;font-weight:700}.projects-topbar-right,.topbar-btn{align-items:center;display:flex;gap:6px}.topbar-btn{background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;border-radius:var(--radius-sm);color:#6b7280;font-size:12px;font-weight:600;padding:7px 14px;transition:all .15s}.topbar-btn:hover{background:#f3f4f6;color:#111827}.topbar-btn-primary{background:#22c55e!important;border-color:#22c55e!important;box-shadow:0 2px 8px #22c55e4d;color:#fff!important}.topbar-btn-primary:hover{background:#16a34a!important;border-color:#16a34a!important}.dept-list-container{flex:1 1;overflow-y:auto;padding:12px 0}.dept-list-container::-webkit-scrollbar{width:5px}.dept-list-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.dept-list-row{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);cursor:pointer;display:flex;height:68px;overflow:hidden;padding:0 20px 0 0;position:relative;transition:background .12s}.dept-list-row:hover{background:#fafbff}.dept-list-row:hover .row-actions{opacity:1}.row-color-bar{flex-shrink:0;height:100%;width:5px}.row-folder-icon{align-items:center;display:flex;flex-shrink:0;margin:0 16px 0 12px}.row-dept-info{display:flex;flex-direction:column;gap:2px;min-width:0}.row-dept-name{color:#111827;color:var(--text);font-size:14px;font-weight:700}.row-dept-en,.row-dept-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-dept-en{color:#6b7280;color:var(--text-muted);font-size:11px}.row-spacer{flex:1 1}.row-meta-item{align-items:center;color:#6b7280;color:var(--text-muted);display:flex;flex-shrink:0;gap:6px;margin-left:24px}.row-meta-icon{color:#9ca3af}.row-meta-label{font-size:12px}.row-meta-value{color:#111827;color:var(--text);font-size:13px;font-weight:700;min-width:20px;text-align:center}.row-due{color:#6b7280;color:var(--text-muted);font-weight:500}.row-arrow{color:#d1d5db;flex-shrink:0;margin-left:12px}.row-actions{display:flex;gap:4px;margin-left:8px;opacity:0;transition:opacity .15s}.row-action-btn{align-items:center;border-radius:6px;color:#6b7280;color:var(--text-muted);display:flex;padding:5px;transition:all .12s}.row-action-btn:hover{background:#f5f6fa;background:var(--bg);color:#111827;color:var(--text)}.row-action-danger:hover{background:#fef2f2!important;color:#ef4444!important;color:var(--danger)!important}.dept-empty-state{align-items:center;color:#6b7280;color:var(--text-muted);display:flex;flex-direction:column;gap:14px;padding:60px;text-align:center}.dept-cards-container{grid-gap:18px;align-content:start;display:grid;flex:1 1;gap:18px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));overflow-y:auto;padding:20px}.dept-cards-container::-webkit-scrollbar{width:5px}.dept-cards-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.dept-project-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;cursor:pointer;overflow:hidden;transition:box-shadow .2s,transform .18s}.dept-project-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-3px)}.dpc-header{height:100px;padding:16px 14px;position:relative}.dpc-header,.dpc-header-icon{align-items:center;display:flex;justify-content:center}.dpc-header-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border-radius:14px;height:56px;width:56px}.dpc-actions{display:flex;gap:4px;left:10px;opacity:0;position:absolute;top:10px;transition:opacity .15s}.dept-project-card:hover .dpc-actions{opacity:1}.dpc-action-btn{align-items:center;border-radius:6px;color:#fffc;display:flex;padding:5px;transition:background .12s}.dpc-action-btn:hover{background:#fff3;color:#fff}.dpc-danger:hover{background:#ef444466!important}.dpc-body{padding:14px;text-align:center}.dpc-name{color:#111827;font-size:15px;font-weight:700;margin-bottom:3px}.dpc-desc{color:#9ca3af;font-size:11px;margin-bottom:12px}.dpc-progress-wrap{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:14px}.dpc-progress-bar{background:#f3f4f6;border-radius:3px;flex:1 1;height:6px;overflow:hidden}.dpc-progress-fill{border-radius:3px;height:100%;transition:width .4s ease}.dpc-progress-pct{color:#6b7280;color:var(--text-muted);font-size:11px;font-weight:700;min-width:30px}.dpc-stats{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.dpc-stat{align-items:center;border-radius:7px;border-radius:var(--radius-sm);direction:rtl;display:flex;flex-direction:row;gap:8px;padding:7px 12px}.dpc-stat-count{font-size:16px;font-weight:800;min-width:24px;text-align:center}.dpc-stat-label{flex:1 1;font-size:12px;font-weight:600}.dpc-footer{border-top:1px solid #f3f4f6;color:#9ca3af;font-size:11px;gap:6px;padding-top:10px}.dept-add-card,.dpc-footer{align-items:center;display:flex}.dept-add-card{background:#fafafa!important;border:2px dashed #d1d5db!important;color:#6b7280;color:var(--text-muted);flex-direction:column;font-size:13px;font-weight:600;gap:10px;justify-content:center;min-height:200px;transition:border-color .2s,color .2s,background .2s!important}.dept-add-card:hover{background:#eef2ff!important;background:var(--primary-light)!important;border-color:#4f46e5!important;border-color:var(--primary)!important;color:#4f46e5!important;color:var(--primary)!important;transform:translateY(-3px)}.board-page{display:flex;flex-direction:column;height:100%;overflow:hidden}.board-breadcrumb{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:row-reverse;flex-shrink:0;gap:8px;padding:10px 20px}.breadcrumb-back{align-items:center;color:#6b7280;color:var(--text-muted);display:flex;font-size:13px;font-weight:600;gap:4px;transition:color .15s}.breadcrumb-back:hover{color:#4f46e5;color:var(--primary)}.breadcrumb-sep{color:#d1d5db;font-size:12px}.breadcrumb-current{font-size:13px;font-weight:700}.board-stats{background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;flex-direction:row-reverse;flex-shrink:0;flex-wrap:wrap;gap:8px;padding:8px 20px}.board-stat-pill{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:20px;display:flex;font-size:12px;font-weight:600;gap:6px;padding:4px 12px}.board-stat-total{color:#6b7280;color:var(--text-muted)}.stat-dot{border-radius:50%;height:8px;width:8px}.stat-count{align-items:center;border-radius:10px;color:#fff;display:inline-flex;font-size:11px;height:20px;justify-content:center;min-width:20px;padding:0 5px}.kanban-board{align-items:flex-start;display:flex;flex:1 1;gap:14px;overflow-x:auto;overflow-y:auto;padding:16px 20px;width:100%}.sortable-col-wrap{display:flex;flex:1 1;flex-direction:column;min-width:200px;position:relative}.col-drag-handle{align-items:center;border-radius:6px 6px 0 0;color:#9ca3af;cursor:grab;display:flex;height:18px;justify-content:center;transition:background .15s,color .15s;width:100%}.col-drag-handle:hover{background:#e5e7eb;color:#374151}.col-drag-handle:active{cursor:grabbing}.sortable-col-wrap .kanban-col{flex:1 1;min-width:0;min-width:auto}.kanban-board::-webkit-scrollbar{height:6px}.kanban-board::-webkit-scrollbar-track{background:#f5f6fa;background:var(--bg)}.kanban-board::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.kanban-col{background:#f8fafc;border:1.5px solid #e5e7eb;border-radius:10px;border-radius:var(--radius);display:flex;flex:1 1;flex-direction:column;min-width:200px;transition:border-color .2s,box-shadow .2s}.kanban-col.col-over{border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 2px #4f46e526}.col-header{background:color-mix(in srgb,var(--col-color) 12%,#f8fafc);border-bottom:1px solid #e5e7eb;border-radius:10px 10px 0 0;border-radius:var(--radius) var(--radius) 0 0;justify-content:space-between;padding:12px 14px;position:-webkit-sticky;position:sticky;top:0}.col-header,.col-header-left{align-items:center;display:flex}.col-header-left{gap:8px}.col-header-right{align-items:center;display:flex;gap:4px}.col-indicator{border-radius:50%;height:10px;width:10px}.col-title{font-size:13px;font-weight:700}.col-action-btn{align-items:center;border-radius:5px;color:#6b7280;color:var(--text-muted);display:flex;height:22px;justify-content:center;opacity:0;transition:all .12s;width:22px}.kanban-col:hover .col-action-btn{opacity:1}.col-action-btn:hover{background:#f3f4f6;color:#4f46e5;color:var(--primary)}.col-action-danger:hover{background:#fef2f2!important;color:#ef4444!important;color:var(--danger)!important}.col-edit-form{display:flex;flex-direction:column;gap:8px;width:100%}.col-edit-input{background:#fff;border:1.5px solid #4f46e5;border:1.5px solid var(--primary);border-radius:7px;border-radius:var(--radius-sm);color:#111827;font-family:Cairo,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;outline:none;padding:7px 10px;width:100%}.col-color-picker{display:flex;flex-wrap:wrap;gap:6px}.col-color-dot{border:2px solid #0000;border-radius:50%;cursor:pointer;height:20px;transition:transform .12s;width:20px}.col-color-dot:hover{transform:scale(1.2)}.col-color-active{border-color:#fff;box-shadow:0 0 0 2px #374151;transform:scale(1.15)}.col-edit-actions{display:flex;gap:6px}.col-edit-save{align-items:center;background:#10b981;border-radius:7px;border-radius:var(--radius-sm);color:#fff;display:flex;height:28px;justify-content:center;transition:background .12s;width:28px}.col-edit-save:hover{background:#059669}.col-edit-cancel{align-items:center;background:#f3f4f6;border-radius:7px;border-radius:var(--radius-sm);color:#6b7280;display:flex;height:28px;justify-content:center;transition:background .12s;width:28px}.col-edit-cancel:hover{background:#e5e7eb}.col-add-btn{align-items:center;background:#0000;border:2px dashed #d1d5db;border-radius:10px;border-radius:var(--radius);color:#9ca3af;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;font-family:Cairo,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;gap:8px;height:-webkit-fit-content;height:fit-content;justify-content:center;min-width:200px;padding:24px 16px;transition:all .15s}.col-add-btn:hover{background:#eef2ff;border-color:#4f46e5;border-color:var(--primary);color:#4f46e5;color:var(--primary)}.col-add-form{height:-webkit-fit-content;height:fit-content;min-width:220px}.col-add-body{display:flex;flex-direction:column;gap:10px;padding:16px}.col-add-footer{display:flex;gap:8px}.col-count{border-radius:20px;font-size:11px;font-weight:700;min-width:24px;padding:2px 8px;text-align:center}.col-body{display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:140px;padding:10px 10px 16px}.col-body::-webkit-scrollbar{width:3px}.col-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.col-empty{align-items:center;border:2px dashed #d1d5db;color:#6b7280;color:var(--text-muted);display:flex;font-size:12px;justify-content:center;min-height:120px;padding:20px;pointer-events:none}.col-empty,.order-card{border-radius:7px;border-radius:var(--radius-sm)}.order-card{background:#fff;border:1px solid #e5e7eb;border-right:3px solid #0000;cursor:grab;overflow:hidden;padding:12px;position:relative;touch-action:none;transition:box-shadow .2s}.order-card:hover{border-right-color:#4f46e5;border-right-color:var(--primary);box-shadow:0 2px 12px #00000014}.order-card:active{cursor:grabbing}.order-card.card-dragging{opacity:.4}.order-card.card-no-drag{cursor:default!important}.order-card.card-is-new{border-right-color:#6366f1}.card-new-badge{background:#6366f1;border-radius:5px;box-shadow:0 2px 6px #6366f159;color:#fff;font-size:10px;font-weight:800;letter-spacing:.6px;line-height:1.2;padding:3px 7px;pointer-events:none;position:absolute;right:8px;top:8px;z-index:3}.card-overdue-banner{align-items:center;background:#fef2f2;border-bottom:1px solid #fecaca;color:#ef4444;color:var(--danger);display:flex;font-size:10px;font-weight:700;gap:4px;margin:-12px -12px 8px;padding:3px 8px}.card-header{align-items:center;display:flex;flex-direction:row-reverse;flex-wrap:wrap;gap:5px;justify-content:flex-end;margin-bottom:7px}.card-priority{font-weight:700;padding:2px 8px}.card-priority,.card-tag{border-radius:20px;font-size:10px}.card-tag{background:#f3f4f6;color:#6b7280;color:var(--text-muted);padding:2px 7px}.card-title{color:#111827;color:var(--text);font-size:13px;font-weight:600;line-height:1.4;margin-bottom:5px}.card-desc{color:#6b7280;color:var(--text-muted);font-size:11px;line-height:1.5;margin-bottom:7px}.card-footer{flex-direction:row-reverse;justify-content:space-between;margin-top:8px}.card-footer,.card-meta{align-items:center;display:flex}.card-meta{gap:10px}.card-meta-item{align-items:center;color:#6b7280;color:var(--text-muted);display:flex;font-size:11px;gap:4px}.overdue-text{color:#ef4444!important;color:var(--danger)!important;font-weight:600}.card-assignee{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:26px;justify-content:center;width:26px}.card-unassigned{background:#f5f6fa;background:var(--bg);border:1px dashed #e5e7eb;border:1px dashed var(--border);color:#6b7280;color:var(--text-muted)}.main-header{background:#fff;border-bottom:1px solid #e5e7eb;flex-direction:row-reverse;flex-shrink:0;gap:16px;height:58px;justify-content:space-between;padding:0 20px}.header-left,.main-header{align-items:center;display:flex}.header-left{gap:12px}.header-menu-btn{border-radius:8px;color:#6b7280;color:var(--text-muted);padding:6px}.header-title-wrap{align-items:center;display:flex;flex-direction:row-reverse;gap:10px}.header-page-icon{align-items:center;background:#eef2ff;border-radius:10px;color:#6366f1;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.header-title{color:#111827;color:var(--text);font-size:16px;font-weight:700}.header-subtitle{color:#6b7280;color:var(--text-muted);font-size:11px;margin-top:1px}.header-right,.header-search{align-items:center;display:flex;gap:8px}.header-search{background:#f9fafb;border:1px solid #e5e7eb;border-radius:20px;padding:6px 14px}.search-icon{color:#6b7280;color:var(--text-muted)}.search-input{background:none;border:none;color:#111827;color:var(--text);font-size:13px;width:130px}.header-notif{border-radius:8px;color:#6b7280;color:var(--text-muted);cursor:pointer;padding:7px;position:relative}.header-notif:hover{background:#f5f6fa;background:var(--bg)}.notif-badge{background:#ef4444;background:var(--danger);border-radius:50%;font-size:9px;height:15px;justify-content:center;left:4px;position:absolute;top:4px;width:15px}.header-add-btn,.notif-badge{align-items:center;color:#fff;display:flex}.header-add-btn{background:#22c55e;border-radius:7px;border-radius:var(--radius-sm);box-shadow:0 2px 8px #22c55e4d;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .15s}.header-add-btn:hover{background:#16a34a;transform:translateY(-1px)}.page{display:flex;flex-direction:column;height:100%;overflow:hidden}.page-content{flex:1 1;overflow-y:auto;padding:20px}.page-content::-webkit-scrollbar{width:5px}.page-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.page-actions{display:flex;gap:10px;margin-bottom:20px}.stats-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;border-radius:var(--radius);display:flex;flex-direction:row-reverse;gap:10px;padding:12px 14px;transition:box-shadow .2s,transform .15s}.stat-card:hover{box-shadow:0 1px 4px #00000014,0 4px 16px #0000000d;box-shadow:var(--shadow);transform:translateY(-1px)}.stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.stat-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.stat-value{display:block;font-size:13px;font-weight:700;line-height:1.3}.stat-label{color:#6b7280;color:var(--text-muted);display:block;font-size:11px}.dashboard-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr}.dashboard-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;border-radius:var(--radius);overflow:hidden;padding:16px}.dash-charts-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr;margin-bottom:0}.dash-chart-card,.dash-chart-wide{background:#fff;border:1px solid #e5e7eb;border-radius:10px;border-radius:var(--radius);padding:16px 20px}.dash-chart-wide{margin-bottom:0}.dash-chart-title{color:#374151;font-size:13px;font-weight:700;margin-bottom:12px;text-align:right}.dash-chart-center{flex-direction:column}.dash-chart-center,.dash-empty{align-items:center;display:flex}.dash-empty{color:#9ca3af;font-size:13px;height:160px;justify-content:center}.card-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.card-title-row h3{align-items:center;display:flex;font-size:14px;font-weight:700;gap:8px}.link-btn{color:#4f46e5;color:var(--primary);font-size:12px;font-weight:600}.link-btn:hover{text-decoration:underline}.recent-orders{grid-column:1}.dept-overview,.users-summary{grid-column:2}.table-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;border-radius:var(--radius);overflow:hidden}.orders-table-wrap{overflow-x:auto}.orders-table{border-collapse:collapse;direction:rtl;font-size:13px;width:100%}.orders-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);color:#6b7280;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.4px;padding:9px 12px;text-transform:uppercase}.orders-table td,.orders-table th{text-align:right;white-space:nowrap}.orders-table td{border-bottom:1px solid #f3f4f6;padding:10px 12px;vertical-align:middle}.table-row:hover{background:#f9fafb}.table-row.clickable{cursor:pointer}.row-overdue{background:#fef2f2!important}.row-overdue:hover{background:#220d0d!important}.empty-row{color:#6b7280;color:var(--text-muted);padding:28px!important;text-align:center}.order-title-cell{max-width:220px;overflow:hidden;text-overflow:ellipsis}.row-num,.time-cell{color:#6b7280;color:var(--text-muted);font-size:12px}.row-num{width:30px}.full-table{min-width:700px}.dept-list{display:flex;flex-direction:column;gap:6px}.dept-row{align-items:center;border-radius:7px;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:space-between;padding:9px 10px;transition:background .12s}.dept-row:hover{background:#f5f6fa;background:var(--bg)}.dept-row-left{gap:10px}.dept-circle,.dept-row-left{align-items:center;display:flex}.dept-circle{border-radius:50%;color:#fff;font-size:13px;font-weight:700;height:34px;justify-content:center;width:34px}.dept-row-name{font-size:13px;font-weight:600}.dept-row-sub{color:#6b7280;color:var(--text-muted);font-size:11px}.dept-row-stats{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.dept-stat{font-size:11px}.active-stat{color:#f59e0b;color:var(--warning)}.done-stat{color:#10b981;color:var(--success)}.users-list-mini{display:flex;flex-direction:column;gap:6px}.user-mini-row{align-items:center;display:flex;gap:10px;padding:5px 0}.user-mini-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:30px;justify-content:center;width:30px}.user-mini-name{display:block;font-size:12px;font-weight:600}.user-mini-dept{display:block;font-size:10px}.user-mini-count,.user-mini-dept{color:#6b7280;color:var(--text-muted)}.user-mini-count{background:#f5f6fa;background:var(--bg);border-radius:20px;font-size:11px;margin-right:auto;padding:2px 8px}.filters-bar{flex-wrap:wrap;margin-bottom:16px}.filters-bar,.search-bar{align-items:center;display:flex;gap:8px}.search-bar{background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;border-radius:var(--radius-sm);flex:1 1;min-width:200px;padding:7px 14px}.search-bar input{background:none;border:none;flex:1 1}.filter-select,.search-bar input{color:#111827;color:var(--text);font-size:13px}.filter-select{background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;border-radius:var(--radius-sm);cursor:pointer;padding:7px 12px}.filter-select:focus{border-color:#4f46e5;border-color:var(--primary)}.filter-icon{color:#6b7280;color:var(--text-muted);display:flex}.tools-cards-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,280px));justify-content:end}.tools-card{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 14px #1d1c390a;box-sizing:border-box;color:inherit;display:flex;flex-direction:column;gap:14px;min-height:180px;padding:20px;text-decoration:none;transition:transform .15s,box-shadow .2s,border-color .15s;width:100%}.tools-card:hover{border-color:#c4b5fd;box-shadow:0 10px 24px #6438e01f;transform:translateY(-3px)}.tools-card-btn{appearance:none;-webkit-appearance:none;background:#fff;background:var(--surface);cursor:pointer;font:inherit;max-width:none;text-align:inherit;width:100%}.tools-card-icon{align-items:center;border-radius:14px;box-shadow:0 6px 16px #0000001f;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.tools-card-body{display:flex;flex:1 1;flex-direction:column}.tools-card-body h3{color:#1d1c39;font-size:16px;font-weight:800;margin:0 0 6px}.tools-card-body p{color:#6b7280;color:var(--text-muted);flex:1 1;font-size:13px;line-height:1.45;margin:0}.tools-card-open{align-items:center;color:#6438e0;display:inline-flex;font-size:13px;font-weight:700;gap:6px}html[data-view=phone] .tools-cards-grid{grid-template-columns:1fr;justify-content:stretch}.order-type-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,340px));justify-content:start}.order-type-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:18px;box-shadow:0 6px 18px #1d1c390f;cursor:pointer;display:flex;flex-direction:column;font:inherit;overflow:hidden;padding:0;text-align:inherit;transition:transform .15s,box-shadow .2s,border-color .15s}.order-type-card:hover{border-color:#6438e0;border-color:var(--order-type-color,#6438e0);box-shadow:0 14px 28px #6438e029;transform:translateY(-4px)}.order-type-card-media{align-items:center;display:flex;justify-content:center;min-height:160px;padding:28px}.order-type-card-img{filter:brightness(0) invert(1);height:96px;object-fit:contain;width:96px}.order-type-card-body{display:flex;flex-direction:column;gap:12px;padding:18px 20px 20px}.order-type-card-body h3{display:flex;flex-direction:column;gap:4px;margin:0}.order-type-en{color:#1d1c39;font-size:17px;font-weight:800;letter-spacing:.2px}.order-type-ar{color:#64748b;font-size:15px;font-weight:700}.order-type-card .tools-card-open{color:#16a34a;color:var(--order-type-color,#16a34a)}.orq-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.orq-mini-btn{align-items:center;border:none;border-radius:9px;box-shadow:0 2px 8px #0f172a1f;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:800;gap:8px;padding:8px 12px;white-space:nowrap}.orq-mini-btn:hover:not(:disabled){filter:brightness(.96)}.orq-mini-btn:disabled{cursor:not-allowed;opacity:.5}.orq-mini-icon{filter:brightness(0) invert(1);flex-shrink:0;height:18px;object-fit:contain;width:18px}.orq-mini-names{align-items:flex-start;display:inline-flex;flex-direction:column;gap:0;line-height:1.15;text-align:start}.orq-mini-en{font-size:12px;font-weight:800;letter-spacing:.01em}.orq-mini-ar{font-size:11px;font-weight:700;opacity:.92}.orq-table-section{margin-top:0}.orq-split-tables{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr 1fr}.orq-split-panel{display:flex;flex-direction:column;gap:0;min-width:0}.orq-split-card{margin:0;overflow:hidden}.orq-banner-row th{background:color-mix(in srgb,#16a34a 10%,#fff)!important;background:color-mix(in srgb,var(--orq-color,#16a34a) 10%,#fff)!important;border-bottom:none!important;padding:0!important}.orq-banner-cell{box-sizing:border-box;gap:14px;padding:16px 14px;width:100%}.orq-banner-cell,.orq-banner-icon{align-items:center;display:flex;justify-content:center}.orq-banner-icon{border-radius:12px;box-shadow:0 2px 8px color-mix(in srgb,#16a34a 35%,#0000);box-shadow:0 2px 8px color-mix(in srgb,var(--orq-color,#16a34a) 35%,#0000);flex-shrink:0;height:52px;width:52px}.orq-banner-icon img{filter:brightness(0) invert(1);height:36px;object-fit:contain;width:36px}.orq-banner-names{display:flex;flex-direction:column;gap:1px;line-height:1.25;min-width:0;text-align:center}.orq-banner-en{font-size:17px;font-weight:800;letter-spacing:.02em}.orq-banner-ar{font-size:12px;font-weight:700;opacity:.85}.orq-order-row{cursor:pointer}.orq-order-row:hover{background:#f8fafc}.orq-order-link{color:#4f46e5;text-decoration:none}.orq-order-row:hover .orq-order-link{color:#4338ca}@media (max-width:980px){.orq-split-tables{grid-template-columns:1fr}}.orq-row-actions{flex-wrap:wrap;gap:6px}.orq-action-btn,.orq-row-actions{align-items:center;display:inline-flex}.orq-action-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#475569;cursor:pointer;font-family:inherit;height:32px;justify-content:center;padding:0;width:32px}.orq-action-btn.view:hover{background:#eff6ff;border-color:#93c5fd;color:#1d4ed8}.orq-action-btn.edit:hover{background:#f5f3ff;border-color:#c4b5fd;color:#5b21b6}.orq-action-btn.delete{border-color:#fecaca;color:#dc2626}.orq-action-btn.delete:hover{background:#fef2f2;border-color:#fca5a5}.mat-modal{border-radius:16px;display:flex;flex-direction:column;max-height:86vh;overflow:hidden;padding:0!important;width:min(480px,94vw)}.mat-modal-wide{width:min(1180px,98vw)}.mat-sections{grid-gap:0;background:#f8fafc;display:grid;flex:1 1;gap:0;grid-template-columns:1fr 1fr 1fr;min-height:0;overflow-y:auto}.mat-section{-webkit-border-start:1px solid #e5e7eb;border-inline-start:1px solid #e5e7eb;display:flex;flex-direction:column;gap:10px;min-height:280px;padding:14px}.mat-section:first-child{-webkit-border-start:none;border-inline-start:none}.mat-section h3{color:#111827;color:var(--mat-color,#111827);font-size:15px;font-weight:800;margin:0}.mat-section-title{align-items:center;display:flex;gap:10px}.mat-section-icon{align-items:center;background:#64748b;background:var(--mat-color,#64748b);border-radius:12px;box-shadow:0 2px 8px color-mix(in srgb,#64748b 35%,#0000);box-shadow:0 2px 8px color-mix(in srgb,var(--mat-color,#64748b) 35%,#0000);display:inline-flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.mat-section-icon img{filter:brightness(0) invert(1);height:28px;object-fit:contain;width:28px}.mat-add-grid{grid-gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:grid;gap:8px;grid-template-columns:1fr 1fr;padding:10px}.mat-add-grid-digital{grid-template-columns:1fr 1fr 1fr}.mat-add-grid-pack{grid-template-columns:1fr 1fr}.mat-add-grid-digital .mat-form-actions,.mat-add-grid-digital .mat-live-costs,.mat-add-grid-pack .mat-auto-sheet,.mat-add-grid-pack .mat-form-actions,.mat-add-grid-pack .mat-live-costs{grid-column:1/-1}.mat-auto-sheet{align-items:center;background:#ecfdf5;border:1px dashed #86efac;border-radius:10px;color:#166534;display:flex;font-size:12px;font-weight:700;gap:10px;justify-content:space-between;padding:10px 12px}.mat-sheet-note-purple{background:#f5f3ff;border-color:#ddd6fe;color:#5b21b6}.mat-auto-sheet-purple{background:#f5f3ff;border-color:#c4b5fd;color:#5b21b6}.mat-auto-sheet-purple strong{color:#6d28d9}.mat-sheet-note-teal{background:#f0fdfa;border-color:#99f6e4;color:#0f766e}.mat-auto-sheet-teal{background:#f0fdfa;border-color:#5eead4;color:#0f766e;flex-wrap:wrap}.mat-auto-sheet-teal strong{color:#0d9488}.mat-auto-sheet-sub{font-size:10px;font-weight:600;opacity:.75;width:100%}.mat-acrylic-piece-price{background:#f0fdfa;border-color:#99f6e4;color:#0d9488!important}.mat-meter-price{background:#f5f3ff;border:1px solid #ddd6fe;border-radius:6px;color:#7c3aed!important;flex-shrink:0;font-weight:800;padding:1px 6px;unicode-bidi:isolate}.mat-meter-price.mat-acrylic-piece-price{background:#f0fdfa;border-color:#99f6e4;color:#0d9488!important}.mat-sheet-note{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#64748b;font-size:11px;line-height:1.45;margin:0;padding:8px 10px}.mat-size-legend{color:#64748b;display:flex;flex-wrap:wrap;font-size:10px;gap:6px}.mat-size-legend span{background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:3px 8px}.mat-live-costs{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;padding:8px 10px}.mat-live-costs-title{color:#15803d;font-size:11px;font-weight:700;margin-bottom:6px}.mat-piece-costs{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr}.mat-piece-costs.compact{margin-top:8px}.mat-piece-cost{align-items:baseline;background:#fff;border:1px solid #e2e8f0;border-radius:10px;display:flex;flex-direction:row;flex-wrap:wrap;gap:6px 12px;justify-content:space-between;min-width:0;padding:10px 14px}.mat-piece-size{color:#0f172a;flex:1 1 auto;font-size:13px;font-weight:800}.mat-piece-meta{color:#64748b;font-size:12px;font-weight:600}.mat-piece-price{-webkit-margin-start:auto;color:#15803d;font-size:14px;font-weight:800;margin-inline-start:auto}.mat-item-digital{align-items:stretch;flex-direction:column}.mat-item-digital.expandable{cursor:pointer;-webkit-user-select:none;user-select:none}.mat-item-digital.expandable:hover{border-color:#86efac}.mat-item-top{align-items:center;display:flex;gap:8px;justify-content:space-between;width:100%}.mat-item-top-end{align-items:center;display:flex;flex-shrink:0;gap:6px}.mat-expand-chevron{color:#94a3b8;flex-shrink:0;transition:transform .18s ease}.mat-expand-chevron.open{color:#16a34a;transform:rotate(180deg)}.mat-expand-hint{color:#94a3b8;display:block;font-size:10px;font-weight:600;margin-top:2px}@media (max-width:720px){.mat-add-grid-digital{grid-template-columns:1fr}}.mat-add-grid label{color:#64748b;display:flex;flex-direction:column;font-size:11px;font-weight:700;gap:4px}.mat-add-grid input{border:1.5px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:12px;font-weight:600;padding:8px 10px}.mat-add-grid input:focus{border-color:#ea580c;border-color:var(--mat-color,#ea580c);box-shadow:0 0 0 3px color-mix(in srgb,#ea580c 18%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--mat-color,#ea580c) 18%,#0000);outline:none}.mat-add-trigger{justify-content:center;margin:0;width:100%}.mat-form-actions .mat-add-btn{background:#ea580c;background:var(--mat-color,#ea580c);flex:1 1;justify-content:center}.mat-cancel-btn{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#475569;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;padding:10px 14px}.mat-item-actions{align-items:center;display:flex;flex-shrink:0;gap:6px}.mat-edit-btn{align-items:center;background:#f5f3ff;border:none;border-radius:8px;color:#5b21b6;cursor:pointer;display:flex;height:30px;justify-content:center;width:30px}.mat-edit-btn:hover{background:#ede9fe}.mat-item.editing{border-color:#6438e0;border-color:var(--mat-color,#6438e0);box-shadow:0 0 0 2px color-mix(in srgb,#6438e0 18%,#0000);box-shadow:0 0 0 2px color-mix(in srgb,var(--mat-color,#6438e0) 18%,#0000)}.mat-item-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.mat-item-meta strong{color:#111827;font-size:13px}.mat-item-meta small{color:#64748b;font-size:11px;font-weight:600}.mat-item-subline{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.mat-item-subline-text{unicode-bidi:isolate}@media (max-width:1100px){.mat-sections{grid-template-columns:1fr}.mat-section{-webkit-border-start:none;border-inline-start:none;border-top:1px solid #e5e7eb}.mat-section:first-child{border-top:none}}.mat-header{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;justify-content:space-between;padding:16px 18px}.mat-header,.mat-header-title{align-items:center;display:flex;gap:12px}.mat-header-icon{align-items:center;background:#ffffff2e;border-radius:12px;display:flex;height:40px;justify-content:center;width:40px}.mat-header h2{font-size:17px;font-weight:800;margin:0}.mat-header p{font-size:12px;font-weight:500;margin:2px 0 0;opacity:.9}.mat-close{align-items:center;background:#ffffff29;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:34px;justify-content:center;width:34px}.mat-close:hover{background:#ffffff47}.mat-add-row{background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:8px;padding:14px 16px}.mat-add-row input{border:1.5px solid #e5e7eb;border-radius:10px;flex:1 1;font-family:inherit;font-size:13px;font-weight:600;padding:10px 12px}.mat-add-row input:focus{border-color:#ea580c;box-shadow:0 0 0 3px #ea580c1f;outline:none}.mat-add-btn{align-items:center;background:#16a34a;background:var(--mat-color,#16a34a);border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:12px;font-weight:800;gap:5px;padding:10px 14px;white-space:nowrap}.mat-add-btn:disabled{cursor:not-allowed;opacity:.5}.mat-list{background:#f8fafc;display:flex;flex-direction:column;gap:6px;min-height:160px;overflow-y:auto;padding:10px 12px 16px}.mat-empty{color:#94a3b8;font-size:13px;font-weight:600;margin:28px 0;text-align:center}.mat-item{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#111827;font-size:13px;font-weight:700;gap:10px;justify-content:space-between;padding:10px 12px}.mat-del-btn,.mat-item{align-items:center;display:flex}.mat-del-btn{background:#fef2f2;border:none;border-radius:8px;color:#dc2626;cursor:pointer;height:30px;justify-content:center;width:30px}.mat-del-btn:hover{background:#fee2e2}.mat-section .mat-item{--mat-color:inherit}.dp2-field-hint{color:#ea580c;font-size:11px;font-weight:600}.orq-table-head{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px}.orq-table-head h3{color:#111827;font-size:15px;font-weight:800;margin:0}.orq-filters{display:flex;flex-wrap:wrap;gap:8px}.orq-filter-btn{background:#fff;border:1.5px solid #e5e7eb;border-radius:999px;color:#64748b;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;padding:6px 12px}.orq-filter-btn.active{background:color-mix(in srgb,#16a34a 12%,#fff);background:color-mix(in srgb,var(--orq-color,#16a34a) 12%,#fff);border-color:#16a34a;border-color:var(--orq-color,#16a34a);color:#16a34a;color:var(--orq-color,#16a34a)}.orq-type-badge{border-radius:999px;display:inline-flex;font-size:11px;font-weight:800;padding:4px 10px}.dept-cards-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.dept-card{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);overflow:hidden;transition:box-shadow .2s,transform .15s}.dept-card:hover{box-shadow:0 1px 4px #00000014,0 4px 16px #0000000d;box-shadow:var(--shadow);transform:translateY(-2px)}.dept-card-top{align-items:center;color:#fff;display:flex;justify-content:space-between;padding:16px}.dept-card-top h3{font-size:14px;font-weight:700}.dept-card-actions{display:flex;gap:4px}.icon-btn-white{border-radius:6px;color:#ffffffb3;padding:5px;transition:all .15s}.icon-btn-white:hover{background:#fff3;color:#fff}.dept-card-body{padding:14px}.dept-card-desc{color:#6b7280;color:var(--text-muted);font-size:12px;margin-bottom:10px}.dept-card-stats{display:flex;gap:14px;margin-bottom:8px}.dept-card-stat{color:#6b7280;color:var(--text-muted);gap:5px}.dept-card-stat,.dept-manager{align-items:center;display:flex;font-size:12px}.dept-manager{font-weight:600;gap:8px}.manager-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:700;height:26px;justify-content:center;width:26px}.icon-picker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.icon-pick-btn{align-items:center;border:1.5px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .15s;width:38px}.icon-pick-btn:hover{border-color:#555;transform:scale(1.1)}.icon-selected{border-color:#0000!important;box-shadow:0 0 0 2px #ffffff4d;transform:scale(1.1)}.color-picker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.color-btn{border:2px solid #0000;border-radius:50%;height:28px;transition:transform .12s;width:28px}.color-btn:hover,.color-selected{transform:scale(1.2)}.color-selected{border-color:#fff!important}.color-preview{border:1.5px solid;border-radius:7px;border-radius:var(--radius-sm);font-size:13px;font-weight:700;margin-top:4px;padding:10px 14px}.color-preview,.user-cell{align-items:center;display:flex;gap:10px}.user-cell-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:32px;justify-content:center;width:32px}.user-cell-avatar-img{border:2px solid #e5e7eb;object-fit:cover}.action-btns{display:flex;gap:4px}.avatar-upload-section{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;flex-direction:column;gap:10px;margin-bottom:4px;padding-bottom:16px}.avatar-preview-wrap{border:3px solid #e5e7eb;border-radius:50%;cursor:pointer;height:90px;overflow:hidden;position:relative;transition:border-color .2s;width:90px}.avatar-preview-wrap:hover{border-color:#4f46e5;border-color:var(--primary)}.avatar-preview-img{display:block;height:100%;object-fit:cover;width:100%}.avatar-preview-placeholder{background:linear-gradient(135deg,#6366f1,#8b5cf6);font-size:32px;font-weight:800;height:100%;width:100%}.avatar-preview-placeholder,.avatar-upload-overlay{align-items:center;color:#fff;display:flex;justify-content:center}.avatar-upload-overlay{background:#00000073;flex-direction:column;font-size:11px;font-weight:600;gap:4px;inset:0;opacity:0;position:absolute;transition:opacity .2s}.avatar-preview-wrap:hover .avatar-upload-overlay{opacity:1}.avatar-remove-btn{background:none;border:none;color:#ef4444;color:var(--danger);cursor:pointer;font-size:12px;text-decoration:underline}.modal-overlay{align-items:center;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-panel{animation:slideUp .2s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:100%}.modal-close-corner{align-items:center;background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:13px;font-weight:600;gap:4px;height:36px;justify-content:center;padding:0 14px;transition:background .15s}.modal-close-corner:hover{background:#dc2626}.modal-icon-btn{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;flex-shrink:0;gap:4px;height:36px;justify-content:center;min-width:36px;padding:0 8px;transition:background .15s;white-space:nowrap}.modal-icon-btn--wide{font-size:12px;font-weight:700;padding:0 10px;width:auto}.modal-icon-btn:hover{background:#e5e7eb}.modal-icon-btn--danger{color:#ef4444}.modal-icon-btn--danger:hover{background:#fee2e2}.modal-icon-btn--purple{color:#6366f1}.modal-icon-btn--purple:hover{background:#e0e7ff}.modal-icon-btn--green{color:#16a34a}.modal-icon-btn--green:hover{background:#dcfce7}.modal-icon-btn--active{background:#e0e7ff;color:#6366f1}.transfer-popover{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001f;direction:rtl;display:flex;flex-direction:column;gap:8px;left:0;min-width:200px;padding:12px;position:absolute;top:calc(100% + 8px);z-index:100}.transfer-popover-label{color:#374151;font-size:13px;font-weight:600;margin:0}.transfer-popover-select{background:#f9fafb;border:1px solid #d1d5db;border-radius:7px;color:#111827;font-size:13px;padding:7px 10px;width:100%}.transfer-popover-btn{background:#6366f1;border:none;border-radius:7px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:7px 12px;transition:background .15s}.transfer-popover-btn:hover{background:#4f46e5}.transfer-popover-btn:disabled{cursor:not-allowed;opacity:.4}.modal-large{max-width:680px}.modal-xl{max-width:820px}.modal-2xl{max-width:1060px}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}.modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;border-radius:16px 16px 0 0;direction:rtl;display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.modal-heading{font-size:15px;font-weight:700}.modal-header-info{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:8px;min-width:0}.modal-header-actions{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px;max-width:100%}.modal-order-id{color:#6b7280;color:var(--text-muted);font-family:monospace;font-size:11px}.modal-priority,.modal-status{border-radius:20px;font-size:11px;font-weight:700;padding:3px 10px}.modal-title-section{padding:14px 20px 0}.modal-order-title,.modal-title-input{font-size:16px;font-weight:700}.modal-title-input{background:#eef2ff;background:var(--primary-light);border:1.5px solid #4f46e5;border:1.5px solid var(--primary);border-radius:7px;border-radius:var(--radius-sm);padding:6px 10px;width:100%}.modal-tabs{-webkit-overflow-scrolling:touch;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;flex-direction:row-reverse;flex-wrap:nowrap;gap:2px;overflow-x:auto;padding:10px 20px 0}.modal-tab{align-items:center;border-bottom:2px solid #0000;border-radius:7px 7px 0 0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:#6b7280;color:var(--text-muted);display:inline-flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;padding:7px 14px;transition:all .12s;white-space:nowrap}.modal-tab:hover,.tab-active{color:#4f46e5;color:var(--primary)}.tab-active{background:#eef2ff;border-bottom-color:#4f46e5;border-bottom-color:var(--primary)}.modal-tab--approval{color:#6d28d9}.modal-tab--approval.tab-active{background:#f5f3ff;border-bottom-color:#7c3aed;color:#5b21b6}.modal-tab-dot{background:#ef4444;border-radius:50%;flex-shrink:0;height:7px;width:7px}.tab-transfer{align-items:center;display:inline-flex;gap:5px}.tab-transfer svg{color:#6366f1}.modal-body{padding:20px}.modal-form{display:flex;flex-direction:column;gap:12px}.modal-footer{display:flex;gap:8px;justify-content:flex-end;padding-top:8px}.details-grid{gap:14px}.detail-col,.details-grid{display:flex;flex-direction:column}.detail-col{gap:12px}.detail-section{display:flex;flex-direction:column;gap:5px}.detail-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-label{align-items:center;color:#6b7280;color:var(--text-muted);display:flex;font-size:10px;font-weight:700;gap:5px;letter-spacing:.5px;text-transform:uppercase}.detail-textarea,.detail-value{color:#111827;color:var(--text);font-size:13px}.detail-textarea{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:7px;border-radius:var(--radius-sm);padding:8px;resize:vertical;width:100%}.detail-textarea:focus{border-color:#4f46e5;border-color:var(--primary)}.detail-input,.detail-select{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:7px;border-radius:var(--radius-sm);color:#111827;color:var(--text);font-size:13px;padding:7px 10px;width:100%}.detail-input:focus,.detail-select:focus{border-color:#4f46e5;border-color:var(--primary)}.edit-actions{display:flex;gap:8px}.comments-section{display:flex;flex-direction:column;height:380px}.comments-list{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding-bottom:8px}.comment-item{align-items:flex-start;display:flex;gap:10px}.my-comment{flex-direction:row-reverse}.comment-avatar{align-items:center;background:linear-gradient(135deg,#4f46e5,#8b5cf6);background:linear-gradient(135deg,var(--primary),var(--purple));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:30px;justify-content:center;width:30px}.comment-bubble{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;max-width:85%;padding:9px 13px}.my-comment .comment-bubble{background:#eef2ff;border-color:#c7d2fe}.comment-meta{align-items:center;display:flex;gap:8px;margin-bottom:4px}.comment-author{font-size:12px;font-weight:700}.comment-time{color:#6b7280;color:var(--text-muted);font-size:10px}.comment-text{font-size:13px;line-height:1.6}.comment-input-area{align-items:flex-end;border-top:1px solid #e5e7eb;border-top:1px solid var(--border);display:flex;gap:8px;padding-top:12px}.comment-input{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:7px;border-radius:var(--radius-sm);color:#111827;color:var(--text);flex:1 1;font-size:13px;padding:9px 12px;resize:none}.comment-input:focus{border-color:#4f46e5;border-color:var(--primary)}.send-btn{align-items:center;background:#4f46e5;background:var(--primary);border-radius:7px;border-radius:var(--radius-sm);color:#fff;display:flex;font-size:13px;font-weight:600;gap:6px;padding:9px 16px;transition:opacity .15s;white-space:nowrap}.send-btn:hover:not(:disabled){opacity:.9}.send-btn:disabled{cursor:not-allowed;opacity:.5}.history-list{display:flex;flex-direction:column;gap:10px;max-height:380px;overflow-y:auto}.history-item{align-items:flex-start;display:flex;flex-direction:row-reverse;gap:10px}.history-avatar{align-items:center;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:50%;color:#6b7280;color:var(--text-muted);display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:28px;justify-content:center;width:28px}.history-content{flex:1 1}.history-action{font-size:13px}.history-actor{font-weight:700}.history-change{align-items:center;display:inline-flex;gap:4px;margin-right:4px}.from-val{color:#ef4444;color:var(--danger);font-size:12px;text-decoration:line-through}.to-val{color:#10b981;color:var(--success);font-size:12px;font-weight:600}.history-time{color:#6b7280;color:var(--text-muted);font-size:11px}.add-order-body{grid-gap:24px;display:grid;gap:24px;grid-template-columns:280px 1fr;max-height:76vh;overflow-y:auto;padding:24px}.add-order-body::-webkit-scrollbar{width:4px}.add-order-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.add-order-col{display:flex;flex-direction:column;gap:16px}.add-order-footer{border-top:1px solid #e5e7eb;padding:14px 20px}.dept-picker-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr}.priority-picker{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.priority-opt{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:7px;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:600;padding:10px 4px;text-align:center;transition:all .15s}.priority-opt:hover{opacity:.85}.priority-active{font-weight:700}.upload-zone{align-items:center;background:#f9fafb;border:2px dashed #d1d5db;border-radius:7px;border-radius:var(--radius-sm);color:#9ca3af;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:18px;transition:all .15s}.upload-zone:hover{background:#eef2ff;border-color:#4f46e5;border-color:var(--primary);color:#4f46e5;color:var(--primary)}.upload-zone-sm{padding:12px}.upload-zone--busy{background:#eef2ff;border-color:#a5b4fc;color:#4f46e5;cursor:wait;opacity:.75;pointer-events:none}.upload-hint{color:#555;font-size:10px}.add-order-submit{justify-content:center;min-width:148px}.add-order-submit-label{display:inline-block;white-space:nowrap}.file-list{display:flex;flex-direction:column;gap:6px;margin-top:8px}.file-item{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:7px;border-radius:var(--radius-sm);display:flex;gap:8px;padding:7px 10px}.file-thumb{object-fit:cover}.file-icon-box,.file-thumb{border-radius:5px;flex-shrink:0;height:36px;width:36px}.file-icon-box{align-items:center;background:#252525;color:#888;display:flex;justify-content:center}.invoice-icon{background:#f0fdf4;color:#16a34a}.file-info{flex:1 1;min-width:0}.file-name{color:#e0e0e0;display:block;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#666;display:block;font-size:10px}.file-remove{border-radius:4px;color:#666;display:flex;padding:4px;transition:all .12s}.file-remove:hover{background:#2a0a0a;color:#ef4444;color:var(--danger)}.users-picker{display:flex;flex-direction:column;gap:6px}.users-picker::-webkit-scrollbar{width:3px}.users-picker::-webkit-scrollbar-thumb{background:#2a2a2a}.user-pick-btn{align-items:center;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:7px;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:10px;padding:8px 10px;text-align:right;transition:all .15s}.user-pick-btn:hover{background:#f3f4f6;border-color:#9ca3af}.user-selected{background:#eef2ff!important;border-color:#4f46e5!important;border-color:var(--primary)!important}.user-pick-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:36px;justify-content:center;width:36px}.user-pick-avatar-img{border:2px solid #e5e7eb;object-fit:cover}.user-pick-name{color:#111827;color:var(--text);display:block;font-size:13px;font-weight:600}.user-pick-dept{color:#6b7280;color:var(--text-muted);display:block;font-size:11px}.user-pick-info{flex:1 1}.user-pick-check{color:#4f46e5;color:var(--primary);font-size:14px;font-weight:700}.od-title-row{align-items:center;display:flex;flex-direction:row-reverse;gap:10px;justify-content:space-between;padding:12px 20px 0}.od-title{color:#111827;font-size:18px;font-weight:800}.od-dept-badge{border-radius:20px;font-size:11px;font-weight:700;padding:4px 12px;white-space:nowrap}.order-num-badge{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:20px;color:#6b7280;font-family:monospace;font-size:12px;font-weight:700;padding:2px 10px}.od-body{max-height:60vh;overflow-y:auto;padding:16px 20px}.od-body::-webkit-scrollbar{width:4px}.od-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.od-details-grid{grid-gap:14px;direction:ltr;display:grid;gap:14px;grid-template-columns:1fr 1fr}.od-details-grid .od-detail-item{direction:rtl}.od-extensions{line-height:1.7;white-space:pre-wrap;word-break:break-word}.od-progress-row{align-items:center;display:flex;gap:12px;margin-top:6px}.od-progress-bar-wrap{background:#e5e7eb;border-radius:99px;flex:1 1;height:8px;overflow:hidden}.od-progress-bar-fill{background:linear-gradient(90deg,#6366f1,#10b981);border-radius:99px;height:100%;transition:width .3s}.od-progress-slider{accent-color:#6366f1;flex:1 1}.od-progress-pct{color:#6366f1;font-size:14px;font-weight:700;min-width:38px;text-align:center}.card-progress-row{align-items:center;display:flex;flex-direction:row-reverse;gap:10px;margin:6px 0 2px}.card-progress-bar{background:#e5e7eb;border-radius:99px;direction:rtl;flex:1 1;height:5px;overflow:hidden}.card-progress-fill{background:linear-gradient(270deg,#6366f1,#10b981);border-radius:99px;height:100%;transition:width .3s}.card-progress-circle-wrap{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:2px}.card-progress-label{color:#9ca3af;font-size:9px;font-weight:600;white-space:nowrap}.od-spacer{background:#0000!important;border:none!important;box-shadow:none!important;padding:0!important}.od-full{grid-column:1/-1}.od-detail-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:7px;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:5px;padding:10px 12px}.od-label{align-items:center;color:#6b7280;display:flex;font-size:11px;font-weight:700;gap:5px;letter-spacing:.5px;text-transform:uppercase}.od-value{color:#111827;font-size:14px;font-weight:600}.od-desc{line-height:1.7}.od-users-list{flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:4px}.od-user-chip,.od-users-list{display:flex;flex-direction:row-reverse}.od-user-chip{align-items:center;background:#f3f4f6;border:1.5px solid;border-radius:20px;color:#374151;font-size:12px;font-weight:600;gap:6px;padding:4px 10px}.od-user-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:22px;justify-content:center;width:22px}.od-files-section{gap:20px}.od-files-group,.od-files-section{display:flex;flex-direction:column}.od-files-group{gap:10px}.od-file-rows{display:flex;flex-direction:column;gap:8px}.od-file-row{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;direction:rtl;gap:12px;padding:10px 14px}.od-file-row,.od-file-row-icon{align-items:center;display:flex}.od-file-row-icon{flex-shrink:0;height:36px;justify-content:center;width:36px}.od-file-thumb-sm{border-radius:6px;height:36px;object-fit:cover;width:36px}.od-file-row-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.od-file-row-actions{display:flex;flex-shrink:0;gap:8px}.od-action-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;padding:5px 12px;transition:background .15s}.od-action-btn:hover{background:#f3f4f6}.od-action-btn--danger{border-color:#fca5a5;color:#ef4444}.od-action-btn--danger:hover{background:#fef2f2}.od-files-title{align-items:center;color:#374151;display:flex;font-size:13px;font-weight:700;gap:6px;margin:0}.od-files-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.od-upload-btn{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#16a34a;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:5px;padding:5px 12px;transition:background .15s}.od-upload-btn:hover{background:#dcfce7}.od-upload-btn--busy{cursor:wait;opacity:.7;pointer-events:none}.od-files-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.od-file-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:7px;border-radius:var(--radius-sm);overflow:hidden}.od-file-preview{display:block;height:80px;object-fit:cover;width:100%}.od-file-icon{align-items:center;color:#555;display:flex;height:80px;justify-content:center}.od-file-meta{padding:6px}.od-file-name{color:#ccc;display:block;font-size:10px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.od-file-size{color:#9ca3af;display:block;font-size:9px}.od-empty-files{color:#9ca3af;font-size:12px;font-style:italic}.wa-approval{display:flex;flex-direction:column;gap:14px;outline:none;padding:4px 2px 16px}.wa-intro{background:#f5f3ff;border:1px solid #ddd6fe;border-radius:10px;color:#4b5563;font-size:13px;line-height:1.65;margin:0;padding:10px 12px}.wa-upload-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.wa-paste-hint{align-items:center;color:#6b7280;display:inline-flex;font-size:11px;gap:4px}.card-approval-badge{align-self:flex-end;background:#fffbeb;border:1px solid #fcd34d;border-radius:999px;color:#b45309;display:inline-flex;font-size:10px;font-weight:800;letter-spacing:.02em;margin-bottom:4px;padding:2px 8px}.card-approval-badge--edit{background:#fef2f2;border-color:#fecaca;color:#dc2626}.card-approval-badge--ok{background:#f0fdf4;border-color:#86efac;color:#15803d}.notif-item-comment{color:#6d28d9;font-size:12px;font-style:italic;line-height:1.45;margin:2px 0 0}.wa-latest{align-items:flex-start;border:1px solid;border-radius:12px;display:flex;gap:10px;padding:12px 14px}.wa-comment,.wa-latest p{color:#374151;font-size:13px;margin:4px 0 0}.wa-meta{color:#9ca3af;display:block;font-size:11px;margin-top:2px}.wa-warn{background:#fff7ed;border:1px solid #fdba74;border-radius:10px;color:#c2410c;font-size:13px;margin:0;padding:10px 12px}.wa-field{display:flex;flex-direction:column;gap:6px}.wa-field label{color:#374151;font-size:12px;font-weight:700}.wa-thumbs{display:flex;flex-wrap:wrap;gap:10px}.wa-thumb-wrap{flex-shrink:0;height:64px;position:relative;width:64px}.wa-thumb{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;height:64px;overflow:hidden;padding:0;width:64px}.wa-thumb img{display:block;height:100%;object-fit:cover;width:100%}.wa-thumb--on{border-color:#6366f1;box-shadow:0 0 0 2px #c7d2fe}.wa-thumb-delete{align-items:center;background:#dc2626;border:none;border-radius:50%;box-shadow:0 1px 4px #00000040;color:#fff;cursor:pointer;display:flex;height:22px;inset-inline-start:-7px;justify-content:center;padding:0;position:absolute;top:-7px;width:22px;z-index:2}.wa-thumb-delete:hover{background:#b91c1c}.wa-preview{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;max-height:280px;overflow:hidden}.wa-preview img{background:#fff;display:block;max-height:280px;object-fit:contain;width:100%}.wa-send{align-self:flex-start;display:inline-flex;gap:8px}.wa-status{color:#b45309;font-size:13px;margin:0;white-space:pre-line}.wa-status.msg-success{color:#16a34a}.wa-link-box{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#334155;display:flex;flex-wrap:wrap;font-size:12px;gap:8px;padding:8px 10px}.wa-link-box span{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-copy{align-items:center;background:#eef2ff;border-radius:8px;color:#3730a3;display:inline-flex;font-size:12px;font-weight:700;gap:4px;padding:4px 8px}.cap-page{align-items:center;background:#f3f4f6;display:flex;flex-direction:column;font-family:Cairo,sans-serif;font-family:var(--font);min-height:100vh;padding:28px 16px 48px}.cap-brand{margin-bottom:20px;text-align:center}.cap-brand img{background:#fff;border-radius:16px;display:block;height:auto;margin:0 auto 10px;max-height:96px;object-fit:contain;padding:14px 18px;width:min(320px,90vw)}.cap-brand p{color:#6b7280;font-size:14px;margin:0}.cap-card{background:#fff;border-radius:18px;box-shadow:0 10px 40px #0f172a14;max-width:420px;padding:22px 20px 20px;width:100%}.cap-num{color:#4f46e5;font-size:14px;font-weight:800;margin:0}.cap-card h2{font-size:22px;line-height:1.3;margin:4px 0 8px}.cap-hello{color:#4b5563;font-size:14px;margin:0 0 14px}.cap-art{background:#f8fafc;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden}.cap-art img{background:#fff;display:block;max-height:52vh;object-fit:contain;width:100%}.cap-fee-note{align-items:flex-start;background:#fffbeb;border:1px solid #fcd34d;border-radius:12px;color:#92400e;display:flex;font-size:13px;gap:10px;line-height:1.65;padding:12px 14px;text-align:right}.cap-fee-note svg{color:#d97706;flex-shrink:0;margin-top:2px}.cap-fee-note p{margin:0}.cap-fee-note--alert{background:#fef2f2;border:1.5px solid #fca5a5;color:#dc2626}.cap-fee-note--alert svg{color:#dc2626}.cap-fee-note--alert p{color:#dc2626;font-size:15px;font-weight:800;line-height:1.7;margin:0}.cap-actions,.cap-notes{display:flex;flex-direction:column;gap:10px;margin-top:16px}.cap-notes label{color:#374151;font-size:13px;font-weight:700}.cap-notes textarea{border:1px solid #d1d5db;font-family:Cairo,sans-serif;font-family:var(--font);font-size:14px;padding:10px 12px;resize:vertical}.cap-btn,.cap-notes textarea{border-radius:12px;width:100%}.cap-btn{align-items:center;display:inline-flex;font-size:15px;font-weight:800;gap:8px;justify-content:center;padding:13px 14px}.cap-btn--edit{background:#fff;border:1.5px solid #d1d5db;color:#111827}.cap-btn--ok{background:#16a34a;color:#fff}.cap-btn--send{background:#4f46e5;color:#fff}.cap-btn--ghost{background:#0000;color:#6b7280}.cap-btn:disabled{opacity:.65}.cap-err{color:#dc2626;font-size:13px;margin:0}.cap-done{align-items:flex-start;border-radius:14px;display:flex;gap:10px;margin-top:16px;padding:14px}.cap-done--ok{background:#f0fdf4;color:#166534}.cap-done--edit{background:#fff7ed;color:#9a3412}.cap-done p{font-size:13px;font-weight:500;margin:4px 0 0}.cap-done-note{color:#7c2d12}.cap-attach{align-items:center;background:#eef2ff;border:1.5px dashed #c7d2fe;border-radius:12px;color:#3730a3;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:8px;justify-content:center;padding:10px 12px}.cap-note-preview{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;position:relative}.cap-note-img img,.cap-note-preview img{background:#fff;display:block;max-height:220px;object-fit:contain;width:100%}.cap-note-img{border:1px solid #e5e7eb;border-radius:12px;display:block;margin-top:10px;overflow:hidden}.cap-note-remove{align-items:center;background:#dc2626;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;inset-inline-start:8px;justify-content:center;position:absolute;top:8px;width:28px}.cap-staff-thread{display:flex;flex-direction:column;gap:8px;margin-top:16px}.cap-staff-thread h3{color:#111827;font-size:14px;margin:0}.cap-staff-msg{background:#eef2ff;border-radius:12px;padding:10px 12px}.cap-staff-msg p{color:#1e1b4b;font-size:14px;line-height:1.6;margin:0}.cap-empty,.cap-loading{color:#6b7280;padding:48px 16px;text-align:center}.cap-empty{background:#fff;border-radius:18px;max-width:420px}.wa-customer-img{border:1px solid #e5e7eb;border-radius:10px;display:block;margin-top:8px;max-width:180px;overflow:hidden}.wa-customer-img img{display:block;max-height:160px;object-fit:cover;width:100%}.wa-reply-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:12px}.wa-reply-box label{color:#374151;font-size:12px;font-weight:700}.wa-reply-box textarea{min-height:72px;resize:vertical;width:100%}.wa-staff-bubble{background:#eef2ff;border-radius:10px;padding:8px 10px}.wa-staff-bubble p{color:#1e1b4b;font-size:13px;line-height:1.55;margin:0}.wa-history{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:10px;padding-top:12px}.wa-history h4{font-size:13px;margin:0}.wa-round{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px}.wa-round-head{align-items:center;display:flex;font-size:13px;font-weight:700;justify-content:space-between}.wa-round-cancel{background:none;border:none;color:#dc2626;cursor:pointer;display:block;font-size:12px;font-weight:700;margin-top:8px;padding:0}.wa-pill{border-radius:999px;font-size:11px;font-weight:700;padding:2px 8px}.od-file-clickable{cursor:pointer;position:relative;transition:transform .15s,box-shadow .15s}.od-file-clickable:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.od-file-overlay{align-items:center;background:#00000059;border-radius:inherit;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .15s}.od-file-clickable:hover .od-file-overlay{opacity:1}.od-invoice-preview-btn{align-items:center;cursor:pointer;display:flex;flex:1 1;gap:12px}.od-invoice-preview-btn:hover .od-file-name{color:#6366f1;text-decoration:underline}.od-download-btn{align-items:center;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;color:#6366f1;cursor:pointer;display:flex;flex-shrink:0;font-size:13px;font-weight:600;gap:6px;padding:7px 14px;transition:background .15s}.od-download-btn:hover{background:#e0e7ff}.od-invoice-card{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:7px;border-radius:var(--radius-sm);display:flex;gap:10px;padding:10px 14px}.invoice-clr{color:#4ade80}.chat-section{display:flex;flex-direction:column;height:420px}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:14px;overflow-y:auto;padding-bottom:10px}.chat-messages::-webkit-scrollbar{width:3px}.chat-messages::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.chat-msg{align-items:flex-end;display:flex;flex-direction:row;gap:10px;justify-content:flex-start}.chat-msg-me{justify-content:flex-end}.chat-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:32px;justify-content:center;width:32px}.chat-avatar-me{background:#6366f1}.chat-bubble-wrap{align-items:flex-start;display:flex;flex-direction:column;gap:3px;max-width:70%}.chat-msg-me .chat-bubble-wrap{align-items:flex-end}.chat-author{color:#6b7280;direction:rtl;font-size:11px;font-weight:700;margin-bottom:2px;text-align:right}.chat-bubble{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px 12px 12px 2px;padding:10px 14px}.chat-bubble p{color:#111827;direction:rtl;font-size:13px;line-height:1.6;text-align:right}.chat-bubble-me{background:#eef2ff;border-color:#c7d2fe;border-radius:12px 12px 2px 12px}.chat-time{color:#9ca3af;font-size:10px}.chat-input-row{align-items:flex-end;border-top:1px solid #e5e7eb;display:flex;flex-direction:row-reverse;gap:8px;padding-top:12px}.chat-input{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:7px;border-radius:var(--radius-sm);color:#111827;flex:1 1;font-family:Cairo,sans-serif;font-family:var(--font);font-size:13px;padding:10px 12px;resize:none}.chat-input:focus{border-color:#4f46e5;border-color:var(--primary)}.chat-send-btn{align-items:center;background:#4f46e5;background:var(--primary);border-radius:7px;border-radius:var(--radius-sm);color:#fff;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:opacity .15s;width:44px}.chat-send-btn:hover:not(:disabled){opacity:.85}.chat-send-btn:disabled{cursor:not-allowed;opacity:.4}.card-title-row-inner{align-items:flex-end;display:flex;flex-direction:column;gap:2px;margin-bottom:5px}.card-order-num{color:#6b7280;font-size:12px;font-weight:700}.card-due-wrap{align-items:flex-end;display:flex;flex-direction:column;gap:1px}.card-due-label{color:#9ca3af;font-size:9px;font-weight:600}.card-assignees{display:flex;gap:-4px}.card-assignees .card-assignee{border:2px solid #1a1a1a;font-size:10px;height:24px;margin-left:-6px;width:24px}.card-assignees .card-assignee:first-child{margin-left:0}.card-more{background:#f3f4f6!important;color:#6b7280!important;font-size:9px!important}.transfer-section{align-items:center;display:flex;flex-direction:column;gap:14px;padding:16px 0;text-align:center}.transfer-icon{color:#4f46e5;color:var(--primary);opacity:.4}.transfer-section h3{font-size:15px;font-weight:700}.transfer-note{color:#6b7280;color:var(--text-muted);font-size:13px}.transfer-warning{color:#f59e0b;color:var(--warning)}.transfer-select{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:7px;border-radius:var(--radius-sm);color:#111827;color:var(--text);font-size:14px;max-width:300px;padding:10px;width:100%}.badge{align-items:center;display:inline-flex;font-weight:700;gap:4px}.badge,.dept-chip{border-radius:20px;padding:3px 10px;white-space:nowrap}.dept-chip{display:inline-block}.btn-primary{align-items:center;background:linear-gradient(135deg,#4f46e5,#8b5cf6);background:linear-gradient(135deg,var(--primary),var(--purple));border:none;border-radius:7px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-family:Cairo,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;gap:6px;padding:9px 18px;transition:all .15s}.btn-sm{font-size:12px!important;padding:6px 12px!important}.od-edit-input{background:#fff;border:1.5px solid #4f46e5;border:1.5px solid var(--primary);border-radius:7px;border-radius:var(--radius-sm);color:#111827;font-family:Cairo,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;outline:none;padding:7px 10px;width:100%}.od-edit-input:focus{box-shadow:0 0 0 3px #4f46e51a}.od-edit-textarea{min-height:70px;resize:vertical}.od-users-picker{display:flex;flex-direction:column;gap:6px}.od-user-pick-btn{align-items:center;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:7px;border-radius:var(--radius-sm);color:#374151;cursor:pointer;display:flex;font-family:Cairo,sans-serif;font-family:var(--font);font-size:13px;font-weight:500;gap:10px;padding:8px 12px;transition:all .15s}.od-user-pick-btn:hover{background:#f3f4f6;border-color:#9ca3af}.od-user-pick-sel{font-weight:600}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.btn-secondary{align-items:center;background:#f3f4f6;border:1.5px solid #e5e7eb;border-radius:7px;border-radius:var(--radius-sm);color:#111827;color:var(--text);cursor:pointer;display:inline-flex;font-family:Cairo,sans-serif;font-family:var(--font);font-size:13px;font-weight:600;gap:6px;padding:9px 18px;transition:background .12s}.btn-secondary:hover{background:#e5e7eb}.icon-btn{align-items:center;border-radius:7px;border-radius:var(--radius-sm);color:#6b7280;color:var(--text-muted);display:flex;padding:6px;transition:all .12s}.icon-btn:hover{background:#f3f4f6;color:#111827;color:var(--text)}.icon-danger:hover{background:#2a0a0a!important;color:#ef4444!important;color:var(--danger)!important}.form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.tag-input-row{display:flex;gap:6px}.tag-add-btn{padding:8px 12px}.tags-preview{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.tag-chip{align-items:center;background:#eef2ff;border-radius:20px;color:#4f46e5;color:var(--primary);display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:3px 8px}.tag-chip button{color:inherit;display:flex;opacity:.6}.empty-state{align-items:center;display:flex;flex-direction:column;gap:10px;padding:40px;text-align:center}.empty-state,.muted,.trash-empty{color:#6b7280;color:var(--text-muted)}.trash-empty{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:80px 20px}.trash-empty h3{color:#374151;font-size:18px;font-weight:600;margin:0}.trash-empty p{font-size:14px;margin:0}.trash-toolbar{flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:16px}.trash-info,.trash-toolbar{align-items:center;display:flex}.trash-info{color:#6b7280;font-size:13px;gap:8px}.trash-list{display:flex;flex-direction:column;gap:10px}.trash-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:flex;gap:16px;justify-content:space-between;padding:14px 18px;transition:box-shadow .15s}.trash-item:hover{box-shadow:0 2px 8px #00000012}.trash-item-urgent{background:#fff8f8;border-color:#fca5a5}.trash-item-info{display:flex;flex:1 1;flex-direction:column;gap:6px;min-width:0}.trash-item-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.trash-order-num{color:#374151;font-size:13px;font-weight:700}.trash-client{color:#111827;font-size:13px;font-weight:600}.trash-desc{color:#6b7280;font-size:12px;margin:0;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trash-meta{align-items:center;color:#9ca3af;display:flex;font-size:11px;gap:16px}.trash-days-left{color:#6b7280;font-size:11px}.days-warning{color:#ef4444}.trash-item-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.btn-restore{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:7px;color:#16a34a;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:5px;padding:6px 12px;transition:background .15s}.btn-restore:hover{background:#dcfce7}.btn-perm-delete{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;color:#ef4444;cursor:pointer;display:flex;justify-content:center;padding:6px 8px;transition:background .15s}.btn-perm-delete:hover{background:#fee2e2}.btn-danger{align-items:center;background:#ef4444;border:none;border-radius:7px;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:7px 13px;transition:background .15s}.btn-danger:hover{background:#dc2626}.btn-done{align-items:center;background:#16a34a;border:none;border-radius:8px;box-shadow:0 2px 8px #16a34a4d;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:6px;height:36px;padding:0 18px;transition:background .15s,transform .1s}.btn-done:hover{background:#15803d;transform:translateY(-1px)}.trash-confirm{align-items:center;color:#ef4444;display:flex;font-size:12px;font-weight:600;gap:8px}.badge,.dept-chip{border-radius:5px;font-size:11px;font-weight:600;padding:2px 8px}.topbar-search-wrap{position:relative}.search-clear-btn{align-items:center;background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;padding:0 4px}.search-clear-btn:hover{color:#374151}.search-results-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 30px #0000001f;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:380px;z-index:200}.search-results-header{background:#f9fafb;border-bottom:1px solid #f3f4f6;color:#6b7280;font-size:11px;font-weight:600;padding:8px 14px;text-align:right}.search-results-list{max-height:420px;overflow-y:auto}.search-results-list::-webkit-scrollbar{width:4px}.search-results-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.search-no-results{color:#9ca3af;font-size:13px;padding:16px;text-align:center}.search-result-item{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:10px 14px;transition:background .1s}.search-result-item:hover{background:#f9fafb}.search-result-item:last-child{border-bottom:none}.search-result-main{align-items:center;display:flex;gap:8px;margin-bottom:5px}.search-result-num{color:#6b7280;font-size:11px;font-weight:700}.search-result-name{color:#111827;font-size:13px;font-weight:600}.search-result-meta{align-items:center;display:flex;flex-wrap:wrap;gap:5px}.notif-wrap{position:relative}.notif-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 30px #0000001f;left:16px;max-height:calc(100vh - 80px);overflow:hidden;overflow-y:auto;position:fixed;top:56px;width:320px;z-index:1000}.notif-panel-header{align-items:center;border-bottom:1px solid #f3f4f6;color:#111827;display:flex;font-size:14px;font-weight:700;gap:8px;padding:14px 16px}.notif-count-badge{background:#ef4444;border-radius:99px;color:#fff;font-size:10px;font-weight:700;margin-right:auto;padding:1px 6px}.notif-popup-overlay{align-items:center;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;z-index:9999}.notif-popup{animation:popupIn .25s ease;background:#fff;border-radius:14px;box-shadow:0 8px 40px #0000002e;direction:rtl;max-width:94vw;padding:28px 32px;pointer-events:all;width:420px}.notif-popup--wide{max-width:min(720px,96vw);padding:28px 28px 24px;width:720px}@keyframes popupIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.notif-popup-header{align-items:center;display:flex;gap:8px;margin-bottom:14px}.notif-popup-header span{color:#111827;flex:1 1;font-size:16px;font-weight:700}.notif-popup-close{background:none;border:none;color:#9ca3af;cursor:pointer;display:flex;padding:2px}.notif-popup-close:hover{color:#374151}.notif-popup-body{align-items:flex-start;display:flex;gap:12px;margin-bottom:10px}.notif-popup-icon{flex-shrink:0;font-size:22px}.notif-popup-msg-wrap{flex:1 1;min-width:0}.notif-popup-msg{color:#374151;font-size:16px;line-height:1.6;margin:0}.notif-popup-client{color:#111827;font-size:15px;font-weight:700;margin:0 0 14px}.notif-popup-actor-row{align-items:center;display:flex;gap:10px;margin-bottom:12px}.notif-popup-actor-name{color:#4b5563;font-size:13px;font-weight:700;margin:0 0 4px}.notif-actor-avatar{align-items:center;background:#6366f1;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;justify-content:center;overflow:hidden}.notif-actor-avatar img{display:block;height:100%;object-fit:cover;width:100%}.textarea-save-wrap{position:relative}.textarea-save-btn{align-items:center;background:#16a34a;border:none;border-radius:6px;bottom:8px;box-shadow:0 2px 6px #16a34a59;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;left:8px;position:absolute;transition:background .15s,transform .1s;width:28px;z-index:2}.textarea-save-btn:hover{background:#15803d;transform:scale(1.08)}.od-inline-editable{border-radius:6px;cursor:text;display:block;min-height:36px;padding:6px 8px;transition:background .15s;white-space:pre-wrap}.od-inline-editable:hover{background:#f3f4f6}.notif-popup-comment{background:#f3f4f6;border-radius:6px;border-right:3px solid #6366f1;margin-top:10px;padding:10px 12px}.notif-popup-comment-text{color:#374151;font-size:14px;font-style:italic;line-height:1.5;margin:0}.notif-popup-btn{background:#16a34a;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-top:16px;padding:10px;transition:background .15s;width:100%}.notif-popup-btn:hover{background:#15803d}.notif-popup-table-wrap{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:4px;max-height:420px;overflow-y:auto}.notif-popup-table{border-collapse:collapse;direction:rtl;font-size:13px;table-layout:fixed;width:100%}.notif-popup-table thead tr{background:#f9fafb}.notif-popup-table th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:700;padding:10px 14px;text-align:right}.notif-popup-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .1s}.notif-popup-table tbody tr:last-child{border-bottom:none}.notif-popup-table tbody tr:hover{background:#f9fafb}.notif-popup-table td{padding:12px 14px;vertical-align:middle}.notif-popup-table-icon{font-size:16px;text-align:center;white-space:nowrap;width:36px}.notif-popup-table-order{color:#111827;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:22%}.notif-popup-table-client{color:#6b7280;display:block;font-size:12px;font-weight:400;margin-top:3px;white-space:normal}.notif-popup-table-msg{color:#374151;line-height:1.55;width:auto;word-break:break-word}.notif-popup-table-comment{color:#6366f1;display:block;font-size:11px;font-style:italic;margin-top:3px}.notif-popup-table-actor{text-align:center;vertical-align:middle!important;width:64px}.notif-popup-table-actor .notif-actor-avatar{margin:0 auto}.notif-popup--wide .notif-popup-table td.notif-popup-table-msg,.notif-popup--wide .notif-popup-table th:nth-child(3){width:58%}.notif-popup--wide .notif-popup-table-msg{font-size:13.5px}.notif-empty{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:6px;padding:28px 16px}.notif-empty p{color:#374151;font-size:13px;font-weight:600;margin:0}.notif-empty span{font-size:12px}.notif-list{max-height:340px;overflow-y:auto}.notif-item{align-items:flex-start;border-bottom:1px solid #f9fafb;cursor:pointer;direction:rtl;display:flex;gap:10px;padding:12px 16px;transition:background .1s}.notif-item:hover{background:#f3f4f6}.notif-unread{background:#f5f3ff;border-right:3px solid #6366f1}.notif-read{background:#fff}.notif-item-icon{flex-shrink:0;margin-top:2px}.notif-item-avatar{flex-shrink:0;margin-top:0}.notif-item-body{flex:1 1;min-width:0}.notif-item-title{color:#111827;font-size:13px;font-weight:600;margin:0 0 2px}.notif-item-sub{color:#6b7280;font-size:11px;margin:0 0 2px}.notif-item-date{color:#9ca3af;font-size:11px;margin:0}.dept-checkboxes{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:7px;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:8px;max-height:180px;overflow-y:auto;padding:8px}.dept-checkbox-item{align-items:center;border-radius:6px;cursor:pointer;direction:rtl;display:flex;font-size:13px;gap:8px;padding:4px 6px}.dept-checkbox-item:hover{background:#f3f4f6}.dept-checkbox-item input[type=checkbox]{accent-color:#6366f1;cursor:pointer;height:16px;width:16px}.dept-checkbox-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.settings-grid{display:flex;flex-direction:row-reverse;flex-wrap:wrap;gap:20px}.settings-grid .settings-card{flex:1 1;min-width:300px}.settings-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;gap:16px;padding:24px}.settings-card-header{align-items:center;border-bottom:1px solid #f3f4f6;color:#111827;display:flex;font-size:15px;font-weight:700;gap:10px;padding-bottom:12px}.settings-form{display:flex;flex-direction:column;gap:12px}.settings-avatar-row{align-items:center;display:flex;flex-direction:column;gap:8px}.settings-avatar-wrap{border-radius:50%;cursor:pointer;height:80px;overflow:hidden;position:relative;width:80px}.settings-avatar-img{border-radius:50%;height:100%;object-fit:cover;width:100%}.settings-avatar-placeholder{background:#6366f1;font-size:28px;font-weight:700;height:80px;width:80px}.settings-avatar-overlay,.settings-avatar-placeholder{align-items:center;border-radius:50%;color:#fff;display:flex;justify-content:center}.settings-avatar-overlay{background:#0006;inset:0;opacity:0;position:absolute;transition:opacity .2s}.settings-avatar-wrap:hover .settings-avatar-overlay{opacity:1}.settings-avatar-hint{color:#9ca3af;font-size:11px}.settings-msg{border-radius:7px;font-size:12px;padding:8px 12px}.msg-success{background:#f0fdf4;color:#16a34a}.msg-error{background:#fef2f2;color:#ef4444}.settings-data-item{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:12px;justify-content:space-between;padding:12px}.settings-danger-item{background:#fff8f8;border:1px solid #fecaca}.settings-data-title{align-items:center;color:#111827;display:flex;font-size:13px;font-weight:600;gap:5px}.settings-data-desc{color:#9ca3af;font-size:11px;margin-top:2px}.dp2-modal{background:#f5f6fa;border-radius:16px;direction:ltr;display:flex;flex-direction:column;max-height:92vh;overflow:hidden;padding:0!important;width:min(720px,96vw)}.dp2-header{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;justify-content:space-between;padding:16px 18px}.dp2-header,.dp2-header-title{align-items:center;display:flex;gap:12px}.dp2-header-icon{align-items:center;background:#ffffff2e;border-radius:12px;display:flex;height:40px;justify-content:center;width:40px}.dp2-header h2{font-size:17px;font-weight:800;line-height:1.2;margin:0}.dp2-header p{font-size:12px;font-weight:500;margin:2px 0 0;opacity:.9}.dp2-close{align-items:center;background:#ffffff29;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:34px;justify-content:center;width:34px}.dp2-close:hover{background:#ffffff47}.dp2-form{overflow-y:auto;padding:16px}.dp2-card,.dp2-form{display:flex;flex-direction:column;gap:12px}.dp2-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 2px 8px #0f172a08;padding:14px 16px}.dp2-card-title{color:#16a34a;font-size:13px;font-weight:800;letter-spacing:.2px;margin:0}.dp2-grid-2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.dp2-grid-3{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.dp2-field{color:#64748b;display:flex;flex-direction:column;font-size:12px;font-weight:700;gap:6px}.dp2-field input,.dp2-field select,.dp2-field textarea{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;color:#111827;font-family:inherit;font-size:13px;font-weight:600;padding:10px 12px;resize:vertical;width:100%}.dp2-field input:focus,.dp2-field select:focus,.dp2-field textarea:focus{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1f;outline:none}.dp2-chips{display:flex;flex-wrap:wrap;gap:8px}.dp2-chip{background:#f8fafc;border:1.5px solid #e5e7eb;border-radius:999px;color:#475569;cursor:pointer;font-family:inherit;font-size:12px;font-weight:700;padding:7px 12px;transition:.15s ease}.dp2-chip:hover{border-color:#86efac;color:#166534}.dp2-chip.active{background:#f0fdf4;border-color:#16a34a;box-shadow:0 0 0 2px #16a34a14;color:#15803d}.dp2-actions{background:linear-gradient(0deg,#f5f6fa 70%,#0000);bottom:0;display:flex;gap:10px;justify-content:flex-end;padding-bottom:2px;padding-top:4px;position:-webkit-sticky;position:sticky}.dp2-btn-cancel,.dp2-btn-save{border:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:800;padding:11px 18px}.dp2-btn-cancel{background:#e5e7eb;color:#374151}.dp2-btn-save{background:#16a34a;box-shadow:0 4px 14px #16a34a47;color:#fff}.dp2-btn-save:hover{filter:brightness(.96)}.lf2-modal .dp2-header{background:linear-gradient(135deg,#6438e0,#4f2bb8)}.lf2-modal .dp2-card-title{color:#6438e0}.lf2-modal .dp2-field input:focus,.lf2-modal .dp2-field select:focus,.lf2-modal .dp2-field textarea:focus{border-color:#6438e0;box-shadow:0 0 0 3px #6438e024}.lf2-modal .dp2-chip:hover{border-color:#c4b5fd;color:#5b21b6}.lf2-modal .dp2-chip.active{background:#f5f3ff;border-color:#6438e0;box-shadow:0 0 0 2px #6438e01a;color:#5b21b6}.lf2-modal .dp2-btn-save{background:#6438e0;box-shadow:0 4px 14px #6438e047}.orqv-modal .orqv-body{gap:12px}.orqv-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 2px 8px #0f172a08;padding:14px 16px}.orqv-card-title{color:#16a34a;font-size:13px;font-weight:800;margin:0 0 10px}.orqv-large .orqv-card-title{color:#6438e0}.orqv-large .dp2-header{background:linear-gradient(135deg,#6438e0,#4f2bb8)}.orqv-grid{grid-gap:10px 14px;display:grid;gap:10px 14px;grid-template-columns:1fr 1fr;margin:0}.orqv-row{display:flex;flex-direction:column;gap:3px;min-width:0}.orqv-row dt{color:#64748b;font-size:11px;font-weight:700}.orqv-row dd{color:#111827;font-size:13px;font-weight:700;margin:0;white-space:pre-wrap;word-break:break-word}.orqv-empty{color:#94a3b8;font-size:13px;font-weight:600;margin:12px 0;text-align:center}@media (max-width:640px){.orqv-grid{grid-template-columns:1fr}}.dp-details-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;direction:ltr;margin-top:12px;padding:14px;text-align:left}.dp-details-box h4{color:#16a34a;font-size:13px;font-weight:800;margin:0 0 10px}.lf-details-box h4{color:#6438e0}.dp-details-grid{grid-gap:6px 10px;display:grid;font-size:12px;gap:6px 10px;grid-template-columns:140px 1fr}.dp-details-grid dt{color:#64748b;font-weight:700}.dp-details-grid dd{color:#111827;margin:0}@media (max-width:640px){.dp2-grid-2,.dp2-grid-3{grid-template-columns:1fr}}.oc-card{overflow:hidden}.oc-table{border-collapse:collapse;direction:rtl;font-size:13px;min-width:860px;table-layout:fixed;width:100%}.oc-col-client{width:12%}.oc-col-narrow{width:7.5%}.oc-col-mfg{width:9%}.oc-col-notes{width:28%}.oc-col-paid-w{width:6%}.oc-col-actions-w{width:7%}.oc-table th{background:#5b9bd5;border:1px solid #4a8ac0;color:#fff;font-size:13px;font-weight:700;padding:10px 8px;text-align:center;white-space:nowrap}.oc-table td{background:#fff;border:1px solid #d1d5db;padding:0;text-align:center;vertical-align:middle}.oc-table tbody tr:nth-child(2n) td{background:#f8fafc}.oc-input{background:#0000;border:none;box-sizing:border-box;color:#111827;font:inherit;outline:none;padding:8px 6px;text-align:center;width:100%}.oc-table td:nth-child(8) .oc-input{padding:8px 10px;text-align:right}.oc-input:focus{background:#eff6ff}.oc-num{font-feature-settings:"tnum";direction:ltr;font-variant-numeric:tabular-nums}.oc-select{-webkit-appearance:auto;appearance:auto;cursor:pointer}.oc-net{font-feature-settings:"tnum";color:#111827;direction:ltr;font-variant-numeric:tabular-nums;font-weight:700;min-width:72px;padding:8px 10px}.oc-net.neg{color:#dc2626}.oc-col-paid{background:#f8fafc!important;text-align:center!important;width:72px}.oc-paid-btn{align-items:center;background:#fff;border:2px solid #cbd5e1;border-radius:8px;color:#0000;cursor:pointer;display:inline-flex;height:28px;justify-content:center;margin:0 auto;transition:border-color .15s,background .15s,color .15s;width:28px}.oc-paid-btn:hover{border-color:#5ba3d9}.oc-paid-btn.paid{background:#dcfce7;border-color:#16a34a;color:#15803d}.oc-paid-field{align-items:center;border:1.5px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;display:flex;font-weight:700;gap:10px;padding:10px 12px;-webkit-user-select:none;user-select:none}.oc-paid-field input{display:none}.oc-paid-box{align-items:center;background:#fff;border:2px solid #cbd5e1;border-radius:6px;color:#15803d;display:inline-flex;flex-shrink:0;height:22px;justify-content:center;width:22px}.oc-paid-field.active{background:#f0fdf4;border-color:#86efac;color:#166534}.oc-paid-field.active .oc-paid-box{background:#dcfce7;border-color:#16a34a}.oc-col-actions{background:#f1f5f9!important;width:72px}.oc-row-actions{gap:4px;padding:4px}.oc-del-btn,.oc-edit-btn,.oc-row-actions{align-items:center;display:inline-flex;justify-content:center}.oc-del-btn,.oc-edit-btn{background:#0000;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;height:28px;width:28px}.oc-edit-btn:hover{background:#dbeafe;color:#2563eb}.oc-del-btn:hover:not(:disabled){background:#fee2e2;color:#dc2626}.oc-del-btn:disabled{cursor:default;opacity:.35}.oc-total-row td{font-feature-settings:"tnum";background:#e8f1fa!important;border-color:#5b9bd5;color:#1e3a5f;font-variant-numeric:tabular-nums;font-weight:800;padding:10px 8px}.oc-total-row td:first-child{text-align:center}.oc-modal{direction:rtl;max-width:440px}.oc-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding:18px 20px 12px}.oc-modal-header h2{color:#111827;font-size:17px;font-weight:800;margin:0}.oc-modal-body{gap:12px;padding:16px 20px}.oc-field,.oc-modal-body{display:flex;flex-direction:column}.oc-field{color:#374151;font-size:13px;gap:6px}.oc-field>span{color:#1f2937;font-weight:700}.oc-field input,.oc-field textarea{background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;box-sizing:border-box;color:#111827;font:inherit;padding:9px 12px;resize:vertical;width:100%}.oc-field input:focus,.oc-field textarea:focus{background:#f8fafc;border-color:#2563eb;outline:none}.oc-field input[readonly]{background:#f1f5f9;color:#0f172a;font-weight:700}.oc-mfg-options{display:flex;flex-wrap:wrap;gap:8px}.oc-mfg-chip{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:999px;color:#374151;cursor:pointer;display:inline-flex;font-weight:600;gap:6px;padding:8px 12px;transition:border-color .15s,background .15s,color .15s}.oc-mfg-chip input{display:none}.oc-mfg-chip.active{background:#eff6ff;border-color:#2563eb;color:#1d4ed8}.oc-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:8px;justify-content:flex-start;padding:12px 20px 18px}.oc-btn-primary,.oc-btn-secondary{border:none;border-radius:10px;cursor:pointer;font:inherit;font-weight:700;padding:9px 16px}.oc-btn-primary{background:#2563eb;color:#fff}.oc-btn-primary:hover{filter:brightness(.96)}.oc-btn-secondary{background:#f3f4f6;color:#374151}.oc-btn-secondary:hover{background:#e5e7eb}@media (max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.dept-overview,.users-summary{grid-column:1}}@media (max-width:768px){:root{--sidebar-w:170px}.stats-grid{grid-template-columns:1fr 1fr}.kanban-board{gap:10px;padding:10px}.kanban-col{min-width:240px;width:240px}.row-meta-item{display:none}.row-meta-item:first-of-type{display:flex}}@media (max-width:540px){:root{--sidebar-w:0px}.sidebar{display:none}.detail-row,.form-row,.stats-grid{grid-template-columns:1fr}.topbar-search{display:none}}html[data-view=phone]{--sidebar-w:0px}html[data-view=phone] .topbar-global{gap:6px;padding:0 10px}html[data-view=phone] .topbar-icon-btn span{display:none}html[data-view=phone] .topbar-menu-btn span{display:inline;font-size:12px}html[data-view=phone] .topbar-search{flex:1 1;min-width:0}html[data-view=phone] .topbar-search input{width:90px}html[data-view=phone] .sidebar-backdrop{background:#0f172a73;border:none;cursor:pointer;inset:0;margin:0;padding:0;position:fixed;z-index:80}html[data-view=phone] .sidebar{border-left:none;bottom:0;box-shadow:-8px 0 28px #00000047;display:flex;order:0;position:fixed;right:0;top:48px;top:var(--topbar-h);transform:translateX(105%);transition:transform .22s ease;width:min(280px,86vw);z-index:90}html[data-view=phone] .sidebar.sidebar-open{transform:translateX(0)}html[data-view=phone]:lang(en) .sidebar,html[data-view=phone][lang=en] .sidebar{box-shadow:8px 0 28px #00000047;left:0;right:auto;transform:translateX(-105%)}html[data-view=phone]:lang(en) .sidebar.sidebar-open,html[data-view=phone][lang=en] .sidebar.sidebar-open{transform:translateX(0)}html[data-view=phone] .main-area{min-width:0;width:100%}html[data-view=phone] .main-header{padding:0 12px}html[data-view=phone] .header-title{font-size:15px}html[data-view=phone] .header-add-btn span{display:none}html[data-view=phone] .header-menu-btn{align-items:center;background:#f3f4f6;border-radius:8px;color:#374151;display:inline-flex;height:36px;justify-content:center;width:36px}html[data-view=phone] .projects-page--phone .page-actions{padding:0 12px 10px!important}html[data-view=phone] .dept-cards-grid{gap:12px;grid-template-columns:1fr;padding:12px}html[data-view=phone] .dept-cards-container{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px}html[data-view=phone] .dept-project-card--phone{border-radius:16px;box-shadow:0 2px 10px #0f172a0f}html[data-view=phone] .dept-project-card--phone:active{transform:scale(.98)}html[data-view=phone] .dept-project-card--phone .dpc-header{height:88px;padding:12px}html[data-view=phone] .dept-project-card--phone .dpc-header-icon{border-radius:14px;height:52px;width:52px}html[data-view=phone] .dept-project-card--phone .dpc-body{padding:12px 10px 14px}html[data-view=phone] .dept-project-card--phone .dpc-name{font-size:14px;line-height:1.35;margin-bottom:2px}html[data-view=phone] .dept-project-card--phone .dpc-desc{font-size:11px;line-height:1.3;margin-bottom:0}html[data-view=phone] .dept-project-card--phone .dpc-stats{display:none}html[data-view=phone] .board-breadcrumb{padding:8px 12px}html[data-view=phone] .board-page--phone,html[data-view=phone] .phone-board{display:flex;flex:1 1;flex-direction:column;min-height:0}html[data-view=phone] .phone-board{padding-bottom:88px}html[data-view=phone] .phone-col-tabs{-webkit-overflow-scrolling:touch;display:flex;gap:8px;overflow-x:auto;padding:10px 12px 6px;scrollbar-width:none}html[data-view=phone] .phone-col-tabs::-webkit-scrollbar{display:none}html[data-view=phone] .phone-col-tab{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:999px;color:#4b5563;cursor:pointer;display:inline-flex;flex:0 0 auto;font:inherit;font-size:13px;font-weight:700;gap:8px;padding:10px 14px;white-space:nowrap}html[data-view=phone] .phone-col-tab--active{box-shadow:0 4px 14px #0f172a14}html[data-view=phone] .phone-col-tab-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}html[data-view=phone] .phone-col-tab-count{align-items:center;border-radius:999px;color:#fff;display:inline-flex;font-size:11px;font-weight:800;height:22px;justify-content:center;min-width:22px;padding:0 6px}html[data-view=phone] .phone-board-hint{color:#6b7280;font-size:12px;line-height:1.4;margin:0 12px 8px}html[data-view=phone] .phone-board-stage{display:flex;flex:1 1;min-height:0;padding:0 12px 12px}html[data-view=phone] .kanban-col--phone{border-radius:16px;box-shadow:0 4px 18px #0f172a0f;flex:1 1!important;max-height:none;max-width:100%!important;min-height:calc(100dvh - 260px);min-width:0!important;width:100%!important}html[data-view=phone] .kanban-col--phone .col-body{-webkit-overflow-scrolling:touch;max-height:none;overflow-y:auto;padding-bottom:24px}html[data-view=phone] .kanban-col--phone .col-header{padding:14px 14px 10px}html[data-view=phone] .kanban-col--phone .col-title{font-size:16px}html[data-view=phone] .order-card{border-radius:14px;min-height:84px;padding:14px}html[data-view=phone] .order-card--with-move{display:flex;flex-direction:column;gap:10px}html[data-view=phone] .card-main-hit{cursor:grab;touch-action:none}html[data-view=phone] .card-move-btn{align-items:center;background:#f8fafc;border:1.5px solid #e5e7eb;border-radius:12px;color:#1e3a5f;cursor:pointer;display:inline-flex;font:inherit;font-size:14px;font-weight:700;gap:8px;justify-content:center;width:100%}html[data-view=phone] .card-move-btn:active{background:#eef2ff}html[data-view=phone] .phone-fab{align-items:center;background:#22c55e;border:none;border-radius:999px;bottom:calc(16px + env(safe-area-inset-bottom, 0px));box-shadow:0 10px 28px #22c55e66;color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-size:15px;font-weight:800;gap:8px;left:16px;padding:14px 20px;position:fixed;z-index:70}html[data-view=phone] .phone-fab:active{transform:scale(.97)}html[data-view=phone] .phone-sheet-overlay{align-items:flex-end;background:#0f172a73;display:flex;inset:0;justify-content:center;position:fixed;z-index:120}html[data-view=phone] .phone-sheet{background:#fff;border-radius:20px 20px 0 0;max-height:72vh;overflow:auto;padding:10px 16px calc(20px + env(safe-area-inset-bottom, 0px));width:100%}html[data-view=phone] .phone-sheet-handle{background:#d1d5db;border-radius:999px;height:5px;margin:4px auto 12px;width:42px}html[data-view=phone] .phone-sheet-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}html[data-view=phone] .phone-sheet-header h3{font-size:17px;margin:0}html[data-view=phone] .phone-sheet-header p{color:#6b7280;font-size:13px;margin:4px 0 0}html[data-view=phone] .phone-sheet-list{display:flex;flex-direction:column;gap:8px}html[data-view=phone] .phone-sheet-item{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;color:#111827;cursor:pointer;display:flex;font:inherit;font-size:15px;font-weight:700;gap:12px;padding:12px 14px;text-align:right;width:100%}html[data-view=phone] .phone-sheet-item:active{background:#f3f4f6}html[data-view=phone] .modal-overlay{align-items:stretch;justify-content:stretch;padding:0}html[data-view=phone] .modal-panel,html[data-view=phone] .modal-panel.modal-2xl,html[data-view=phone] .modal-panel.modal-xl{border-radius:0;display:flex;flex-direction:column;height:100%;max-height:100%;max-width:100%;width:100%}html[data-view=phone] .modal-tabs{gap:4px;padding:8px 12px 0}html[data-view=phone] .modal-tab{font-size:12px;padding:8px 12px}html[data-view=phone] .modal-body,html[data-view=phone] .od-body{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto}html[data-view=phone] .add-order-modal--phone{padding:0}html[data-view=phone] .add-order-modal--phone .modal-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:14px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:2}html[data-view=phone] .add-order-modal--phone .modal-heading{font-size:18px}html[data-view=phone] .add-order-body--phone{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:12px 16px 110px}html[data-view=phone] .add-order-body--phone .add-order-col{display:flex;flex-direction:column;gap:14px;max-width:100%;width:100%}html[data-view=phone] .add-order-modal--phone .form-label{font-size:14px;font-weight:700;margin-bottom:8px}html[data-view=phone] .add-order-modal--phone .form-input,html[data-view=phone] .add-order-modal--phone textarea.form-input{border-radius:14px;border-width:1.5px;font-size:16px;min-height:52px;padding:14px 16px}html[data-view=phone] .add-order-modal--phone textarea.form-input{min-height:110px}html[data-view=phone] .add-order-modal--phone .form-row,html[data-view=phone] .form-row--stack{display:flex!important;flex-direction:column!important;gap:14px!important;grid-template-columns:1fr!important}html[data-view=phone] .priority-picker--phone{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}html[data-view=phone] .priority-picker--phone .priority-opt{border-radius:14px;font-size:15px;font-weight:700;min-height:48px}html[data-view=phone] .dept-picker-grid--phone,html[data-view=phone] .users-picker--phone{display:flex;flex-direction:column;gap:8px}html[data-view=phone] .add-order-modal--phone .user-pick-btn{border-radius:14px;min-height:54px;padding:12px 14px}html[data-view=phone] .add-order-modal--phone .upload-zone{border-radius:16px;font-size:15px;font-weight:700;gap:8px;min-height:96px}html[data-view=phone] .add-order-footer--phone{grid-gap:10px;background:#fff;border-top:1px solid #e5e7eb;bottom:0;display:grid;gap:10px;grid-template-columns:1fr 1.4fr;margin:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom, 0px));position:-webkit-sticky;position:sticky;z-index:3}html[data-view=phone] .add-order-footer--phone .btn-primary,html[data-view=phone] .add-order-footer--phone .btn-secondary{border-radius:14px;font-size:16px;font-weight:700;min-height:52px}html[data-view=phone] .detail-row,html[data-view=phone] .form-row,html[data-view=phone] .od-details-grid{grid-template-columns:1fr!important}html[data-view=phone] .orq-split-tables{grid-template-columns:1fr}html[data-view=phone] .page-content{padding:12px}html[data-view=phone] .orders-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}html[data-view=phone]{--topbar-h:52px;--ios-bg:#f2f2f7;--ios-card:#fff;--ios-label:#1c1c1e;--ios-secondary:#8e8e93;--ios-blue:#007aff;--ios-fill:#f2f2f7;--ios-separator:#3c3c431f;--ios-radius-lg:16px;--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI","Helvetica Neue","Cairo",system-ui,sans-serif;--bg:var(--ios-bg);--surface:var(--ios-card);--text:var(--ios-label);--text-muted:var(--ios-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--ios-bg);color:var(--ios-label);font-family:Cairo,sans-serif;font-family:var(--font);font-size:16px;letter-spacing:-.01em;line-height:1.35}html[data-view=phone] #root,html[data-view=phone] body,html[data-view=phone] button,html[data-view=phone] input,html[data-view=phone] select,html[data-view=phone] textarea{font-family:Cairo,sans-serif!important;font-family:var(--font)!important}html[data-view=phone] .app-shell,html[data-view=phone] .board-page,html[data-view=phone] .main-area,html[data-view=phone] .page,html[data-view=phone] .page-content,html[data-view=phone] .projects-page{background:var(--ios-bg)}html[data-view=phone] .topbar-global{backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);background:#ffffffd1;border-bottom:.5px solid var(--ios-separator);gap:0;height:48px;height:var(--topbar-h);padding:0 6px}html[data-view=phone] .topbar-right{gap:0}html[data-view=phone] .topbar-icon-btn{align-items:center;background:#0000!important;border:none!important;border-radius:10px;color:var(--ios-blue);display:inline-flex;gap:0;height:44px;justify-content:center;margin:0;min-width:44px;padding:0!important;width:44px}html[data-view=phone] .topbar-icon-btn:active,html[data-view=phone] .topbar-icon-btn:hover{background:#007aff1a!important;color:var(--ios-blue)}html[data-view=phone] .topbar-icon-btn span{display:none!important}html[data-view=phone] .topbar-menu-btn{gap:4px!important;min-width:44px;padding:0 10px!important;width:auto!important}html[data-view=phone] .topbar-menu-btn span{color:var(--ios-blue);display:inline!important;font-size:17px!important;font-weight:600;letter-spacing:-.02em}html[data-view=phone] .lang-toggle-btn{border:none!important;color:var(--ios-blue)!important}html[data-view=phone] .topbar-search{display:none!important}html[data-view=phone] .notif-dot{border:2px solid #fff;font-size:10px;height:17px;left:8px;top:6px;width:17px}html[data-view=phone] .main-header{background:#0000;border-bottom:none;gap:10px;padding:8px 16px 10px}html[data-view=phone] .header-page-icon{align-items:center;background:#007aff1f;border-radius:9px;color:var(--ios-blue);display:inline-flex;flex-shrink:0;height:36px;justify-content:center;width:36px}html[data-view=phone] .header-title{color:var(--ios-label);font-size:22px!important;font-weight:700;letter-spacing:-.03em;line-height:1.15}html[data-view=phone] .header-subtitle{color:var(--ios-secondary);font-size:13px;font-weight:400}html[data-view=phone] .header-add-btn{border-radius:980px;font-size:15px;font-weight:600;min-height:36px;padding:0 14px}html[data-view=phone] .header-add-btn span{display:inline!important}html[data-view=phone] .header-menu-btn{background:#0000;border-radius:10px;color:var(--ios-blue);height:44px;width:44px}html[data-view=phone] .projects-page--phone .page-actions{padding:0 16px 12px!important}html[data-view=phone] .page-actions .btn-primary,html[data-view=phone] .projects-page--phone .btn-primary{background:#5856d6;border-radius:12px;box-shadow:none;font-size:16px;font-weight:600;gap:6px;letter-spacing:-.02em;min-height:44px;padding:0 18px}html[data-view=phone] .dept-cards-container{gap:12px!important;padding:4px 16px 28px!important}html[data-view=phone] .dept-cards-grid{gap:12px!important;padding:8px 16px 24px!important}html[data-view=phone] .dept-project-card--phone{-webkit-tap-highlight-color:transparent;background:var(--ios-card);border:none!important;border-radius:var(--ios-radius-lg)!important;box-shadow:0 1px 3px #0000000f,0 4px 16px #0000000a!important;overflow:hidden}html[data-view=phone] .dept-project-card--phone:active{opacity:.96;transform:scale(.97)}html[data-view=phone] .dept-project-card--phone .dpc-header{height:76px!important;padding:14px!important}html[data-view=phone] .dept-project-card--phone .dpc-header-icon{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#ffffff47;border-radius:11px!important;height:44px!important;width:44px!important}html[data-view=phone] .dept-project-card--phone .dpc-header-icon svg{stroke-width:1.75;height:26px!important;width:26px!important}html[data-view=phone] .dept-project-card--phone .dpc-body{padding:12px 12px 14px!important}html[data-view=phone] .dept-project-card--phone .dpc-name{color:var(--ios-label);font-size:15px!important;font-weight:600!important;letter-spacing:-.02em;line-height:1.25!important;margin-bottom:3px!important}html[data-view=phone] .dept-project-card--phone .dpc-desc{color:var(--ios-secondary)!important;font-size:12px!important;font-weight:400;letter-spacing:-.01em;line-height:1.3!important}html[data-view=phone] .dept-project-card--phone .dpc-actions{opacity:1}html[data-view=phone] .dept-project-card--phone .dpc-action-btn{background:#ffffff47;border-radius:8px;height:32px;width:32px}html[data-view=phone] .phone-col-tab{background:var(--ios-card)!important;border:none!important;border-radius:980px!important;box-shadow:0 0 0 .5px var(--ios-separator);color:var(--ios-label)!important;font-size:14px!important;font-weight:600!important;letter-spacing:-.02em;min-height:36px;padding:10px 14px!important}html[data-view=phone] .phone-col-tab--active{box-shadow:0 0 0 1.5px var(--ios-blue)!important;color:var(--ios-blue)!important}html[data-view=phone] .kanban-col--phone{background:var(--ios-card);border:none!important;border-radius:var(--ios-radius-lg)!important;box-shadow:0 1px 3px #0000000f!important}html[data-view=phone] .kanban-col--phone .col-title{font-size:17px!important;font-weight:600;letter-spacing:-.02em}html[data-view=phone] .order-card{border:none!important;border-radius:12px!important;box-shadow:0 0 0 .5px var(--ios-separator)}html[data-view=phone] .card-move-btn{background:var(--ios-fill)!important;border:none!important;border-radius:12px!important;color:var(--ios-blue)!important;min-height:44px}html[data-view=phone] .card-move-btn,html[data-view=phone] .phone-fab{font-size:16px!important;font-weight:600!important;letter-spacing:-.02em}html[data-view=phone] .phone-fab{background:#34c759!important;border-radius:980px!important;box-shadow:0 8px 24px #34c75959!important;min-height:52px;padding:14px 22px!important}html[data-view=phone] .phone-sheet{background:var(--ios-bg)!important;border-radius:14px 14px 0 0!important}html[data-view=phone] .phone-sheet-handle{background:#3c3c434d!important;width:36px}html[data-view=phone] .phone-sheet-header h3{font-size:20px!important;font-weight:700;letter-spacing:-.03em}html[data-view=phone] .phone-sheet-item{background:var(--ios-card)!important;border:none!important;border-radius:12px!important;box-shadow:0 0 0 .5px var(--ios-separator);font-size:17px!important;font-weight:500!important;letter-spacing:-.02em;min-height:52px}html[data-view=phone] .add-order-modal--phone .modal-heading{font-size:20px!important;font-weight:700;letter-spacing:-.03em}html[data-view=phone] .add-order-modal--phone .form-label{color:var(--ios-secondary)!important;font-size:13px!important;font-weight:600}html[data-view=phone] .add-order-modal--phone .form-input,html[data-view=phone] .add-order-modal--phone textarea.form-input{background:var(--ios-fill)!important;border:none!important;border-radius:10px!important;font-size:17px!important;letter-spacing:-.02em;min-height:44px}html[data-view=phone] .add-order-footer--phone .btn-primary,html[data-view=phone] .add-order-footer--phone .btn-secondary{border-radius:12px!important;font-size:17px!important;font-weight:600!important;min-height:50px!important}html[data-view=phone] .page-content{padding:12px 16px calc(24px + env(safe-area-inset-bottom, 0px))!important}html[data-view=phone] .sidebar-backdrop{background:#00000047!important}html[data-view=phone] .sidebar{box-shadow:-4px 0 24px #0000001f;transition:transform .28s cubic-bezier(.32,.72,0,1);width:min(300px,82vw)}.revenue-split-content{padding-bottom:32px}.revenue-split-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.revenue-split-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:14px}.revenue-split-hint-inline{flex:1 1;margin:0;min-width:220px}.revenue-split-orders-card{margin-bottom:16px;overflow:hidden;padding:0}.revenue-split-orders-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.rs-orders-table{border-collapse:collapse;direction:rtl;font-size:13px;min-width:880px;width:100%}html[dir=ltr] .rs-orders-table,html[lang=en] .rs-orders-table{direction:ltr}.rs-orders-table th{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#64748b;font-size:12px;font-weight:700;padding:12px 10px;text-align:center;white-space:nowrap}.rs-orders-table td{background:#fff;border-bottom:1px solid #f1f5f9;padding:8px 6px;vertical-align:middle}.rs-orders-table tbody tr:nth-child(2n) td{background:#fafbfc}.rs-col-idx{color:#94a3b8;font-weight:600;text-align:center;width:40px}.rs-col-client{min-width:140px;text-align:start!important}.rs-col-inv{min-width:100px}.rs-col-num{min-width:88px}.rs-col-actions{width:48px}.rs-input{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#111827;font:inherit;font-size:13px;padding:8px 10px;width:100%}.rs-input:focus{background:#eff6ff;border-color:#93c5fd;outline:none}.rs-num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.rs-calc,.rs-num{direction:ltr;text-align:center}.rs-calc{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;padding:8px 10px!important;white-space:nowrap}.rs-net{color:#007aff;font-weight:800}.rs-del-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:inline-flex;height:34px;justify-content:center;width:34px}.rs-del-btn:hover:not(:disabled){background:#fee2e2;color:#dc2626}.rs-del-btn:disabled{cursor:default;opacity:.35}.rs-total-row td{background:#f1f5f9!important;border-bottom:none;border-top:2px solid #e2e8f0;color:#0f172a;font-weight:800;padding:12px 10px!important}.revenue-split-layout{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:minmax(280px,380px) 1fr}.revenue-split-layout-bottom{grid-template-columns:minmax(280px,380px) 1fr}.revenue-split-card{background:#fff;background:var(--surface);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 14px #1d1c390a;padding:18px 18px 16px}.revenue-split-card h3{color:#111827;color:var(--text);font-size:15px;font-weight:700;margin:0 0 14px}.revenue-split-summary{border-top:1px solid #e5e7eb;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px;margin-top:16px;padding-top:14px}.revenue-split-summary-row{align-items:center;color:#6b7280;color:var(--text-muted);display:flex;font-size:13px;gap:12px;justify-content:space-between}.revenue-split-summary-row strong{font-feature-settings:"tnum";color:#111827;color:var(--text);direction:ltr;font-variant-numeric:tabular-nums}.revenue-split-summary-net{border-top:1px dashed #e5e7eb;border-top:1px dashed var(--border);color:#111827;color:var(--text);font-size:14px;margin-top:4px;padding-top:10px}.revenue-split-summary-net strong{color:#007aff;font-size:16px}.revenue-split-hint{color:#6b7280;color:var(--text-muted);font-size:12px;line-height:1.45;margin:14px 0 0}.revenue-split-table{display:flex;flex-direction:column;gap:10px}.revenue-split-legend-row,.revenue-split-table-row{grid-gap:10px;align-items:center;display:grid;font-size:13px;gap:10px;grid-template-columns:12px 1fr auto}.revenue-split-legend-row{grid-template-columns:12px 1.2fr 1fr auto}.revenue-split-table-name{align-items:baseline;color:#111827;color:var(--text);display:flex;font-weight:600;gap:8px}.revenue-split-table-name small{color:#6b7280;color:var(--text-muted);font-size:11px;font-weight:600}.revenue-split-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.revenue-split-chart-card{min-height:320px}.revenue-split-legend-detail{border-top:1px solid #e5e7eb;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-top:12px}.revenue-split-legend-detail .muted{color:#6b7280;color:var(--text-muted);font-size:11px}.revenue-split-empty{align-items:center;color:#6b7280;color:var(--text-muted);display:flex;font-size:14px;justify-content:center;min-height:220px;padding:24px;text-align:center}.revenue-split-download{align-items:center;display:inline-flex;gap:8px}.revenue-split-back{align-items:center;display:inline-flex;gap:6px;min-height:36px;padding:0 12px}html[data-view=phone] .revenue-split-layout,html[data-view=phone] .revenue-split-layout-bottom{grid-template-columns:1fr}html[data-view=phone] .revenue-split-toolbar{align-items:stretch;flex-direction:column}html[data-view=phone] .rs-orders-table{font-size:12px;min-width:860px}:root:not([lang=en]) .revenue-split-back svg,html[dir=rtl] .revenue-split-back svg{transform:scaleX(-1)}
/*# sourceMappingURL=main.7895521e.css.map*/