@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800;900&family=Tajawal:wght@300;400;500;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body{text-align:right;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:rtl;width:100%;height:100%;font-family:Cairo,Tajawal,system-ui,sans-serif;overflow:hidden}button,input,select,textarea{direction:rtl;font-family:inherit}[data-theme=clean]{--bg:#f4f7fa;--bg-elevated:#fff;--bg-sidebar:#fff;--bg-card:#fff;--bg-hover:#f0f5f9;--bg-subtle:#eef3f8;--text-primary:#0f1f2e;--text-secondary:#4a5b6d;--text-tertiary:#8a98a8;--text-muted:#b5bfc9;--border:#e4ebf2;--border-strong:#d0dae4;--accent:#0891b2;--accent-hover:#0e7490;--accent-soft:#ecfeff;--accent-text:#155e75;--success:#059669;--success-soft:#d1fae5;--warning:#d97706;--warning-soft:#fef3c7;--danger:#dc2626;--danger-soft:#fee2e2;--info:#2563eb;--info-soft:#dbeafe;--purple:#7c3aed;--purple-soft:#ede9fe;--shadow-sm:0 1px 2px #0f1f2e0a;--shadow:0 2px 8px #0f1f2e0f, 0 1px 2px #0f1f2e0a;--shadow-lg:0 12px 32px #0f1f2e1a, 0 2px 8px #0f1f2e0f;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px}[data-theme=luxe]{--bg:#0b1020;--bg-elevated:#131a2e;--bg-sidebar:#0f1525;--bg-card:#151c33;--bg-hover:#1c2541;--bg-subtle:#1a2139;--text-primary:#f1f5fb;--text-secondary:#a8b3c7;--text-tertiary:#6a7690;--text-muted:#4a5570;--border:#232c47;--border-strong:#303a58;--accent:#d4af6f;--accent-hover:#e6c18a;--accent-soft:#2a2419;--accent-text:#e6c18a;--success:#34d399;--success-soft:#0f2a22;--warning:#fbbf24;--warning-soft:#2a2212;--danger:#f87171;--danger-soft:#2a1515;--info:#818cf8;--info-soft:#1a1a33;--purple:#a78bfa;--purple-soft:#231a33;--shadow-sm:0 1px 2px #0000004d;--shadow:0 4px 14px #00000059, 0 1px 3px #0003;--shadow-lg:0 20px 50px #00000073, 0 4px 12px #0000004d;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px}[data-theme=warm]{--bg:#fbf6f1;--bg-elevated:#fff;--bg-sidebar:#fff8f1;--bg-card:#fff;--bg-hover:#fbf1e8;--bg-subtle:#f7ede3;--text-primary:#2b1810;--text-secondary:#5c4a3e;--text-tertiary:#8a7a6e;--text-muted:#b8ab9f;--border:#ecdfd1;--border-strong:#d9c8b5;--accent:#c2675b;--accent-hover:#a7544a;--accent-soft:#fbeae6;--accent-text:#8e3e34;--success:#5b8a72;--success-soft:#e3efe8;--warning:#c9944a;--warning-soft:#faf0d9;--danger:#b14848;--danger-soft:#f5dede;--info:#5b7aa3;--info-soft:#e0e9f3;--purple:#9579a5;--purple-soft:#ece4f1;--shadow-sm:0 1px 2px #2b18100d;--shadow:0 3px 10px #2b181012, 0 1px 2px #2b18100a;--shadow-lg:0 16px 40px #2b18101a, 0 3px 8px #2b18100f;--radius-sm:8px;--radius:14px;--radius-lg:18px;--radius-xl:26px}[data-theme=sage]{--bg:#f2f5f0;--bg-elevated:#fff;--bg-sidebar:#f8faf6;--bg-card:#fff;--bg-hover:#eaf0e6;--bg-subtle:#e8ede4;--text-primary:#1a2e1a;--text-secondary:#3d5c3a;--text-tertiary:#7a9475;--text-muted:#b2c5ae;--border:#d4e0ce;--border-strong:#bdd1b6;--accent:#4a7c59;--accent-hover:#3a6347;--accent-soft:#e8f5ec;--accent-text:#2d5c3c;--success:#2e7d52;--success-soft:#d1f0e0;--warning:#c9944a;--warning-soft:#faf0d9;--danger:#c0392b;--danger-soft:#fde8e6;--info:#3b7dd8;--info-soft:#def;--purple:#7c5cbf;--purple-soft:#ede8f8;--shadow-sm:0 1px 2px #1a2e1a0a;--shadow:0 2px 8px #1a2e1a0f, 0 1px 2px #1a2e1a0a;--shadow-lg:0 12px 32px #1a2e1a1a, 0 2px 8px #1a2e1a0f;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px}[data-theme=ocean]{--bg:#e8f4fd;--bg-elevated:#fff;--bg-sidebar:#f0f8ff;--bg-card:#fff;--bg-hover:#d4ecfb;--bg-subtle:#e0f0fa;--text-primary:#0a2540;--text-secondary:#1a4971;--text-tertiary:#5a87b8;--text-muted:#99bedd;--border:#c2ddf5;--border-strong:#a8cff0;--accent:#0070cc;--accent-hover:#005aad;--accent-soft:#def;--accent-text:#004a99;--success:#0a8a5f;--success-soft:#d0f5e8;--warning:#d4890a;--warning-soft:#fff2d0;--danger:#d63031;--danger-soft:#fde8e8;--info:#6c5ce7;--info-soft:#ebe8fd;--purple:#a855f7;--purple-soft:#f3e8ff;--shadow-sm:0 1px 2px #0a25400d;--shadow:0 2px 8px #0a254012, 0 1px 2px #0a25400a;--shadow-lg:0 12px 32px #0a25401f, 0 2px 8px #0a25400f;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px}[data-theme=blush]{--bg:#fdf4f6;--bg-elevated:#fff;--bg-sidebar:#fff8fa;--bg-card:#fff;--bg-hover:#fce8ed;--bg-subtle:#faeef2;--text-primary:#2d1420;--text-secondary:#6b3a4e;--text-tertiary:#b07a90;--text-muted:#d4afc0;--border:#f0d0dc;--border-strong:#e8b8ca;--accent:#d4547a;--accent-hover:#bc3d63;--accent-soft:#fde8ef;--accent-text:#9c2a4f;--success:#5a9e6f;--success-soft:#e0f5e8;--warning:#d4890a;--warning-soft:#fff2d0;--danger:#c0392b;--danger-soft:#fde8e6;--info:#5b7dd8;--info-soft:#dde8ff;--purple:#9b59b6;--purple-soft:#f0e6f8;--shadow-sm:0 1px 2px #2d14200a;--shadow:0 2px 8px #2d14200f, 0 1px 2px #2d14200a;--shadow-lg:0 12px 32px #2d14201a, 0 2px 8px #2d14200f;--radius-sm:8px;--radius:14px;--radius-lg:18px;--radius-xl:26px}[data-theme=midnight]{--bg:#080c10;--bg-elevated:#0f1520;--bg-sidebar:#0b1018;--bg-card:#121a28;--bg-hover:#1a2438;--bg-subtle:#151e2e;--text-primary:#f0f4fc;--text-secondary:#9aabc4;--text-tertiary:#546880;--text-muted:#345;--border:#1e2c40;--border-strong:#273850;--accent:#e84545;--accent-hover:#cc2e2e;--accent-soft:#2a1010;--accent-text:#ff7070;--success:#22d196;--success-soft:#0a2a20;--warning:#f5b731;--warning-soft:#2a2008;--danger:#ff4757;--danger-soft:#2a0f12;--info:#6c9bff;--info-soft:#101830;--purple:#bd93f9;--purple-soft:#1e1030;--shadow-sm:0 1px 3px #0006;--shadow:0 4px 14px #00000080, 0 1px 3px #0000004d;--shadow-lg:0 20px 50px #0009, 0 4px 12px #0006;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px}[data-theme=midnight] .btn.primary,[data-theme=midnight] .sidebar-logo-mark,[data-theme=midnight] .nav-item .badge-count{color:#fff}[data-theme=midnight] .nav-item.active{background:var(--bg-hover);color:var(--accent-text)}[data-theme=desert]{--bg:#f5efe6;--bg-elevated:#fdf8f2;--bg-sidebar:#f8f2ea;--bg-card:#fdf8f2;--bg-hover:#ede4d4;--bg-subtle:#ede4d6;--text-primary:#2c1a08;--text-secondary:#6b4c28;--text-tertiary:#a07c58;--text-muted:#c9ab8a;--border:#e0cdb0;--border-strong:#ccb898;--accent:#c47c2a;--accent-hover:#a86520;--accent-soft:#f8eddc;--accent-text:#8a5010;--success:#5a8a42;--success-soft:#e2f0d8;--warning:#d45f0a;--warning-soft:#fde8d0;--danger:#c0392b;--danger-soft:#fde0de;--info:#4a7abf;--info-soft:#dce8f5;--purple:#8e5fad;--purple-soft:#ede0f8;--shadow-sm:0 1px 2px #2c1a080d;--shadow:0 2px 8px #2c1a0812, 0 1px 2px #2c1a080a;--shadow-lg:0 12px 32px #2c1a081a, 0 2px 8px #2c1a080f;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:22px}[data-theme=violet]{--bg:#f5f0ff;--bg-elevated:#fff;--bg-sidebar:#f9f5ff;--bg-card:#fff;--bg-hover:#ede4ff;--bg-subtle:#ece5ff;--text-primary:#1e0a40;--text-secondary:#4a2d80;--text-tertiary:#8b6abf;--text-muted:#bba8e0;--border:#ddd0f8;--border-strong:#ccb8f5;--accent:#7c3aed;--accent-hover:#6425d0;--accent-soft:#ede9fe;--accent-text:#5b21b6;--success:#059669;--success-soft:#d1fae5;--warning:#d97706;--warning-soft:#fef3c7;--danger:#dc2626;--danger-soft:#fee2e2;--info:#2563eb;--info-soft:#dbeafe;--purple:#9333ea;--purple-soft:#f3e8ff;--shadow-sm:0 1px 2px #1e0a400a;--shadow:0 2px 8px #1e0a4012, 0 1px 2px #1e0a400a;--shadow-lg:0 12px 32px #1e0a401f, 0 2px 8px #1e0a400f;--radius-sm:8px;--radius:12px;--radius-lg:16px;--radius-xl:22px}.theme-picker-drop{top:56px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:300;min-width:260px;padding:14px 16px;position:fixed;inset-inline-end:100px}.theme-picker-drop .tpd-title{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px;font-size:11px;font-weight:700}.theme-picker-drop .tpd-grid{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.theme-picker-drop .tpd-item{cursor:pointer;border-radius:var(--radius);border:2px solid #0000;flex-direction:column;align-items:center;gap:5px;padding:6px 4px;transition:border-color .15s,background .15s;display:flex}.theme-picker-drop .tpd-item:hover{background:var(--bg-hover)}.theme-picker-drop .tpd-item.active{border-color:var(--accent)}.theme-picker-drop .tpd-swatch{border:2px solid #00000014;border-radius:50%;flex-shrink:0;width:36px;height:36px}.theme-picker-drop .tpd-label{color:var(--text-secondary);text-align:center;font-size:10px;font-weight:600}#root,.app-root{background:var(--bg);width:100%;height:100dvh;min-height:100dvh;color:var(--text-primary);display:flex;overflow:hidden}.main-shell{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.page-scroll{flex:1;overflow:hidden auto}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid var(--bg);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.btn{border-radius:var(--radius);background:var(--bg-subtle);color:var(--text-primary);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.btn:hover{background:var(--bg-hover)}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}[data-theme=luxe] .btn.primary{color:#0b1020}.btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.ghost{color:var(--text-secondary);background:0 0}.btn.ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn.outline{border-color:var(--border-strong);color:var(--text-primary);background:0 0}.btn.outline:hover{background:var(--bg-hover)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn.danger:hover{background:color-mix(in oklab, var(--danger) 85%, #000)}.btn.sm{padding:6px 12px;font-size:13px}.btn.icon{padding:8px}.chip{background:var(--bg-subtle);color:var(--text-secondary);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.chip.success{background:var(--success-soft);color:var(--success)}.chip.warning{background:var(--warning-soft);color:var(--warning)}.chip.danger{background:var(--danger-soft);color:var(--danger)}.chip.info{background:var(--info-soft);color:var(--info)}.chip.accent{background:var(--accent-soft);color:var(--accent-text)}.chip.purple{background:var(--purple-soft);color:var(--purple)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.input,.select,.textarea{border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-elevated);width:100%;color:var(--text-primary);outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input::placeholder,.textarea::placeholder{color:var(--text-muted)}.label{color:var(--text-secondary);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.divider{background:var(--border);height:1px;margin:16px 0}.dot{border-radius:50%;width:8px;height:8px;display:inline-block}.sidebar{background:var(--bg-sidebar);border-inline-start:1px solid var(--border);flex-direction:column;flex-shrink:0;width:260px;display:flex;overflow:hidden}.sidebar-logo{justify-content:flex-end;align-items:flex-start;gap:10px;padding:8px 4px 10px 18px;display:flex}.logo-wrap{text-align:right;width:100%;height:88px;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;justify-content:flex-start;align-items:flex-end;margin-inline:auto 0;padding:0;text-decoration:none;display:flex;overflow:hidden}.logo-wrap img{object-fit:contain;object-position:top right;width:214px;max-width:100%;height:auto;margin-left:auto;margin-right:0;display:block;transform:translate(10px)translateY(-2px)}.sidebar-logo-mark{background:var(--accent);color:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:18px;font-weight:800;display:grid}[data-theme=luxe] .sidebar-logo-mark{color:#0b1020}.sidebar-logo-title{color:var(--text-primary);font-size:15px;font-weight:800;line-height:1.2}.sidebar-logo-sub{color:var(--text-tertiary);font-size:11px}.sidebar-group-label{letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;padding:16px 20px 6px;font-size:10px;font-weight:700}.nav-items{flex-direction:column;gap:2px;padding:0 10px;display:flex}.nav-item{border-radius:var(--radius);color:var(--text-secondary);cursor:pointer;text-align:right;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:500;transition:all .12s;display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--accent-soft);color:var(--accent-text);font-weight:700}[data-theme=luxe] .nav-item.active{background:var(--bg-hover);color:var(--accent)}.nav-item .icon-box{flex-shrink:0;place-items:center;width:20px;height:20px;display:grid}.nav-item .badge-count{background:var(--accent);color:#fff;text-align:center;border-radius:999px;min-width:20px;margin-inline-start:auto;padding:1px 7px;font-size:11px;font-weight:700}[data-theme=luxe] .nav-item .badge-count{color:#0b1020}.sidebar-footer{border-top:1px solid var(--border);align-items:center;gap:10px;padding:12px;display:flex}.avatar{background:linear-gradient(135deg, var(--accent), var(--info));color:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:grid}.avatar.sm{border-radius:8px;width:30px;height:30px;font-size:12px}.avatar.xs{border-radius:6px;width:24px;height:24px;font-size:10px}.avatar.lg{border-radius:14px;width:54px;height:54px;font-size:18px}.topbar{background:var(--bg-elevated);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:16px;height:64px;padding:0 24px;display:flex}.topbar .search{flex:1;max-width:440px;position:relative}.topbar .search input{background:var(--bg-subtle);border-radius:var(--radius);width:100%;color:var(--text-primary);border:1px solid #0000;outline:none;padding:9px 40px 9px 14px;font-size:13px}.topbar .search input:focus{background:var(--bg-elevated);border-color:var(--border-strong)}.topbar .search .search-icon{inset-inline-end:12px;color:var(--text-tertiary);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.topbar-actions{align-items:center;gap:8px;margin-inline-start:auto;display:flex}.icon-btn{width:38px;height:38px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;transition:all .12s;display:grid;position:relative}.icon-btn:hover{background:var(--bg-subtle);color:var(--text-primary)}.icon-btn .pulse-dot{top:8px;background:var(--danger);border:2px solid var(--bg-elevated);border-radius:50%;width:8px;height:8px;position:absolute;inset-inline-end:9px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;padding:24px 32px 8px;display:flex}.page-title{color:var(--text-primary);letter-spacing:-.01em;font-size:24px;font-weight:800}.page-subtitle{color:var(--text-tertiary);margin-top:4px;font-size:13px}.page-content{padding:16px 32px 32px}.grid{gap:16px;display:grid}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-5{grid-template-columns:repeat(5,1fr)}.grid.cols-6{grid-template-columns:repeat(6,1fr)}.flex{display:flex}.flex.gap-8{gap:8px}.flex.gap-12{gap:12px}.flex.gap-16{gap:16px}.flex.ai-c{align-items:center}.flex.jc-sb{justify-content:space-between}.flex.wrap{flex-wrap:wrap}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes accountingBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes accountingModalIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.975)translateY(12px)}to{opacity:1;transform:translate(-50%,-50%)scale(1)translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:.25s ease-out fadeIn}.scale-in{animation:.2s ease-out scaleIn}.accounting-backdrop{animation:.18s ease-out accountingBackdropIn}.accounting-modal{will-change:transform, opacity;animation:.22s cubic-bezier(.2,.85,.25,1) both accountingModalIn}@keyframes modalIn{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}.modal-backdrop{-webkit-backdrop-filter:blur(10px);z-index:100;background:#00000038;place-items:center;animation:.2s ease-out backdropIn;display:grid;position:fixed;inset:0}[data-theme=luxe] .modal-backdrop,[data-theme=midnight] .modal-backdrop{background:#0000008c}.modal,.modal-box{-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-xl);background:#ffffffe0;border:1px solid #fff9;flex-direction:column;width:calc(100vw - 40px);max-width:600px;max-height:calc(100dvh - 80px);animation:.28s cubic-bezier(.16,1,.3,1) both modalIn;display:flex;overflow:hidden;box-shadow:0 24px 60px #00000024,0 4px 16px #00000014}.modal.lg,.modal-lg{max-width:760px}.modal.xl,.modal-xl{max-width:1100px}[data-theme=luxe] .modal,[data-theme=luxe] .modal-box,[data-theme=midnight] .modal,[data-theme=midnight] .modal-box{background:#0d1226de;border-color:#ffffff14;box-shadow:0 24px 60px #00000073,0 4px 16px #00000059}.modal-header{border-bottom:1px solid #00000012;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}[data-theme=luxe] .modal-header,[data-theme=midnight] .modal-header{border-bottom-color:#ffffff12}.modal-title{color:var(--text-primary);font-size:18px;font-weight:800}.modal-body{flex:1;padding:24px;overflow-y:auto}.modal-footer{border-top:1px solid #00000012;justify-content:flex-start;gap:8px;padding:16px 24px;display:flex}[data-theme=luxe] .modal-footer,[data-theme=midnight] .modal-footer{border-top-color:#ffffff12}.accounting-modal{-webkit-backdrop-filter:blur(24px)!important;border-radius:var(--radius-xl)!important;background:#ffffffe0!important;border:1px solid #fff9!important;box-shadow:0 24px 60px #00000024,0 4px 16px #00000014!important}[data-theme=luxe] .accounting-modal,[data-theme=midnight] .accounting-modal{background:#0d1226de!important;border-color:#ffffff14!important;box-shadow:0 24px 60px #00000073,0 4px 16px #00000059!important}.gm-bd{-webkit-backdrop-filter:blur(10px)!important;background:#00000038!important}[data-theme=luxe] .gm-bd,[data-theme=midnight] .gm-bd{background:#0000008c!important}.gm-box{-webkit-backdrop-filter:blur(24px)!important;border-radius:var(--radius-xl)!important;background:#ffffffe0!important;border:1px solid #fff9!important;animation:.28s cubic-bezier(.16,1,.3,1) both modalIn!important;box-shadow:0 24px 60px #00000024,0 4px 16px #00000014!important}[data-theme=luxe] .gm-box,[data-theme=midnight] .gm-box{background:#0d1226de!important;border-color:#ffffff14!important;box-shadow:0 24px 60px #00000073,0 4px 16px #00000059!important}.data-table{border-collapse:collapse;width:100%;font-size:14px}.data-table thead th{text-align:right;color:var(--text-tertiary);border-bottom:1px solid var(--border);text-transform:uppercase;letter-spacing:.04em;background:var(--bg-subtle);white-space:nowrap;padding:12px 16px;font-size:12px;font-weight:700}.data-table tbody td{border-bottom:1px solid var(--border);color:var(--text-primary);vertical-align:middle;padding:14px 16px}.data-table tbody tr:hover{background:var(--bg-hover)}.data-table tbody tr:last-child td{border-bottom:none}.tweaks-panel{bottom:20px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);width:280px;box-shadow:var(--shadow-lg);z-index:1000;padding:16px;animation:.2s ease-out scaleIn;position:fixed;inset-inline-start:20px}.tweaks-panel h4{color:var(--text-primary);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;font-weight:800;display:flex}.tweak-row{justify-content:space-between;align-items:center;gap:10px;padding:8px 0;display:flex}.tweak-row .label-txt{color:var(--text-secondary);font-size:12px;font-weight:500}.theme-swatches{gap:6px;display:flex}.theme-swatch{cursor:pointer;border:2px solid #0000;border-radius:8px;width:28px;height:28px;transition:all .15s;position:relative}.theme-swatch.active{border-color:var(--accent);transform:scale(1.1)}.theme-swatch[data-preview=clean]{background:linear-gradient(135deg,#f4f7fa 50%,#0891b2 50%)}.theme-swatch[data-preview=luxe]{background:linear-gradient(135deg,#0b1020 50%,#d4af6f 50%)}.theme-swatch[data-preview=warm]{background:linear-gradient(135deg,#fbf6f1 50%,#c2675b 50%)}.tooth-grid{background:var(--bg-subtle);border-radius:var(--radius-lg);grid-template-columns:repeat(16,1fr);gap:4px;padding:16px;display:grid;position:relative}.tooth{aspect-ratio:.75;background:var(--bg-elevated);border:1.5px solid var(--border-strong);cursor:pointer;color:var(--text-tertiary);border-radius:6px 6px 10px 10px;flex-direction:column;justify-content:flex-end;align-items:center;padding:4px 2px;font-size:10px;font-weight:600;transition:all .12s;display:flex;position:relative}.tooth.lower{border-radius:10px 10px 6px 6px;flex-direction:column-reverse}.tooth:hover{border-color:var(--accent);transform:translateY(-2px)}.tooth.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.tooth.cavity{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.tooth.filled{background:var(--info-soft);border-color:var(--info);color:var(--info)}.tooth.crown{background:var(--warning-soft);border-color:var(--warning);color:var(--warning)}.tooth.missing{background:var(--bg-subtle);opacity:.5;border-style:dashed}.tooth.treated{background:var(--success-soft);border-color:var(--success);color:var(--success)}.mouth-divider{background:var(--border-strong);grid-column:1/-1;height:1px;margin:4px 0}.text-xs{font-size:11px}.text-sm{font-size:13px}.text-base{font-size:14px}.text-lg{font-size:16px}.text-xl{font-size:20px}.text-2xl{font-size:26px}.text-3xl{font-size:32px}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-accent{color:var(--accent)}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.p-16{padding:16px}.p-20{padding:20px}.p-24{padding:24px}.w-full{width:100%}.progress{background:var(--bg-subtle);border-radius:999px;height:6px;overflow:hidden}.progress-bar{background:var(--accent);border-radius:999px;height:100%;transition:width .3s}.kbd{color:var(--text-tertiary);background:var(--bg-subtle);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-block}.login-shell{background:var(--bg);grid-template-columns:1fr 1fr;width:100%;height:100dvh;min-height:100dvh;display:grid;overflow:hidden}.login-hero{background:linear-gradient(135deg, var(--accent) 0%, var(--info) 100%);color:#fff;flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}[data-theme=luxe] .login-hero{color:var(--accent);background:linear-gradient(135deg,#1a1f3a 0%,#2a2030 100%)}.login-form-side{place-items:center;padding:48px;display:grid;overflow-y:auto}.empty-state{text-align:center;color:var(--text-tertiary);padding:48px 24px}.empty-state-icon{background:var(--bg-subtle);width:56px;height:56px;color:var(--text-muted);border-radius:14px;place-items:center;margin:0 auto 16px;display:grid}.calendar-grid{background:var(--border);border-radius:var(--radius-lg);border:1px solid var(--border);grid-template-columns:repeat(7,1fr);gap:1px;display:grid;overflow:hidden}.calendar-day-header{background:var(--bg-subtle);text-align:center;color:var(--text-tertiary);text-transform:uppercase;padding:10px;font-size:11px;font-weight:700}.calendar-day{background:var(--bg-elevated);cursor:pointer;flex-direction:column;gap:4px;min-height:90px;padding:8px;transition:background .1s;display:flex}.calendar-day:hover{background:var(--bg-hover)}.calendar-day.other-month{opacity:.4}.calendar-day.today .day-num{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}[data-theme=luxe] .calendar-day.today .day-num{color:#0b1020}.day-num{color:var(--text-primary);font-size:13px;font-weight:600}.event-pill{background:var(--accent-soft);color:var(--accent-text);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600;overflow:hidden}.event-pill.warning{background:var(--warning-soft);color:var(--warning)}.event-pill.success{background:var(--success-soft);color:var(--success)}.timeline{padding-inline-end:24px;position:relative}.timeline:before{content:"";inset-inline-end:8px;background:var(--border);width:2px;position:absolute;top:8px;bottom:8px}.timeline-item{padding:0 28px 20px 0;position:relative}.timeline-item:before{content:"";inset-inline-end:4px;background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 3px var(--bg-elevated);border-radius:50%;position:absolute;top:6px}.kpi{padding:20px}.kpi .label{color:var(--text-tertiary);margin:0 0 8px;font-size:12px;font-weight:600}.kpi .value{color:var(--text-primary);letter-spacing:-.02em;font-size:28px;font-weight:800;line-height:1}.kpi .trend{align-items:center;gap:4px;margin-top:8px;font-size:12px;font-weight:700;display:inline-flex}.kpi .trend.up{color:var(--success)}.kpi .trend.down{color:var(--danger)}.kpi-icon{border-radius:10px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.toast{bottom:24px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:2000;color:var(--text-primary);align-items:center;gap:12px;max-width:360px;padding:14px 18px;font-size:14px;font-weight:600;animation:.2s ease-out scaleIn;display:flex;position:fixed;inset-inline-end:24px}.toast.success{border-color:var(--success)}.toast-icon{background:var(--success-soft);width:32px;height:32px;color:var(--success);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:20px;display:flex;overflow-x:auto}.tab{color:var(--text-tertiary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:all .12s}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.app-shell{flex:1;width:100%;height:100%;display:flex}.main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.main-content{flex:1;overflow:hidden auto}@media (width<=1200px){.sidebar{width:224px}.page-header{padding:20px 24px 8px}.page-content{padding:14px 24px 24px}.grid.cols-4{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.topbar{gap:12px;padding:0 16px}.topbar .search{max-width:320px}.page-title{font-size:22px}.grid.cols-3,.grid.cols-4{grid-template-columns:repeat(2,1fr)}.modal{width:calc(100vw - 24px);max-height:calc(100dvh - 32px)}.modal-header,.modal-body,.modal-footer{padding-inline:18px}.data-table{white-space:nowrap;-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.tooth-grid{grid-template-columns:repeat(8,1fr)}}@media (width<=768px){html,body{overflow:auto}#root,.app-root,.app-shell,.main,.main-shell{height:auto;min-height:100dvh}.app-shell{flex-direction:column}.sidebar{border-inline-start:none;border-bottom:1px solid var(--border);width:100%;overflow:visible}.sidebar-logo{padding:16px 16px 12px}.sidebar-group-label{padding:10px 16px 4px}.nav-items{flex-flow:row;flex:none;gap:8px;padding:0 12px 12px;overflow:auto hidden}.nav-item{border:1px solid var(--border);background:var(--bg-elevated);width:auto;min-width:max-content;padding:10px 14px}.nav-item.active{border-color:var(--accent)}.sidebar-footer{padding:12px 16px}.topbar{flex-wrap:wrap;align-items:flex-start;height:auto;padding:12px 16px}.topbar>:first-child{width:100%}.topbar .search{order:3;width:100%;max-width:none}.topbar-actions{flex-wrap:wrap;justify-content:flex-start;width:100%;margin-inline-start:0}.page-header{align-items:flex-start;padding:16px 16px 8px}.page-title{font-size:20px}.page-subtitle{font-size:12px}.page-content{padding:12px 16px 20px}.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}.modal-header,.modal-body,.modal-footer{padding:16px}.toast{inset-inline:12px;max-width:none;bottom:12px}.tweaks-panel{inset-inline-start:12px;width:calc(100vw - 24px);bottom:72px}.login-shell{grid-template-columns:1fr;height:auto}.login-hero{min-height:240px;padding:28px}.login-form-side{padding:24px 16px}.tooth-grid{grid-template-columns:repeat(4,1fr);gap:6px}}@keyframes spin{to{transform:rotate(360deg)}}.kanban-board{grid-template-columns:repeat(5,1fr);align-items:start;gap:10px;padding-bottom:8px;display:grid;overflow-x:auto}.kanban-col{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);min-width:150px;max-width:220px;overflow:hidden}.kanban-col-hdr{border-bottom:1px solid var(--border);background:var(--bg-elevated);justify-content:space-between;align-items:center;padding:8px 10px;font-size:12px;font-weight:700;display:flex}.kanban-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);cursor:default;padding:8px 9px;font-size:12px;transition:box-shadow .15s}.kanban-card:hover{box-shadow:var(--shadow)}.kanban-empty{text-align:center;color:var(--text-tertiary);border:1px dashed var(--border);border-radius:var(--radius-sm);padding:16px 6px;font-size:11px}.btn.wa-green{color:#fff;background:#25d366;border-color:#25d366}.btn.wa-green:hover{background:#1da851;border-color:#1da851}.wa-template-preview{color:#065f46;white-space:pre-line;background:#dcfce7;border:1px solid #bbf7d0;border-radius:12px 12px 12px 4px;padding:14px 16px;font-size:13px;line-height:1.8}.wa-template-preview:before{content:"نص الرسالة";color:#16a34a;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.wa-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.wa-stat{border:1px solid var(--border);background:var(--bg-subtle);border-radius:var(--radius);padding:12px 14px}.wa-stat-label{color:var(--text-tertiary);margin-bottom:6px;font-size:11px}.wa-stat-value{color:var(--text-primary);font-size:22px;font-weight:800}.wa-template-editor{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:12px;display:grid}.wa-variable-list{flex-wrap:wrap;gap:8px;display:flex}.wa-variable-chip{color:#166534;cursor:pointer;background:#f0fdf4;border:1px dashed #86efac;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:700}.wa-variable-chip:hover{background:#dcfce7}.wa-recipient-row{background:var(--bg-hover);border-radius:var(--radius);border:1px solid var(--border);cursor:pointer;align-items:center;gap:10px;padding:10px 12px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.wa-recipient-row:hover{transform:translateY(-1px)}.wa-recipient-row.selected{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent)}@media (width<=900px){.wa-stats,.wa-template-editor{grid-template-columns:1fr}}.chip.lab-pending{background:var(--warning-soft);color:var(--warning)}.chip.lab-sent{background:var(--info-soft);color:var(--info)}.chip.lab-done{background:var(--success-soft);color:var(--success)}.chip.lab-late{background:var(--danger-soft);color:var(--danger);font-weight:800}.data-table tbody tr.lab-late-row td{background:color-mix(in srgb, var(--danger-soft) 40%, transparent)}.data-table tbody tr.lab-late-row:hover td{background:var(--danger-soft)}