:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-soft:#eff6ff;--ink:#0f172a;--ink-soft:#475569;--muted:#94a3b8;--bg:#f1f5f9;--panel:#fff;--line:#e2e8f0;--danger:#dc2626;--danger-soft:#fef2f2;--success:#16a34a;--success-soft:#dcfce7;--radius:12px;--shadow:0 1px 2px #0f172a0f, 0 8px 24px -12px #0f172a1f;--sidebar-w:260px;--header-h:64px;--sidebar-bg:#0f172a;--sidebar-text:#e2e8f0}html.dark{--primary:#3b82f6;--primary-dark:#60a5fa;--primary-soft:#3b82f62e;--ink:#f1f5f9;--ink-soft:#cbd5e1;--muted:#64748b;--bg:#0f172a;--panel:#1e293b;--line:#334155;--danger:#f87171;--danger-soft:#f8717126;--success:#4ade80;--success-soft:#4ade8026;--shadow:0 1px 2px #0000004d, 0 8px 24px -12px #00000080}html.dark ::-webkit-scrollbar-thumb{background:#475569}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;direction:rtl;margin:0;font-family:Cairo,Segoe UI,Tahoma,sans-serif}button,input,select,textarea{font-family:inherit;font-size:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px}.btn{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{background:var(--panel);border-color:var(--line);color:var(--ink)}.btn-ghost:hover{background:var(--bg)}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{color:var(--ink-soft);font-size:13px;font-weight:600}.field input,.field select{border:1.5px solid var(--line);background:var(--panel);color:var(--ink);border-radius:10px;outline:none;width:100%;padding:11px 13px;transition:all .15s}.field input:focus,.field select:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.status-badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}.status-pending{color:#92400e;background:#fef3c7}.status-accepted{color:#15803d;background:#dcfce7}.status-rejected{background:var(--danger-soft);color:var(--danger)}.msg-error{background:var(--danger-soft);color:var(--danger);border:1px solid #dc262633;border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:13.5px}.layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);color:var(--sidebar-text);z-index:20;flex-direction:column;flex-shrink:0;transition:transform .2s;display:flex;position:fixed;top:0;bottom:0;right:0}.sidebar-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:10px;padding:20px 18px;display:flex}.sidebar-brand .mark{background:var(--primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-weight:800;display:flex}.sidebar-brand-logo{object-fit:cover;border-radius:10px;flex-shrink:0;width:36px;height:36px}.sidebar-brand strong{font-size:15px;display:block}.sidebar-brand span{color:#94a3b8;font-size:11.5px;display:block}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:14px 10px;display:flex}.sidebar-link{color:#cbd5e1;border-right:3px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:11px 12px;font-size:14px;font-weight:600;transition:background .15s,color .15s,border-color .15s,padding-right .15s;display:flex}.sidebar-link:hover{color:#fff;background:#ffffff12;padding-right:16px}.sidebar-link.active{background:var(--primary);color:#fff;border-right-color:#fff;font-weight:700;box-shadow:0 4px 14px -4px #2563eb80}.sidebar-link .ic{text-align:center;flex-shrink:0;justify-content:center;align-items:center;width:22px;font-size:16px;display:inline-flex}.sidebar-close-btn{display:none}.header{height:var(--header-h);background:var(--panel);border-bottom:1px solid var(--line);z-index:10;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:sticky;top:0}.header-menu-btn{background:0 0;border:none;padding:6px;font-size:20px;display:none}.header-user{align-items:center;gap:10px;margin-inline-start:auto;display:flex}.header-icon-btn{background:0 0;border:none;border-radius:8px;padding:8px;font-size:17px;line-height:1}.header-icon-btn:hover{background:var(--bg)}.header-user-card{align-items:center;gap:10px;display:flex}.header-user-avatar{background:var(--primary-soft);width:38px;height:38px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex;overflow:hidden}.header-user-avatar img{object-fit:cover;width:100%;height:100%}.header-user-name{font-size:13.5px;font-weight:700}.header-user-role{color:var(--muted);font-size:11.5px}.header-logout{color:var(--ink-soft);background:0 0;border:none;border-radius:8px;padding:8px 10px;font-size:13px;font-weight:600}.header-logout:hover{background:var(--danger-soft);color:var(--danger)}.header-notif-wrap,.header-bell-btn{position:relative}.header-bell-btn:hover{background:var(--bg)}.header-bell-badge{background:var(--danger);color:#fff;border-radius:20px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 3px;font-size:9.5px;font-weight:700;display:flex;position:absolute;top:2px;left:2px}.header-notif-dropdown{background:var(--panel);border:1px solid var(--line);width:320px;max-width:90vw;box-shadow:var(--shadow);z-index:50;border-radius:12px;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden}.header-notif-dropdown-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 14px;font-size:13px;font-weight:700;display:flex}.header-notif-mark-all{color:var(--primary);background:0 0;border:none;font-size:11.5px;font-weight:600}.header-notif-list{max-height:320px;overflow-y:auto}.header-notif-item{border-bottom:1px solid var(--line);cursor:pointer;gap:10px;padding:10px 14px;display:flex}.header-notif-item:last-child{border-bottom:none}.header-notif-item.unread{background:var(--primary-soft)}.header-notif-icon{flex-shrink:0;font-size:16px}.header-notif-title{font-size:12.5px;font-weight:700}.header-notif-msg{color:var(--ink-soft);margin-top:2px;font-size:11.5px}.header-notif-time{color:var(--muted);margin-top:3px;font-size:10.5px}.header-notif-empty{text-align:center;color:var(--muted);padding:24px;font-size:12.5px}.header-notif-viewall{text-align:center;color:var(--primary);border-top:1px solid var(--line);padding:10px;font-size:12.5px;font-weight:600;display:block}.header-notif-viewall:hover{background:var(--bg)}.main-content{margin-right:var(--sidebar-w);flex-direction:column;flex:1;min-width:0;display:flex}.page-body{flex:1;padding:24px}.sidebar-backdrop{display:none}@media (width<=900px){.sidebar{transform:translate(100%)}.sidebar.mobile-open{box-shadow:var(--shadow);transform:translate(0)}.sidebar-close-btn{color:#cbd5e1;background:0 0;border:none;margin-right:auto;font-size:18px;display:block}.main-content{margin-right:0}.header-menu-btn{display:block}.sidebar-backdrop.mobile-open{z-index:15;background:#0f172a66;display:block;position:fixed;inset:0}}.login-screen{background:radial-gradient(1200px 600px at 20% -10%,#4655d6 0%,#0000 60%),radial-gradient(1000px 500px at 100% 110%,#7a56c9 0%,#0000 60%),linear-gradient(160deg,#161d36,#0f1428);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--panel);border-radius:20px;width:100%;max-width:400px;padding:38px 34px;box-shadow:0 30px 60px -20px #00000080}.login-brand{align-items:center;gap:10px;margin-bottom:26px;display:flex}.login-brand .mark{background:var(--primary);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:800;display:flex}.login-brand-logo{object-fit:cover;border-radius:12px;flex-shrink:0;width:44px;height:44px}.login-brand strong{font-size:16px;display:block}.login-brand span{color:var(--muted);font-size:12px;display:block}.login-pass-wrap{position:relative}.login-pass-toggle{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:2px 6px;font-size:15px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.modal-backdrop{z-index:100;background:#0f172a80;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-box{background:var(--panel);border-radius:16px;flex-direction:column;width:100%;max-width:640px;max-height:calc(100vh - 80px);display:flex;box-shadow:0 30px 60px -20px #0006}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-head h2{font-size:16px;font-weight:800}.modal-close{background:var(--bg);border:none;border-radius:8px;width:32px;height:32px;font-size:15px}.modal-close:hover{background:var(--danger-soft);color:var(--danger)}.modal-body{padding:22px;overflow-y:auto}.modal-foot{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.form-section-title{color:var(--ink-soft);margin:20px 0 12px;font-size:13px;font-weight:800}.form-section-title:first-child{margin-top:0}.form-grid-2{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}@media (width<=560px){.form-grid-2{grid-template-columns:1fr}}.dash-welcome{margin-bottom:20px}.dash-welcome h1{font-size:22px;font-weight:800}.dash-welcome p{color:var(--muted);margin-top:4px;font-size:13px}.dash-grid{grid-template-columns:2fr 1fr;align-items:start;gap:20px;display:grid}@media (width<=900px){.dash-grid{grid-template-columns:1fr}}.dash-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px;padding:20px}.dash-panel h2{margin-bottom:14px;font-size:15px;font-weight:800}.dash-recent-row{border-bottom:1px solid var(--line);cursor:pointer;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.dash-recent-row:last-child{border-bottom:none}.dash-recent-row:hover{color:var(--primary)}.dash-recent-name{font-size:13.5px;font-weight:600}.dash-recent-meta{color:var(--muted);font-size:11.5px}.dash-quick-actions{flex-direction:column;gap:8px;display:flex}.dash-quick-actions .btn{justify-content:flex-start}.dash-empty{color:var(--muted);text-align:center;padding:20px 0;font-size:13px}.card-print-area{color:#111;background:#fff;border-radius:10px;padding:20px}.card-print-header{border-bottom:2px solid #111;align-items:center;gap:14px;margin-bottom:16px;padding-bottom:14px;display:flex}.card-print-header img{height:50px}.card-print-header .co-name{font-size:16px;font-weight:800}.card-print-header .co-sub{color:#666;font-size:11px}.card-print-title{margin-bottom:14px;font-size:18px;font-weight:800}.card-print-grid{grid-template-columns:1fr 1fr;gap:10px 20px;margin-bottom:16px;display:grid}.card-print-row .lbl{color:#666;font-size:11px}.card-print-row .val{font-size:13.5px;font-weight:600}.card-print-notes-title{border-top:1px solid #ddd;margin:14px 0 8px;padding-top:12px;font-size:13px;font-weight:700}.card-print-note{border-bottom:1px dashed #ddd;margin-bottom:8px;padding-bottom:8px;font-size:12.5px}.card-print-note .meta{color:#888;margin-bottom:2px;font-size:10.5px}.card-modal-actions{gap:10px;display:flex}@media print{.sidebar,.header,.modal-head,.modal-foot{display:none!important}.modal-backdrop{background:0 0!important;padding:0!important}.modal-box{box-shadow:none!important;max-width:none!important;max-height:none!important}body *{visibility:hidden}.card-print-area,.card-print-area *{visibility:visible}.card-print-area{position:fixed;inset:0}}.call-btn-wrap{display:inline-block;position:relative}.call-popover{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);z-index:50;border-radius:10px;width:240px;padding:14px;position:absolute;top:calc(100% + 6px);right:0}.call-popover-number{text-align:center;color:var(--primary);direction:ltr;margin-bottom:8px;font-size:18px;font-weight:800}.call-popover-hint{color:var(--muted);text-align:center;margin-bottom:10px;font-size:11px}.call-popover-copied{color:var(--success);text-align:center;margin-top:6px;font-size:11.5px}.inline-field{cursor:pointer;border-radius:6px;margin:-2px -4px;padding:2px 4px;transition:background .12s}.inline-field:hover{background:var(--primary-soft)}.inline-field.empty{color:var(--muted)}.inline-field-input{border:1.5px solid var(--primary);background:var(--panel);width:100%;color:var(--ink);font:inherit;border-radius:6px;outline:none;padding:4px 8px}.inline-field-saving{opacity:.5}.ief-display{cursor:default;border-radius:6px;align-items:center;gap:4px;margin:-1px -4px;padding:1px 4px;transition:background .15s;display:inline-flex}.ief-editable{cursor:pointer}.ief-editable:hover{background:var(--primary-soft)}.ief-pencil{opacity:0;font-size:10.5px;transition:opacity .15s}.ief-editable:hover .ief-pencil{opacity:.7}.ief-flash-success{animation:1.2s ief-flash-success-anim}.ief-flash-error{animation:1.2s ief-flash-error-anim}@keyframes ief-flash-success-anim{0%{background:var(--success-soft)}to{background:0 0}}@keyframes ief-flash-error-anim{0%{background:var(--danger-soft)}to{background:0 0}}.ief-editing{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.ief-input{border:1.5px solid var(--primary);background:var(--panel);color:var(--ink);font-size:inherit;border-radius:6px;outline:none;min-width:0;max-width:140px;padding:4px 8px;font-family:inherit}.ief-btn{cursor:pointer;background:0 0;border:none;border-radius:5px;padding:3px 5px;font-size:13px;line-height:1}.ief-btn-save{color:var(--success)}.ief-btn-save:hover{background:var(--success-soft)}.ief-btn-cancel{color:var(--danger)}.ief-btn-cancel:hover{background:var(--danger-soft)}.ief-error{color:var(--danger);flex-basis:100%;font-size:10.5px}.ief-spinner{border:2px solid var(--line);border-top-color:var(--primary);border-radius:50%;width:12px;height:12px;animation:.7s linear infinite ief-spin;display:inline-block}@keyframes ief-spin{to{transform:rotate(360deg)}}.ief-toggle-wrap{border-radius:6px;align-items:center;gap:6px;margin:-1px -4px;padding:1px 4px;display:inline-flex}.ief-toggle-wrap input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.ief-toggle-wrap input[type=checkbox]:disabled{cursor:default}.ief-pct-bar-track{background:var(--bg);border-radius:4px;width:100%;max-width:100px;height:6px;margin-top:5px;overflow:hidden}.ief-pct-bar-fill{background:var(--primary);border-radius:4px;height:100%;transition:width .2s}.clients-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.clients-page-head h1{font-size:20px;font-weight:800}.clients-page-head p{color:var(--muted);margin-top:4px;font-size:13px}.clients-search{width:260px;max-width:100%}.attitude-filters{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.attitude-chip{background:var(--panel);border:1.5px solid var(--line);color:var(--ink-soft);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:700;transition:background .15s,border-color .15s,color .15s;display:flex}.attitude-chip:hover{border-color:var(--primary);color:var(--primary)}.attitude-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.attitude-chip-count{background:#0000001f;border-radius:10px;padding:1px 7px;font-size:10.5px}.attitude-chip.active .attitude-chip-count{background:#ffffff40}.bulk-bar{background:var(--primary-soft);border:1px solid var(--primary);border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;padding:10px 16px;display:flex}.bulk-bar b{color:var(--primary);font-size:13px}.clients-split{grid-template-columns:35% 65%;align-items:start;gap:18px;display:grid}@media (width<=1000px){.clients-split{grid-template-columns:1fr}}.clients-list-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.client-row{border-bottom:1px solid var(--line);cursor:pointer;border-right:3px solid #0000;flex-direction:column;gap:6px;padding:11px 16px;transition:background .15s,border-color .15s;display:flex}.client-row-main{align-items:center;gap:10px;display:flex}.client-row:last-child{border-bottom:none}.client-row:hover{background:var(--bg)}.client-row.active{background:var(--primary-soft);border-right-color:var(--primary)}.client-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);flex-shrink:0}.client-row-avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:flex}.client-row-body{flex:1;min-width:0}.client-row-name{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;font-size:13.5px;font-weight:700;display:flex;overflow:hidden}.client-row-platform-ic{flex-shrink:0;font-size:11px}.client-row-meta{color:var(--muted);text-align:right;direction:ltr;font-size:11.5px}.client-row-side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.client-row-badge{white-space:nowrap;border-radius:20px;flex-shrink:0;padding:2px 8px;font-size:10.5px;font-weight:700}.client-row-assignee{background:var(--bg);border:1px solid var(--line);width:20px;height:20px;color:var(--ink-soft);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.client-row-actions{gap:2px;padding-right:46px;display:flex}.client-row-action-btn{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;border-radius:6px;padding:4px 7px;font-size:13px;line-height:1;transition:background .15s}.client-row-action-btn:hover{background:var(--bg)}.client-row-action-btn.danger:hover{background:var(--danger-soft);color:var(--danger)}.client-row-action-btn.favorite-on{color:#f59e0b}.client-row-fixed-date{color:var(--muted);white-space:nowrap;font-size:10.5px}.filter-toggle-btn{position:relative}.filter-toggle-badge{background:var(--primary);color:#fff;border-radius:20px;padding:1px 6px;font-size:10px;font-weight:800;line-height:1.4;position:absolute;top:-6px;left:-6px}.filter-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:16px}.filter-panel-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px 16px;display:grid}.filter-panel-grid .field{margin-bottom:0}.filter-range{align-items:center;gap:8px;display:flex}.filter-range input{min-width:0}.filter-panel-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;margin-top:16px;padding-top:14px;display:flex}.clients-pager{border-top:1px solid var(--line);color:var(--ink-soft);justify-content:center;align-items:center;gap:14px;padding:14px;font-size:12.5px;display:flex}.client-detail-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);max-height:calc(100vh - 100px);padding:20px;position:sticky;top:80px;overflow-y:auto}.client-detail-empty{text-align:center;color:var(--muted);padding:60px 20px}.client-detail-empty .ic{margin-bottom:10px;font-size:32px}.cd-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px;padding-bottom:14px;display:flex}.cd-head h2{font-size:17px;font-weight:800}.cd-badges{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.cd-badge{border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.cd-actions{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.cd-actions .btn{border-radius:8px;padding:8px 14px;font-size:12.5px;font-weight:700;transition:transform .1s,background .15s}.cd-actions .btn:hover{transform:translateY(-1px)}.cd-section-title{color:var(--ink-soft);border-right:3px solid var(--primary);align-items:center;gap:6px;margin:20px 0 10px;padding-right:10px;font-size:12.5px;font-weight:800;display:flex}.cd-section-title:first-of-type{margin-top:0}.cd-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cd-field{background:var(--bg);border-radius:8px;padding:9px 12px;transition:background .15s}.cd-field:hover{background:var(--primary-soft)}.cd-field .lbl{color:var(--muted);margin-bottom:3px;font-size:10.5px}.cd-field .val{font-size:13px;font-weight:600}.cd-notes-add{gap:8px;margin-bottom:12px;display:flex}.cd-notes-add textarea{border:1.5px solid var(--line);resize:vertical;border-radius:8px;flex:1;padding:8px 10px;font-family:inherit;font-size:12.5px}.cd-note{background:var(--bg);border-radius:8px;margin-bottom:8px;padding:10px 12px;font-size:12.5px}.cd-note .meta{color:var(--muted);margin-bottom:4px;font-size:10.5px}.pgp-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}table.pgp-table{border-collapse:collapse;width:100%;font-size:13px}.pgp-table th{text-align:right;background:var(--bg);color:var(--ink-soft);padding:10px 14px;font-size:12px;font-weight:700}.pgp-table td{border-bottom:1px solid var(--line);padding:10px 14px}.pgp-table tbody tr:last-child td{border-bottom:none}.pgp-name-dot{border-radius:50%;width:10px;height:10px;margin-left:8px;display:inline-block}.pgp-row-actions{gap:6px;display:flex}.pgp-empty{text-align:center;color:var(--muted);padding:30px}.pending-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.pending-panel .pgp-table{font-size:13px}.detail-back{color:var(--ink-soft);align-items:center;gap:6px;margin-bottom:16px;font-size:13.5px;font-weight:600;display:inline-flex}.detail-back:hover{color:var(--primary)}.detail-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px;padding:24px}.detail-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.detail-head h1{align-items:center;gap:8px;font-size:20px;font-weight:800;display:flex}.detail-phone{color:var(--ink-soft);text-align:right;direction:ltr;margin-top:4px;font-size:14px}.detail-badges{flex-wrap:wrap;gap:8px;display:flex}.badge{border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.badge-muted{background:var(--bg);color:var(--muted)}.fav-star{color:#f59e0b}.detail-section-title{color:var(--ink);border-top:1px solid var(--line);margin:24px 0 12px;padding-top:16px;font-size:13.5px;font-weight:800}.detail-section-title:first-of-type{border-top:none;margin-top:0;padding-top:0}.detail-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.detail-meta-card{background:var(--bg);border-radius:10px;padding:12px 14px}.detail-meta-lbl{color:var(--muted);margin-bottom:4px;font-size:11.5px}.detail-meta-val{font-size:14px;font-weight:700}.debt-total{color:var(--primary);background:var(--primary-soft);border-radius:20px;margin-right:8px;padding:3px 10px;font-size:12px;font-weight:700}.notes-list{flex-direction:column;gap:10px;display:flex}.note-card{background:var(--bg);border-radius:10px;padding:12px 14px}.note-meta{color:var(--muted);margin-bottom:6px;font-size:11.5px}.note-text{color:var(--ink);white-space:pre-wrap;font-size:13.5px}.detail-loading,.detail-error{text-align:center;color:var(--muted);padding:60px 20px}.detail-error{color:var(--danger)}.epm-stat-row{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px;display:grid}.epm-stat{background:var(--bg);text-align:center;border-radius:10px;padding:12px}.epm-stat .lbl{color:var(--muted);margin-bottom:4px;font-size:11px}.epm-stat .val{color:var(--primary);font-size:20px;font-weight:800}.epm-chart{padding-top:8px}.employees-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.employees-page-head h1{font-size:20px;font-weight:800}.employees-page-head p{color:var(--muted);margin-top:4px;font-size:13px}.employees-search{width:280px;max-width:100%}.emp-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.emp-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;transition:all .15s}.emp-card:hover{transform:translateY(-2px)}.emp-card.emp-inactive{opacity:.6}.emp-top{align-items:center;gap:12px;margin-bottom:14px;display:flex}.emp-avatar{color:#fff;background:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:16px;font-weight:800;display:flex}.emp-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:800;overflow:hidden}.emp-role{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.emp-phone{color:var(--muted);text-align:right;direction:ltr;margin-top:2px;font-size:11.5px}.emp-badges{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.badge-active{color:#15803d;background:#dcfce7;border-radius:20px;padding:3px 10px;font-size:10.5px;font-weight:700}.badge-inactive{background:var(--bg);color:var(--muted);border-radius:20px;padding:3px 10px;font-size:10.5px;font-weight:700}.badge-role{background:var(--primary-soft);color:var(--primary);border-radius:20px;padding:3px 10px;font-size:10.5px;font-weight:700}.badge-rr{color:#7c3aed;background:#ede9fe;border-radius:20px;padding:3px 10px;font-size:10.5px;font-weight:700}.emp-stats{color:var(--ink-soft);border-top:1px dashed var(--line);grid-template-columns:repeat(2,1fr);gap:8px 4px;padding-top:10px;font-size:11px;display:grid}.emp-stats b{color:var(--ink);font-size:15px;display:block}.emp-card-actions{gap:6px;margin-top:10px;display:flex}.emp-card-actions .btn{flex:1;padding:7px 10px;font-size:12px}.employees-empty,.employees-loading,.employees-error{text-align:center;color:var(--muted);grid-column:1/-1;padding:40px 20px}.employees-error{color:var(--danger)}.hr-grid{grid-template-columns:320px 1fr;align-items:start;gap:20px;display:grid}@media (width<=900px){.hr-grid{grid-template-columns:1fr}}.hr-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.hr-panel h2{margin-bottom:14px;font-size:15px;font-weight:800}.hr-profile-card{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:18px;padding-bottom:18px;display:flex}.hr-profile-avatar{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:18px;font-weight:700;display:flex;overflow:hidden}.hr-profile-avatar img{object-fit:cover;width:100%;height:100%}.hr-profile-name{font-size:15px;font-weight:800}.hr-profile-role{color:var(--muted);margin-top:2px;font-size:12px}.leave-balance{background:var(--primary-soft);text-align:center;border-radius:10px;margin-bottom:16px;padding:16px}.leave-balance b{color:var(--primary);font-size:30px;display:block}.leave-balance span{color:var(--ink-soft);font-size:12.5px}.hr-table-wrap{overflow-x:auto}table.hr-table{border-collapse:collapse;width:100%;font-size:13px}.hr-table th{text-align:right;background:var(--bg);color:var(--ink-soft);white-space:nowrap;padding:10px 14px;font-size:12px;font-weight:700}.hr-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:10px 14px}.hr-table tbody tr:last-child td{border-bottom:none}.hr-row-actions{gap:6px;display:flex}.hr-empty{text-align:center;color:var(--muted);padding:30px}.transfers-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.transfers-table-wrap{overflow-x:auto}table.transfers-table{border-collapse:collapse;width:100%;font-size:13px}.transfers-table th{text-align:right;background:var(--bg);color:var(--ink-soft);white-space:nowrap;padding:10px 14px;font-size:12px;font-weight:700}.transfers-table td{border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 14px}.transfers-table td.wrap-cell{white-space:normal;max-width:220px;color:var(--ink-soft);font-size:12.5px}.transfers-table tbody tr:last-child td{border-bottom:none}.transfers-row-actions{gap:6px;display:flex}.transfers-empty{text-align:center;color:var(--muted);padding:40px}.ts-back{color:var(--primary);margin-bottom:10px;font-size:13px;font-weight:600;display:inline-block}.ts-saved{background:var(--success-soft);color:var(--success);border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:13.5px}.ts-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);max-width:560px;padding:24px}.ts-section-title{color:var(--ink-soft);margin-bottom:4px;font-size:13px;font-weight:800}.ts-hint{color:var(--muted);margin-bottom:14px;font-size:12px}.ts-empty{text-align:center;color:var(--muted);background:var(--bg);border-radius:8px;margin-bottom:12px;padding:16px;font-size:13px}.ts-approvers-list{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.ts-approver-row{background:var(--bg);border:1px solid var(--line);cursor:grab;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;transition:opacity .15s,border-color .15s;display:flex}.ts-approver-row.dragging{opacity:.4;border-color:var(--primary)}.ts-drag-handle{color:var(--muted);cursor:grab;flex-shrink:0;font-size:14px}.ts-approver-order{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.ts-approver-name{flex:1;font-size:13.5px;font-weight:600}.ts-remove-btn{color:var(--danger);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px 6px;font-size:13px}.ts-remove-btn:hover{background:var(--danger-soft)}.ts-add-row{border-top:1px solid var(--line);gap:8px;padding-top:10px;display:flex}.ts-add-row select{border:1.5px solid var(--line);background:var(--panel);color:var(--ink);border-radius:8px;flex:1;padding:9px 11px;font-size:13px}.tasks-layout{grid-template-columns:320px 1fr;align-items:start;gap:20px;display:grid}@media (width<=900px){.tasks-layout{grid-template-columns:1fr}}.tasks-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.tasks-panel h2{margin-bottom:14px;font-size:15px;font-weight:800}.tasks-filters{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.tasks-filters select{border:1.5px solid var(--line);background:var(--panel);border-radius:10px;padding:8px 12px;font-size:12.5px}.task-card{background:var(--bg);border-radius:10px;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;padding:12px 14px;display:flex}.task-card.task-late{background:var(--danger-soft)}.task-card.task-done{opacity:.6}.task-main{min-width:0}.task-type{font-size:13px;font-weight:700}.task-note{color:var(--ink-soft);margin-top:2px;font-size:12.5px}.task-meta{color:var(--muted);margin-top:4px;font-size:11.5px}.task-actions{flex-shrink:0;gap:6px;display:flex}.tasks-empty{text-align:center;color:var(--muted);padding:30px}.reports-actions{justify-content:flex-end;gap:10px;margin-bottom:16px;display:flex}.pdf-capture .print-header{color:#000;background:#fff;border-bottom:2px solid #000;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:14px;display:flex!important}.pdf-capture .print-header img{height:56px}.stat-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px;display:grid}.stat-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.stat-card .lbl{color:var(--muted);margin-bottom:6px;font-size:12.5px}.stat-card .val{font-size:26px;font-weight:800}.report-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px;padding:20px}.report-panel h2{margin-bottom:16px;font-size:15px;font-weight:800}.bar-row{margin-bottom:12px}.bar-row-head{justify-content:space-between;margin-bottom:5px;font-size:12.5px;display:flex}.bar-track{background:var(--bg);border-radius:20px;height:10px;overflow:hidden}.bar-fill{border-radius:20px;height:100%;transition:width .4s}table.report-table{border-collapse:collapse;width:100%;font-size:13px}.report-table th{text-align:right;background:var(--bg);color:var(--ink-soft);padding:10px 12px;font-size:12px;font-weight:700}.report-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.report-table th.sortable:hover{color:var(--primary)}.report-table td{border-bottom:1px solid var(--line);padding:10px 12px}.report-table tbody tr:last-child td{border-bottom:none}.filters-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px;padding:18px 20px}.filters-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:14px;display:grid}.filters-grid .field{margin-bottom:0}.filters-actions{gap:10px;display:flex}.day-chart{align-items:flex-end;gap:4px;height:140px;padding-bottom:4px;display:flex;overflow-x:auto}.day-chart-bar-wrap{flex-direction:column;flex-shrink:0;align-items:center;min-width:26px;display:flex}.day-chart-bar{background:var(--primary);border-radius:4px 4px 0 0;width:18px;min-height:2px}.day-chart-count{color:var(--ink-soft);margin-bottom:2px;font-size:10px}.day-chart-label{color:var(--muted);white-space:nowrap;margin-top:4px;font-size:9px}.print-header{display:none}@media print{.sidebar,.header,.reports-actions,.filters-panel{display:none!important}.main-content{margin-right:0!important}.page-body{padding:0!important}.print-header{border-bottom:2px solid #000;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:14px;display:flex}.print-header img{height:56px}.report-panel{box-shadow:none;break-inside:avoid;border:1px solid #ccc}}.af-checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;font-size:13px;display:grid}.settings-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);max-width:520px;padding:24px}.settings-panel h2{margin-bottom:4px;font-size:16px;font-weight:800}.settings-panel .hint{color:var(--muted);margin-bottom:20px;font-size:12.5px}.settings-logo-preview{border:1px solid var(--line);border-radius:8px;height:60px;margin-bottom:10px;display:block}.settings-saved{color:#15803d;background:#dcfce7;border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:13.5px}.notif-page-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.notif-page-item{border-bottom:1px solid var(--line);cursor:pointer;gap:14px;padding:16px 18px;display:flex}.notif-page-item:last-child{border-bottom:none}.notif-page-item.unread{background:var(--primary-soft)}.notif-page-icon{flex-shrink:0;font-size:22px}.notif-page-title{font-size:14px;font-weight:700}.notif-page-msg{color:var(--ink-soft);margin-top:4px;font-size:13px}.notif-page-time{color:var(--muted);margin-top:6px;font-size:11.5px}.notif-page-empty{text-align:center;color:var(--muted);padding:50px 20px}.wat-page-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.wat-page-head h1{font-size:20px;font-weight:800}.wat-page-head p{color:var(--muted);margin-top:4px;font-size:13px}.wat-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}table.wat-table{border-collapse:collapse;width:100%;font-size:13px}.wat-table th{text-align:right;background:var(--bg);color:var(--ink-soft);padding:10px 14px;font-size:12px;font-weight:700}.wat-table td{border-bottom:1px solid var(--line);max-width:320px;padding:10px 14px}.wat-table tbody tr:last-child td{border-bottom:none}.wat-preview{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;max-width:300px;display:block;overflow:hidden}.wat-empty{text-align:center;color:var(--muted);padding:40px}.wat-row-actions{gap:6px;display:flex}.ad-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:20px;padding:20px}.ad-panel h2{font-size:15px;font-weight:800}.ad-panel-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.ad-sim-result{background:var(--primary-soft);color:var(--primary);border-radius:8px;margin-top:10px;padding:10px 14px;font-size:13px;font-weight:700}.ad-table-wrap{overflow-x:auto}table.ad-table{border-collapse:collapse;width:100%;font-size:13px}.ad-table th{text-align:right;background:var(--bg);color:var(--ink-soft);white-space:nowrap;padding:10px 14px;font-size:12px;font-weight:700}.ad-table td{border-bottom:1px solid var(--line);padding:10px 14px}.ad-table tbody tr:last-child td{border-bottom:none}.ad-row-next{background:var(--primary-soft)}.ad-toggle{cursor:pointer;align-items:center;gap:6px;font-size:12.5px;display:flex}.ad-toggle input{width:16px;height:16px;accent-color:var(--primary)}.ad-next-badge{color:var(--primary);font-weight:700}.ad-empty{text-align:center;color:var(--muted);padding:30px}.ad-reassign-row{align-items:flex-start;gap:10px;display:flex}.ad-reassign-row select{border:1.5px solid var(--line);background:var(--panel);color:var(--ink);border-radius:10px;padding:11px 13px}.ad-reassign-options{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);z-index:10;border-radius:8px;max-height:180px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.ad-reassign-option{cursor:pointer;padding:8px 12px;font-size:13px}.ad-reassign-option:hover{background:var(--bg)}.ls-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.ls-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.ls-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.ls-card-head{margin-bottom:12px}.ls-card-name{margin-bottom:6px;font-size:14.5px;font-weight:800}.ls-card-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:20px;margin-bottom:14px;padding:10px 0;display:flex}.ls-card-stats .lbl{color:var(--muted);margin-bottom:2px;font-size:10.5px;display:block}.ls-card-stats .val{font-size:13px;font-weight:700;display:block}.ls-card-actions{flex-wrap:wrap;gap:6px;display:flex}.ls-card-actions .btn{padding:6px 10px;font-size:12px}.ls-empty{text-align:center;color:var(--muted);padding:40px}.ls-mapping-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;display:grid}.ls-mapping-field{background:var(--bg);border-radius:8px;justify-content:space-between;align-items:center;gap:6px;padding:6px 10px;display:flex}.ls-mapping-field span{color:var(--ink-soft);font-size:12px}.ls-mapping-field input{border:1.5px solid var(--line);border-radius:6px;width:40px;padding:4px;font-size:12px}.ls-script-box{text-align:left;border:1.5px solid var(--line);resize:vertical;background:var(--bg);width:100%;color:var(--ink);direction:ltr;border-radius:8px;padding:10px;font-family:Courier New,monospace;font-size:11.5px}.perm-layout{grid-template-columns:260px 1fr;align-items:start;gap:18px;display:grid}@media (width<=900px){.perm-layout{grid-template-columns:1fr}}.perm-depts{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px;position:sticky;top:80px}.perm-depts-list{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.perm-dept-item{color:var(--ink);text-align:right;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:13.5px;font-weight:600;transition:background .15s;display:flex}.perm-dept-item:hover{background:var(--bg)}.perm-dept-item.active{background:var(--primary);color:#fff}.perm-dept-badge{background:#ffffff40;border-radius:10px;padding:1px 7px;font-size:9.5px;font-weight:700}.perm-dept-name{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:7px;min-width:0;display:flex;overflow:hidden}.perm-dept-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.perm-dept-actions{flex-shrink:0;gap:2px;display:flex}.perm-dept-icon-btn{cursor:pointer;color:inherit;opacity:.75;background:0 0;border:none;border-radius:6px;padding:4px 5px;font-size:12px;line-height:1}.perm-dept-icon-btn:hover{opacity:1;background:#00000014}.perm-dept-item.active .perm-dept-icon-btn:hover{background:#ffffff40}.perm-dept-delete:hover{color:var(--danger)}.perm-dept-edit{background:var(--bg);border-radius:8px;align-items:center;gap:4px;padding:6px 8px;display:flex}.perm-dept-edit-name{border:1.5px solid var(--primary);background:var(--panel);min-width:0;color:var(--ink);border-radius:6px;flex:1;padding:7px 9px;font-size:13px}.perm-dept-edit-color{border:1.5px solid var(--line);background:var(--panel);cursor:pointer;border-radius:6px;flex-shrink:0;width:28px;height:28px;padding:2px}.perm-dept-save{color:var(--success)}.perm-dept-save:hover{background:var(--success-soft)}.perm-dept-cancel{color:var(--danger)}.perm-dept-cancel:hover{background:var(--danger-soft)}.perm-add-dept{border-top:1px solid var(--line);padding-top:12px}.perm-add-dept-row{gap:6px;display:flex}.perm-add-dept-row input[type=text]{flex:1;min-width:0}.perm-add-dept input[type=text]{border:1.5px solid var(--line);background:var(--panel);width:100%;color:var(--ink);border-radius:8px;padding:9px 11px;font-size:13px}.perm-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.perm-panel-head{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:14px;display:flex}.perm-panel-head h2{font-size:17px;font-weight:800}.perm-system-note{color:var(--primary);background:var(--primary-soft);border-radius:20px;padding:5px 12px;font-size:12px;font-weight:700}.perm-section{border-bottom:1px dashed var(--line);margin-bottom:8px;padding-bottom:10px}.perm-section:last-child{border-bottom:none}.perm-section-head{cursor:pointer;color:var(--ink-soft);align-items:center;gap:8px;padding:8px 0;font-size:13.5px;display:flex}.perm-section-head input{width:16px;height:16px;accent-color:var(--primary)}.perm-subs-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px 14px;padding:6px 26px 4px;display:grid}.perm-sub-item{cursor:pointer;align-items:center;gap:7px;padding:3px 0;font-size:12.5px;display:flex}.perm-sub-item input{width:14px;height:14px;accent-color:var(--primary);flex-shrink:0}.perm-empty{text-align:center;color:var(--muted);padding:30px;font-size:13px}