*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--brand-pink:#e0478a;--brand-pink-soft:#f7d2e0;--brand-pink-softer:#fce8f0;--brand-blue:#89b8d8;--brand-blue-soft:#d8e8f3;--brand-cream:#fefcf0;--brand-cream-2:#faf5e4;--brand-gold:#c8a84b;--brand-ink:#3d2540;--brand-ink-soft:#6b4e6e;--brand-line:#f0e3e8;--whatsapp:#25d366;--error:#d64545;--error-soft:#fde8e8;--shadow-sm:0 4px 14px #3d25400f;--shadow-md:0 10px 30px #e0478a1a;--shadow-lg:0 20px 50px #3d25401f;--radius-brand:22px;--radius-brand-sm:14px;--sidebar-width:264px;--sidebar-collapsed:72px}html,body{color:var(--brand-ink);background:var(--brand-cream);direction:rtl;font-family:Cairo,system-ui,sans-serif;font-size:15px;line-height:1.6}h1,h2,h3,h4{color:var(--brand-ink);font-family:Amiri,serif;font-weight:700;line-height:1.25}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:Cairo,sans-serif}input,select,textarea{font-family:Cairo,sans-serif}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--brand-pink-soft);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--brand-pink)}.layout{min-height:100vh;display:flex}.main-content{margin-right:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;transition:margin-right .3s;display:flex}.main-content.sidebar-collapsed{margin-right:var(--sidebar-collapsed)}.page-body{flex:1;padding:28px;overflow-y:auto}.card{border-radius:var(--radius-brand);box-shadow:var(--shadow-sm);border:1.5px solid var(--brand-line);background:#fff;padding:24px}.card-title{color:var(--brand-ink);margin-bottom:18px;font-family:Amiri,serif;font-size:17px;font-weight:700}.p-bg-1{background:linear-gradient(135deg,#fce8f0 0%,#f7d2e0 100%)}.p-bg-2{background:linear-gradient(135deg,#d8e8f3 0%,#b6d2e5 100%)}.p-bg-3{background:linear-gradient(135deg,#faf5e4 0%,#f0e3c4 100%)}.p-bg-4{background:linear-gradient(135deg,#efe3f0 0%,#d9c4dc 100%)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:28px;display:grid}.stat-card{border-radius:var(--radius-brand);box-shadow:var(--shadow-sm);border:1.5px solid var(--brand-line);background:#fff;align-items:center;gap:18px;padding:22px 24px;transition:transform .2s,box-shadow .2s;display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.stat-icon{border-radius:var(--radius-brand-sm);flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.stat-info h3{color:var(--brand-ink);font-family:Cairo,sans-serif;font-size:26px;font-weight:800;line-height:1}.stat-info p{color:var(--brand-ink-soft);margin-top:4px;font-size:13px}.stat-badge{border-radius:20px;margin-top:6px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.stat-badge.up{color:#15803d;background:#dcfce7}.stat-badge.down{background:var(--error-soft);color:var(--error)}.charts-grid{grid-template-columns:2fr 1fr;gap:20px;margin-bottom:24px;display:grid}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}thead th{text-align:right;color:var(--brand-ink-soft);background:var(--brand-cream);border-bottom:2px solid var(--brand-line);white-space:nowrap;letter-spacing:.2px;padding:12px 18px;font-size:13px;font-weight:700}tbody td{border-bottom:1px solid var(--brand-line);color:var(--brand-ink);vertical-align:middle;padding:15px 18px}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--brand-pink-softer)}.badge{border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-flex}.badge-success{color:#15803d;background:#dcfce7}.badge-warning{color:#a16207;background:#fef9c3}.badge-danger{background:var(--error-soft);color:var(--error)}.badge-info{background:var(--brand-blue-soft);color:#1a6693}.badge-pink{background:var(--brand-pink-softer);color:var(--brand-pink)}.badge-gray{background:var(--brand-cream-2);color:var(--brand-ink-soft)}.badge-gold{color:var(--brand-gold);background:#fef3c7}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:28px;display:flex}.page-header-text h1{font-size:26px}.page-header-text p{color:var(--brand-ink-soft);margin-top:4px;font-family:Cairo,sans-serif;font-size:14px}.btn{border-radius:var(--radius-brand-sm);white-space:nowrap;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary{background:var(--brand-pink);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background:#cc3a7a;transform:translateY(-1px);box-shadow:0 14px 36px #e0478a40}.btn-outline{color:var(--brand-ink);background:#ffffffb3;border:2px solid #3d25401f}.btn-outline:hover{background:var(--brand-line)}.btn-gold{background:var(--brand-gold);color:#fff}.btn-gold:hover{background:#b5943e}.btn-danger{background:var(--error-soft);color:var(--error);border:2px solid #0000}.btn-danger:hover{background:#fbd5d5}.btn-whats{background:var(--whatsapp);color:#fff}.search-bar{border:2px solid var(--brand-line);border-radius:var(--radius-brand-sm);background:#fff;align-items:center;gap:8px;width:260px;padding:9px 16px;transition:border-color .2s;display:flex}.search-bar:focus-within{border-color:var(--brand-pink);box-shadow:0 0 0 3px #e0478a14}.search-bar input{color:var(--brand-ink);background:0 0;border:none;outline:none;width:100%;font-size:14px}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:800;display:flex}.form-group{margin-bottom:18px}.form-label{color:var(--brand-ink);margin-bottom:7px;font-size:13px;font-weight:700;display:block}.form-control{border:2px solid var(--brand-line);border-radius:var(--radius-brand-sm);width:100%;color:var(--brand-ink);direction:rtl;background:#fff;outline:none;padding:11px 16px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-control:focus{border-color:var(--brand-pink);box-shadow:0 0 0 3px #e0478a14}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#3d254059;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-brand);width:100%;max-width:530px;box-shadow:var(--shadow-lg);background:#fff;padding:30px;animation:.22s cubic-bezier(.34,1.56,.64,1) modalIn}.modal-header{border-bottom:2px solid var(--brand-line);justify-content:space-between;align-items:center;margin-bottom:22px;padding-bottom:16px;display:flex}.modal-header h2{font-size:18px}.modal-footer{border-top:2px solid var(--brand-line);justify-content:flex-end;gap:10px;margin-top:26px;padding-top:16px;display:flex}@keyframes modalIn{0%{opacity:0;transform:scale(.92)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.btn:disabled{opacity:.55;cursor:default;transform:none}.form-control:disabled{background:var(--brand-cream);cursor:default}.progress-bar{background:var(--brand-line);border-radius:4px;height:7px;overflow:hidden}.progress-fill{border-radius:4px;height:100%;transition:width .5s}.divider{background:var(--brand-line);height:1px;margin:18px 0}.info-box{background:var(--brand-pink-softer);border:1.5px solid var(--brand-pink-soft);border-radius:var(--radius-brand-sm);padding:14px 18px}@media (width<=1024px){.charts-grid{grid-template-columns:1fr}}@media (width<=768px){.main-content{margin-right:0}.form-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.page-body{padding:18px}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}.page-body{padding:14px}}