@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--blur-md:12px;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem}body:not([data-theme]),body[data-theme=doudi]{--primary:#0a65cc;--primary-hover:#0852a6;--primary-gradient:linear-gradient(135deg, #0a65cc, #0852a6);--primary-light:#e6f0fd;--primary-transparent:#0a65cc1a;--secondary:#ff5252;--secondary-hover:#e04141;--secondary-gradient:linear-gradient(135deg, #ff5252, #e04141);--secondary-light:#ffebee;--bg-color:#f4f7fa;--bg-gradient:linear-gradient(135deg, #f4f7fa 0%, #e6f0fd 100%);--bg-card:#ffffffd9;--bg-header:#fffc;--text-main:#1e293b;--text-muted:#64748b;--success:#10b981;--success-light:#ecfdf5;--warning:#f59e0b;--warning-light:#fffbeb;--danger:#ef4444;--danger-light:#fef2f2;--border-color:#e2eaf4cc;--glass-border:#fff9;--shadow-sm:0 2px 8px #0a65cc0d;--shadow-md:0 8px 24px #0a65cc14, 0 2px 8px #0a65cc0a;--shadow-lg:0 20px 40px #0a65cc1f, 0 8px 16px #0a65cc0f}body[data-theme=lapta]{--primary:#0d9488;--primary-hover:#0f766e;--primary-gradient:linear-gradient(135deg, #0d9488 0%, #0f766e 100%);--primary-light:#f0fdfa;--primary-transparent:#0d94881f;--secondary:#0f172a;--secondary-hover:#1e293b;--secondary-gradient:linear-gradient(135deg, #1e293b, #0f172a);--secondary-light:#f8fafc;--bg-color:#f8fafc;--bg-gradient:radial-gradient(circle at top left, #f0fdfa 0%, #f8fafc 45%, #e2e8f0 100%);--bg-card:#fff;--bg-header:#fffffff0;--text-main:#0f172a;--text-muted:#64748b;--success:#059669;--success-light:#ecfdf5;--warning:#d97706;--warning-light:#fffbeb;--danger:#dc2626;--danger-light:#fef2f2;--border-color:#cbd5e1bf;--glass-border:#ffffffe6;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--shadow-sm:0 2px 6px #0d94880d;--shadow-md:0 8px 24px #0d948814, 0 2px 6px #0f172a0a;--shadow-lg:0 20px 40px -8px #0d948826;--blur-md:16px}body[data-theme=ocean]{--primary:#2563eb;--primary-hover:#1d4ed8;--primary-gradient:linear-gradient(135deg, #2563eb 0%, #06b6d4 100%);--primary-light:#eff6ff;--primary-transparent:#2563eb1f;--secondary:#06b6d4;--secondary-hover:#0891b2;--secondary-gradient:linear-gradient(135deg, #22d3ee 0%, #0891b2 100%);--secondary-light:#ecfeff;--bg-color:#f0f9ff;--bg-gradient:linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 50%, #dbeafe 100%);--bg-card:#ffffffb8;--bg-header:#ffffffb3;--text-main:#0f172a;--text-muted:#475569;--success:#10b981;--success-light:#ecfdf5;--warning:#f59e0b;--warning-light:#fffbeb;--danger:#ef4444;--danger-light:#fef2f2;--border-color:#bfdbfecc;--glass-border:#fffffff2;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:9999px;--shadow-sm:0 4px 12px #2563eb14;--shadow-md:0 12px 30px #2563eb1f, 0 0 16px #06b6d426;--shadow-lg:0 24px 50px #2563eb33, 0 0 25px #06b6d440;--blur-md:24px}body[data-theme=nature]{--primary:#4d7c0f;--primary-hover:#3f6212;--primary-gradient:linear-gradient(135deg, #65a30d, #3f6212);--primary-light:#f7fee7;--primary-transparent:#4d7c0f1a;--secondary:#b45309;--secondary-hover:#92400e;--secondary-gradient:linear-gradient(135deg, #d97706, #92400e);--secondary-light:#fffbeb;--bg-color:#fafaf9;--bg-gradient:linear-gradient(135deg, #fafaf9 0%, #f5f5f4 50%, #e7e5e4 100%);--bg-card:#ffffffd9;--bg-header:#fffc;--text-main:#292524;--text-muted:#78716c;--success:#15803d;--success-light:#f0fdf4;--warning:#b45309;--warning-light:#fffbeb;--danger:#b91c1c;--danger-light:#fef2f2;--border-color:#d6d3d199;--glass-border:#ffffffb3;--shadow-sm:0 2px 8px #3f62120d;--shadow-md:0 8px 24px #3f621214, 0 2px 8px #3f62120a;--shadow-lg:0 20px 40px #3f62121f, 0 8px 16px #3f62120f}body[data-theme=dark]{--primary:#38bdf8;--primary-hover:#7dd3fc;--primary-gradient:linear-gradient(135deg, #0284c7, #38bdf8);--primary-light:#38bdf826;--primary-transparent:#38bdf826;--secondary:#fb7185;--secondary-hover:#fda4af;--secondary-gradient:linear-gradient(135deg, #e11d48, #fb7185);--secondary-light:#fb718526;--bg-color:#0f172a;--bg-gradient:radial-gradient(circle at top, #1e293b 0%, #0f172a 100%);--bg-card:#1e293bb3;--bg-header:#0f172ad9;--text-main:#f8fafc;--text-muted:#94a3b8;--success:#34d399;--success-light:#34d39926;--warning:#fbbf24;--warning-light:#fbbf2426;--danger:#f87171;--danger-light:#f8717126;--border-color:#334155cc;--glass-border:#ffffff14;--shadow-sm:0 4px 6px -1px #00000080;--shadow-md:0 10px 15px -3px #0009;--shadow-lg:0 20px 25px -5px #000000b3;--blur-md:16px}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow:clip visible}body{background:var(--bg-gradient);color:var(--text-main);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;font-family:Inter,sans-serif;line-height:1.5;animation:.6s ease-out fadeIn}a{color:inherit;text-decoration:none;transition:color .2s}ul{list-style:none}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;background:linear-gradient(#ffffff1a,#fff0);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.btn:hover:after{opacity:1}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 12px var(--primary-transparent)}.btn-primary:hover:not(:disabled){box-shadow:0 8px 20px var(--primary-transparent), 0 0 15px var(--primary-transparent);transform:translateY(-2px)scale(1.02)}.btn-secondary{background:var(--secondary-gradient);color:#fff;box-shadow:0 4px 12px #1e293b1a}.btn-secondary:hover:not(:disabled){transform:translateY(-2px)scale(1.02);box-shadow:0 8px 20px #1e293b33}.btn-outline{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--primary);border:1.5px solid var(--primary);background-color:#ffffff80}.btn-outline:hover:not(:disabled){background-color:var(--primary-light);box-shadow:0 4px 12px var(--primary-transparent);transform:translateY(-2px)}.btn-danger{background:linear-gradient(135deg, var(--danger), #dc2626);color:#fff;box-shadow:0 4px 12px #ef444433}.btn-danger:hover:not(:disabled){transform:translateY(-2px)scale(1.02);box-shadow:0 8px 20px #ef44444d}.btn-success{background:linear-gradient(135deg, var(--success), #059669);color:#fff;box-shadow:0 4px 12px #10b98140}.btn-success:hover:not(:disabled){transform:translateY(-2px)scale(1.02);box-shadow:0 8px 20px #10b98159}.form-group{margin-bottom:1.5rem}.form-label{color:var(--text-main);letter-spacing:.01em;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}select.form-control{height:auto;padding:.4rem 1rem}.form-control{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-main);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffb3;padding:.8rem 1rem;font-family:inherit;font-size:.95rem;transition:all .3s;box-shadow:inset 0 2px 4px #00000005}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-transparent), inset 0 2px 4px #00000003;background:#fff;outline:none;transform:translateY(-1px)}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(var(--blur-md));border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--glass-border);transition:all .4s cubic-bezier(.165,.84,.44,1);overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:#fff;transform:translateY(-4px)}.card-header{border-bottom:1px solid var(--border-color);color:var(--primary);letter-spacing:.02em;background:#ffffff4d;padding:1.5rem;font-weight:700}.card-body{padding:1.75rem}.card-footer{border-top:1px solid var(--border-color);background:#fff6;padding:1.5rem}.badge{border-radius:9999px;align-items:center;gap:.25rem;padding:.3rem .75rem;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.badge-pending{background-color:var(--secondary-light);color:var(--secondary);border:1px solid #ff525233}.badge-validated{background-color:var(--success-light);color:var(--success);border:1px solid #10b98133}.badge-progress{background-color:var(--primary-light);color:var(--primary);border:1px solid #0a65cc33}.badge-not-paid{color:#dc2626;background-color:#fee2e2;border:1px solid #dc26264d;font-weight:700}.table-container{border-radius:var(--radius-md);width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border-color);padding:1rem 1.25rem;font-size:.875rem}.remarks-cell{white-space:normal;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;max-width:250px}.table th{color:var(--primary);background-color:var(--primary-light);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.table tr:last-child td{border-bottom:none}.table tr:hover td{background-color:#fcfdfe}nav a{transition:all .2s;position:relative}nav a:after{content:"";background-color:var(--secondary);width:0;height:2px;transition:all .2s;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}nav a:hover{color:var(--primary)!important}nav a:hover:after{width:100%}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-muted{color:var(--text-muted)}.font-bold{font-weight:700}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.w-full{width:100%}.desktop-only{display:block}.mobile-only{display:none}@media (width<=768px){.desktop-only{display:none!important}.mobile-only{display:block!important}.hide-on-mobile{display:none!important}.container{padding:0 .75rem}.mobile-list-item{padding:.85rem .75rem}}.cart-layout{grid-template-columns:1fr 350px;align-items:start;gap:2rem;display:grid}@media (width<=768px){.cart-layout{grid-template-columns:1fr;gap:1.5rem}}.mobile-list{background-color:var(--bg-card);flex-direction:column;display:flex}.mobile-list-item{border-bottom:1px solid var(--border-color);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.mobile-list-item:last-child{border-bottom:none}.mobile-list-item-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.header-container{min-height:70px}@media (width<=768px){.header-container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;min-height:auto;padding-top:.5rem;padding-bottom:.5rem}.header-nav{border-top:1px solid var(--border-color);flex-wrap:wrap;order:3;justify-content:center;width:100%;padding-top:.5rem;padding-bottom:.25rem;display:flex;gap:.35rem!important}.header-user-details{display:none!important}}.admin-tab-container{border-bottom:2px solid var(--border-color);-webkit-overflow-scrolling:touch;flex-wrap:wrap;gap:.75rem;padding-bottom:.35rem;display:flex}.admin-tab-btn{cursor:pointer;flex-shrink:0;transition:all .2s;color:var(--text-muted)!important;box-shadow:none!important;background:0 0!important;border:none!important;border-bottom:3px solid #0000!important;border-radius:0!important;align-items:center!important;gap:.5rem!important;padding:.5rem 1rem!important;font-weight:600!important;display:flex!important}.admin-tab-btn:hover{color:var(--primary)!important}.admin-tab-btn.active{border-bottom:3px solid var(--primary)!important;color:var(--primary)!important}@media (width<=768px){.admin-header-bar{flex-direction:column;align-items:flex-start;gap:.75rem}.admin-header-actions{width:100%;display:flex;flex-wrap:wrap!important;gap:.5rem!important}.admin-header-actions select{flex:100%!important;width:100%!important}.admin-kpi-container{gap:1rem;flex-direction:column!important}.admin-kpi-item{border-bottom:1px solid var(--border-color);padding-bottom:.75rem;border-left:none!important;padding-left:0!important}.admin-kpi-item:last-child{border-bottom:none;padding-bottom:0}.admin-tab-container{white-space:normal!important;border-bottom:none!important;flex-wrap:wrap!important;gap:.5rem!important;overflow-x:visible!important}.admin-tab-btn{border:1px solid var(--border-color)!important;color:var(--text-muted)!important;border-bottom:1px solid var(--border-color)!important;background-color:#f1f5f9!important;border-radius:20px!important;padding:.4rem .85rem!important;font-size:.85rem!important}.admin-tab-btn.active{background-color:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important;border-bottom:1px solid var(--primary)!important}}.catalog-container-with-cart{padding-bottom:120px}@media (width<=768px){.catalog-container-with-cart{padding-bottom:220px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body[data-theme=lapta]{color:#0f2927!important;background-color:#f1f8f7!important;background-image:radial-gradient(circle at 10% 20%,#0d948824 0%,#0000 40%),radial-gradient(circle at 90% 80%,#14b8a61a 0%,#0000 45%),linear-gradient(90deg,#0d94880d 1px,#0000 1px),linear-gradient(#0d94880d 1px,#0000 1px)!important;background-size:100% 100%,100% 100%,28px 28px,28px 28px!important;background-attachment:fixed!important;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}body[data-theme=lapta] ::selection{color:#fff!important;background:#0d9488!important}body[data-theme=lapta]::-webkit-scrollbar{width:8px;height:8px}body[data-theme=lapta]::-webkit-scrollbar-track{background:#f0fdfa}body[data-theme=lapta]::-webkit-scrollbar-thumb{background:#14b8a6;border-radius:6px}body[data-theme=lapta] header.header-bar{background:#fff!important;border-top:4px solid #0d9488!important;border-bottom:2px solid #ccfbf1!important;box-shadow:0 4px 20px #0d948814!important}body[data-theme=lapta] .header-nav a,body[data-theme=lapta] .nav-link{border-radius:6px!important;font-weight:600!important}body[data-theme=lapta] .header-nav a.active,body[data-theme=lapta] .header-nav a[data-active=true],body[data-theme=lapta] .nav-link.active,body[data-theme=lapta] .admin-tab-btn.active{color:#fff!important;background:#0d9488!important;border:1px solid #0f766e!important;border-radius:6px!important;font-weight:700!important;box-shadow:0 4px 12px #0d94884d!important}body[data-theme=lapta] .cart-badge-counter{color:#fff!important;background:#0d9488!important;border-radius:6px!important;font-weight:700!important}body[data-theme=lapta] .btn{letter-spacing:-.01em!important;border-radius:6px!important;font-weight:700!important}body[data-theme=lapta] .btn-primary{color:#fff!important;background:linear-gradient(135deg,#0d9488,#0f766e)!important;border:1px solid #ffffff26!important;box-shadow:0 4px 14px #0d948847!important}body[data-theme=lapta] .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0f766e,#115e59)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #0d948866!important}body[data-theme=lapta] .btn-outline{color:#0d9488!important;background-color:#fff!important;border:1.5px solid #0d9488!important;border-radius:6px!important}body[data-theme=lapta] .btn-outline:hover:not(:disabled){color:#0f766e!important;background-color:#f0fdfa!important;border-color:#0f766e!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #0d94881f!important}body[data-theme=lapta] .btn-secondary{color:#fff!important;background:linear-gradient(135deg,#334155,#0f172a)!important;border-radius:6px!important;box-shadow:0 4px 12px #0f172a26!important}body[data-theme=lapta] .card{background:#fff!important;border:1.5px solid #d1f4ee!important;border-radius:10px!important;box-shadow:0 4px 16px #0d94880d!important}body[data-theme=lapta] .card:hover{border-color:#0d9488!important;transform:translateY(-3px)!important;box-shadow:0 12px 28px -4px #0d948829!important}body[data-theme=lapta] .card-header{color:#0f766e!important;background:#f0fdfa!important;border-bottom:1.5px solid #ccfbf1!important;font-weight:700!important}body[data-theme=lapta] .card-footer{background:#f0fdfa!important;border-top:1.5px solid #ccfbf1!important}body[data-theme=lapta] .catalog-card-image-box{background:#f8fdfd!important;border-bottom:1px solid #e6f7f5!important}body[data-theme=lapta] .form-control{color:#0f172a!important;background:#fff!important;border:1.5px solid #99f6e4!important;border-radius:6px!important}body[data-theme=lapta] .form-control:focus{background:#fff!important;border-color:#0d9488!important;box-shadow:0 0 0 3px #0d948838!important}body[data-theme=lapta] .table th{color:#0f766e!important;text-transform:uppercase!important;letter-spacing:.04em!important;background-color:#e6f7f5!important;border-bottom:2px solid #0d9488!important;font-size:.78rem!important;font-weight:800!important}body[data-theme=lapta] .table td{border-bottom:1px solid #e6f7f5!important}body[data-theme=lapta] .table tr:hover td{background-color:#f0fdfa!important}body[data-theme=lapta] .badge{border-radius:4px!important;font-weight:700!important}body[data-theme=lapta] .admin-tab-btn{color:#334155!important;background:#fff!important;border:1px solid #ccfbf1!important;border-radius:6px!important}body[data-theme=ocean]{color:#0b1f3a!important;background-color:#eaf5ff!important;background-image:radial-gradient(at 10% 15%,#93c5fd 0,#0000 50%),radial-gradient(at 90% 10%,#67e8f9 0,#0000 50%),radial-gradient(at 85% 85%,#a5b4fc 0,#0000 50%),radial-gradient(at 15% 90%,#a5f3fc 0,#0000 50%),linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%)!important;background-attachment:fixed!important;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}body[data-theme=ocean] ::selection{color:#fff!important;background:#2563eb!important}body[data-theme=ocean]::-webkit-scrollbar{width:9px;height:9px}body[data-theme=ocean]::-webkit-scrollbar-track{background:#eff6ff}body[data-theme=ocean]::-webkit-scrollbar-thumb{background:linear-gradient(#2563eb,#06b6d4);border-radius:9999px}body[data-theme=ocean] header.header-bar{-webkit-backdrop-filter:blur(30px)!important;background:#ffffffbf!important;border:1.5px solid #93c5fdbf!important;border-radius:9999px!important;width:calc(100% - 2rem)!important;max-width:1200px!important;margin:14px auto 0!important;box-shadow:0 16px 36px #2563eb1f,0 0 20px #06b6d426!important}body[data-theme=ocean] .header-nav a,body[data-theme=ocean] .nav-link{border-radius:9999px!important;font-weight:700!important}body[data-theme=ocean] .header-nav a.active,body[data-theme=ocean] .header-nav a[data-active=true],body[data-theme=ocean] .nav-link.active,body[data-theme=ocean] .admin-tab-btn.active{color:#fff!important;background:linear-gradient(135deg,#2563eb,#06b6d4)!important;border:none!important;border-radius:9999px!important;box-shadow:0 6px 20px #06b6d480!important}body[data-theme=ocean] .cart-badge-counter{color:#fff!important;background:linear-gradient(135deg,#06b6d4,#0891b2)!important;border-radius:9999px!important;font-weight:700!important;box-shadow:0 0 12px #06b6d499!important}body[data-theme=ocean] .btn{letter-spacing:.01em!important;border-radius:9999px!important;font-weight:700!important}body[data-theme=ocean] .btn-primary{color:#fff!important;background:linear-gradient(135deg,#2563eb,#06b6d4)!important;border:none!important;box-shadow:0 6px 20px #2563eb4d!important}body[data-theme=ocean] .btn-primary:hover:not(:disabled){transform:translateY(-3px)scale(1.02)!important;box-shadow:0 10px 28px #06b6d480,0 0 20px #2563eb4d!important}body[data-theme=ocean] .btn-outline{color:#2563eb!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#fff9!important;border:2px solid #2563eb!important;border-radius:9999px!important}body[data-theme=ocean] .btn-outline:hover:not(:disabled){color:#1d4ed8!important;background:linear-gradient(135deg,#eff6ff,#ecfeff)!important;border-color:#06b6d4!important;transform:translateY(-2px)!important;box-shadow:0 6px 18px #2563eb40!important}body[data-theme=ocean] .btn-secondary{color:#fff!important;background:linear-gradient(135deg,#06b6d4,#0891b2)!important;border-radius:9999px!important;box-shadow:0 6px 18px #06b6d440!important}body[data-theme=ocean] .card{-webkit-backdrop-filter:blur(26px)!important;background:#ffffffbf!important;border:1.5px solid #bfdbfed9!important;border-radius:22px!important;transition:all .3s cubic-bezier(.165,.84,.44,1)!important;box-shadow:0 12px 32px #2563eb14!important}body[data-theme=ocean] .card:hover{border-color:#38bdf8!important;transform:translateY(-5px)scale(1.01)!important;box-shadow:0 20px 44px #2563eb2e,0 0 25px #06b6d440!important}body[data-theme=ocean] .card-header{color:#1d4ed8!important;background:#e0f2fe99!important;border-bottom:1.5px solid #bfdbfeb3!important;border-radius:22px 22px 0 0!important;font-weight:800!important}body[data-theme=ocean] .card-footer{background:#e0f2fe99!important;border-top:1.5px solid #bfdbfeb3!important;border-radius:0 0 22px 22px!important}body[data-theme=ocean] .catalog-card-image-box{background:linear-gradient(135deg,#eff6ff,#ecfeff)!important;border-bottom:1px solid #bfdbfe99!important;border-radius:20px 20px 0 0!important}body[data-theme=ocean] .form-control{-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;color:#0f172a!important;background:#ffffffd9!important;border:1.5px solid #bfdbfed9!important;border-radius:14px!important}body[data-theme=ocean] .form-control:focus{background:#fff!important;border-color:#2563eb!important;box-shadow:0 0 0 4px #2563eb33,0 0 16px #06b6d433!important}body[data-theme=ocean] .table th{color:#1d4ed8!important;text-transform:uppercase!important;letter-spacing:.03em!important;background-color:#dbeafe!important;border-bottom:2px solid #2563eb!important;font-size:.78rem!important;font-weight:800!important}body[data-theme=ocean] .table td{border-bottom:1px solid #dbeafe99!important}body[data-theme=ocean] .table tr:hover td{background-color:#eff6ff!important}body[data-theme=ocean] .badge{border-radius:9999px!important;font-weight:700!important}body[data-theme=ocean] .admin-tab-btn{color:#334155!important;background:#ffffffb3!important;border:1.5px solid #bfdbfecc!important;border-radius:9999px!important}body[data-theme=nature] .btn-primary{background:linear-gradient(135deg,#65a30d,#3f6212);box-shadow:0 4px 14px #4d7c0f40}body[data-theme=nature] .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px #4d7c0f59}body[data-theme=nature] .card{background:#ffffffe6;border:1px solid #d6d3d1cc;box-shadow:0 6px 20px #2925240d}body[data-theme=nature] .card-header{color:#3f6212;background:#f7fee799;border-bottom:1px solid #d6d3d1cc}body[data-theme=nature] .form-control{border:1px solid #d6d3d1}body[data-theme=nature] .form-control:focus{border-color:#4d7c0f;box-shadow:0 0 0 3px #4d7c0f26}body[data-theme=nature] .table th{color:#3f6212;background-color:#f7fee7;border-bottom:1px solid #84cc16}body[data-theme=nature] .table tr:hover td{background-color:#f7fee7}body[data-theme=dark] .btn-primary{color:#0f172a;background:linear-gradient(135deg,#0284c7,#38bdf8);font-weight:700;box-shadow:0 0 15px #38bdf859}body[data-theme=dark] .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 25px #38bdf8a6}body[data-theme=dark] .btn-outline{color:#38bdf8;background:#38bdf80d;border:1px solid #38bdf8}body[data-theme=dark] .btn-outline:hover:not(:disabled){background:#38bdf833;box-shadow:0 0 15px #38bdf84d}body[data-theme=dark] .card{background:#0f172ad9;border:1px solid #38bdf833;box-shadow:0 10px 30px #00000080}body[data-theme=dark] .card:hover{border-color:#38bdf866}body[data-theme=dark] .card-header{color:#38bdf8;background:#1e293b99;border-bottom:1px solid #38bdf833}body[data-theme=dark] .form-control{color:#f8fafc;background:#0f172ae6;border:1px solid #334155}body[data-theme=dark] .form-control:focus{background:#0f172a;border-color:#38bdf8;box-shadow:0 0 12px #38bdf84d}body[data-theme=dark] .table th{color:#38bdf8;background-color:#1e293b;border-bottom:1px solid #38bdf84d}body[data-theme=dark] .table td{color:#cbd5e1;border-bottom:1px solid #33415599}body[data-theme=dark] .table tr:hover td{background-color:#38bdf814}body[data-theme=dark] .mobile-list{background-color:#0f172a}body[data-theme=dark] .mobile-list-item{border-bottom:1px solid #1e293b}body[data-theme=dark] .badge{border-radius:4px;font-weight:700}body[data-mode=dark]{--bg-color:#0b0f19;--bg-gradient:radial-gradient(circle at top, #111827 0%, #0b0f19 100%);--bg-card:#111827eb;--bg-header:#0f172af2;--text-main:#f9fafb;--text-muted:#9ca3af;--border-color:#374151cc;--glass-border:#ffffff1a;--shadow-sm:0 4px 6px -1px #0009;--shadow-md:0 10px 20px -3px #000000b3;--shadow-lg:0 20px 30px -5px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body[data-mode=dark]:not([data-theme]),body[data-mode=dark][data-theme=doudi]{--primary:#38bdf8;--primary-hover:#7dd3fc;--primary-gradient:linear-gradient(135deg, #0284c7, #38bdf8);--primary-light:#38bdf826;--primary-transparent:#38bdf826}body[data-mode=dark][data-theme=lapta]{--primary:#2dd4bf;--primary-hover:#5eead4;--primary-gradient:linear-gradient(135deg, #0d9488, #2dd4bf);--primary-light:#2dd4bf26;--primary-transparent:#2dd4bf26}body[data-mode=dark][data-theme=nature]{--primary:#a3e635;--primary-hover:#bef264;--primary-gradient:linear-gradient(135deg, #4d7c0f, #a3e635);--primary-light:#a3e63526;--primary-transparent:#a3e63526}body[data-mode=dark][data-theme=ocean]{--primary:#38bdf8;--primary-hover:#7dd3fc;--primary-gradient:linear-gradient(135deg, #2563eb, #38bdf8);--primary-light:#38bdf826;--primary-transparent:#38bdf826}body[data-mode=dark] .card{background:var(--bg-card)!important;border:1px solid var(--border-color)!important;color:var(--text-main)!important;box-shadow:0 4px 20px #00000080!important}body[data-mode=dark] .card-header{border-bottom:1px solid var(--border-color)!important;color:var(--primary)!important;background:#0f172ab3!important}.setting-option-card{cursor:pointer;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-main);align-items:flex-start;gap:.75rem;padding:1rem;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.setting-option-card:hover{border-color:var(--primary)}.setting-option-card.active{background-color:var(--primary-light);border:2px solid var(--primary);box-shadow:var(--shadow-sm)}body[data-mode=dark] .setting-option-card{border-color:var(--border-color);color:var(--text-main);background-color:#111827bf}body[data-mode=dark] .setting-option-card.active{background-color:var(--primary-light)!important;border:2px solid var(--primary)!important}body[data-mode=dark] div[style*=\#ffffff],body[data-mode=dark] div[style*="rgb(255, 255, 255)"],body[data-mode=dark] label[style*=\#ffffff],body[data-mode=dark] label[style*="rgb(255, 255, 255)"],body[data-mode=dark] .card-footer{background-color:var(--bg-card)!important;border-color:var(--border-color)!important;color:var(--text-main)!important}body[data-mode=dark] .form-control{color:#f9fafb!important;background-color:#111827!important;border:1px solid #374151!important}body[data-mode=dark] .form-control::placeholder{opacity:.9;color:#9ca3af!important}body[data-mode=dark] .form-control:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-transparent)!important;background-color:#0b0f19!important}body[data-mode=dark] select.form-control option{color:#f9fafb!important;background-color:#1f2937!important}body[data-mode=dark] .btn-outline{color:#e5e7eb!important;background-color:#ffffff0f!important;border:1px solid #4b5563!important}body[data-mode=dark] .btn-outline:hover:not(:disabled){background-color:var(--primary-light)!important;color:var(--primary)!important;border-color:var(--primary)!important}body[data-mode=dark] .btn-primary{background:var(--primary-gradient)!important;color:#0f172a!important;box-shadow:0 4px 14px var(--primary-transparent)!important;font-weight:700!important}body[data-mode=dark] .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px var(--primary-transparent)!important}body[data-mode=dark] .table th{letter-spacing:.03em;color:var(--primary)!important;border-bottom:2px solid var(--border-color)!important;background-color:#1f2937!important;font-weight:700!important}body[data-mode=dark] .table td{color:#e5e7eb!important;border-bottom:1px solid #37415199!important}body[data-mode=dark] .table tr:hover td{background-color:#ffffff0a!important}body[data-mode=dark] .badge-validated{color:#34d399!important;background-color:#10b98126!important;border-color:#34d3994d!important}body[data-mode=dark] .badge-pending{color:#fbbf24!important;background-color:#f59e0b26!important;border-color:#fbbf244d!important}body[data-mode=dark] .badge-progress{background-color:var(--primary-light)!important;color:var(--primary)!important;border-color:var(--primary-transparent)!important}body[data-mode=dark] .badge-not-paid{color:#f87171!important;background-color:#dc262633!important;border-color:#f871714d!important}body[data-mode=dark] nav a{color:#d1d5db}body[data-mode=dark] .admin-tab-btn{color:#9ca3af!important;background-color:#1f293799!important;border-color:#37415199!important}body[data-mode=dark] .admin-tab-btn.active{background-color:var(--primary)!important;color:#0f172a!important;font-weight:700!important}body[data-mode=dark] .mobile-list{background-color:#0b0f19!important}body[data-mode=dark] .mobile-list-item{border-bottom:1px solid #1f2937!important}[dir=rtl],body[data-lang=ar],[dir=rtl] button,[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea,[dir=rtl] .admin-tab-btn,[dir=rtl] .btn,[dir=rtl] .form-control,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6,[dir=rtl] p,[dir=rtl] span,[dir=rtl] strong,[dir=rtl] div{font-family:Cairo,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}[dir=rtl],body[data-lang=ar]{text-align:right}[dir=rtl] .table-container,[dir=rtl] .table,[dir=rtl] .mobile-list{text-align:left!important;direction:ltr!important}[dir=rtl] .table th,[dir=rtl] .table td{text-align:left!important}[dir=rtl] .table th.text-right,[dir=rtl] .table td.text-right{text-align:right!important}[dir=rtl] .table th.text-center,[dir=rtl] .table td.text-center{text-align:center!important}[dir=rtl] .font-bold{unicode-bidi:isolate}.lang-switcher-btn{background-color:var(--primary-light);color:var(--primary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.35rem;padding:.4rem .75rem;font-size:.85rem;font-weight:700;transition:all .2s;display:inline-flex}.lang-switcher-btn:hover{background-color:var(--primary);color:#fff;box-shadow:var(--shadow-sm);transform:translateY(-1px)}body[data-mode=dark] .lang-switcher-btn{color:#38bdf8;background-color:#1e293bcc;border-color:#38bdf840}body[data-mode=dark] .lang-switcher-btn:hover{color:#0f172a;background-color:#38bdf8}.csv-alert-toast{z-index:10000;border-radius:var(--radius-lg);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:.85rem;max-width:92%;padding:.9rem 1.6rem;font-size:.95rem;font-weight:700;transition:transform .2s,box-shadow .2s;animation:.3s cubic-bezier(.16,1,.3,1) fadeInUp;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);color:#fff!important;background:linear-gradient(135deg,#b91c1c,#dc2626)!important;border:1.5px solid #ffffff59!important;box-shadow:0 12px 35px #b91c1c73,0 4px 12px #0000004d!important}.csv-alert-toast:hover{transform:translate(-50%)translateY(-2px);box-shadow:0 16px 45px #b91c1c99,0 6px 16px #00000059!important}body[data-mode=dark] .csv-alert-toast{color:#fff!important;background:linear-gradient(135deg,#dc2626,#ef4444)!important;border:1.5px solid #fca5a5!important;box-shadow:0 14px 45px #ef44448c,0 0 25px #ef444459!important}body[data-mode=dark] .csv-alert-toast:hover{background:linear-gradient(135deg,#ef4444,#f87171)!important;box-shadow:0 18px 50px #ef4444b3,0 0 35px #ef444480!important}.csv-alert-toast div,.csv-alert-toast span,.csv-alert-toast p,body[data-mode=dark] .csv-alert-toast div,body[data-mode=dark] .csv-alert-toast span,body[data-mode=dark] .csv-alert-toast p{color:#fff!important;box-shadow:none!important;background:0 0!important;border-color:#0000!important}.csv-alert-toast .csv-toast-icon-wrapper,body[data-mode=dark] .csv-alert-toast .csv-toast-icon-wrapper{background-color:#ffffff40!important;border-radius:50%!important}.catalog-card-image-box{border-bottom:1px solid var(--border-color);cursor:pointer;background-color:#f8fafc;justify-content:center;align-items:center;padding:1.5rem;transition:background-color .2s;display:flex;overflow:hidden}.catalog-thumbnail-box{border:1px solid var(--border-color);cursor:pointer;background-color:#f8fafc;justify-content:center;align-items:center;transition:background-color .2s;display:flex;overflow:hidden}body[data-mode=dark] .catalog-card-image-box{border-bottom-color:var(--border-color)!important;background-color:#0f172ad9!important}body[data-mode=dark] .catalog-thumbnail-box{border-color:var(--border-color)!important;background-color:#0f172ad9!important}body[data-mode=dark] .catalog-no-image-text{color:#64748b!important}.modal-close-btn,.btn-close{background-color:var(--bg-color);border:1px solid var(--border-color);cursor:pointer;width:36px;height:36px;color:var(--text-main);z-index:10;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:1;transition:all .2s;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #00000026}[dir=rtl] .modal-close-btn,[dir=rtl] .btn-close{left:12px;right:auto}.modal-close-btn:hover,.btn-close:hover{transform:scale(1.08);color:#ef4444!important;background-color:#ef444426!important;border-color:#ef44444d!important}.catalog-view-toggle{background-color:var(--primary-light);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:2px;padding:2px;display:inline-flex;box-shadow:0 1px 3px #0000000d}.catalog-view-btn{border-radius:var(--radius-sm);min-width:36px;height:32px;color:var(--text-muted);cursor:pointer;box-shadow:none;-webkit-user-select:none;user-select:none;background-color:#0000;border:1px solid #0000;justify-content:center;align-items:center;padding:.35rem .65rem;line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.catalog-view-btn:hover:not(.active){color:var(--primary);background-color:var(--primary-transparent)}.catalog-view-btn.active{background-color:var(--primary)!important;color:#fff!important;border-color:var(--primary)!important;box-shadow:0 2px 8px #0000002e!important}.catalog-view-btn svg{flex-shrink:0;transition:transform .2s}.catalog-view-btn.active svg{color:#fff!important;stroke:#fff!important}.catalog-view-btn:not(.active) svg{color:inherit}body[data-mode=dark] .catalog-view-toggle{background-color:#ffffff0f;border-color:#ffffff1f}body[data-mode=dark] .catalog-view-btn{color:#94a3b8}body[data-mode=dark] .catalog-view-btn:hover:not(.active){color:#f1f5f9;background-color:#ffffff1a}body[data-mode=dark] .catalog-view-btn.active{background-color:var(--primary)!important;color:#fff!important;box-shadow:0 2px 10px #00000073!important}.print-target-toggle{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:3px;padding:3px;display:inline-flex;box-shadow:inset 0 1px 2px #0000000a,0 1px 2px #00000008}.print-target-btn{color:#64748b;cursor:pointer;width:34px;height:30px;box-shadow:none;-webkit-user-select:none;user-select:none;background-color:#0000;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.print-target-btn:hover:not(.active){color:var(--primary,#2563eb);background-color:#2563eb14}.print-target-btn.active{background-color:var(--primary,#2563eb)!important;color:#fff!important;box-shadow:0 2px 8px #2563eb52!important}.print-target-btn svg{flex-shrink:0;transition:transform .2s}.print-target-btn.active svg{color:#fff!important;stroke:#fff!important}.print-target-btn:not(.active) svg{color:inherit}body[data-mode=dark] .print-target-toggle{background-color:#ffffff14;border-color:#ffffff26;box-shadow:inset 0 1px 2px #0003}body[data-mode=dark] .print-target-btn{color:#94a3b8}body[data-mode=dark] .print-target-btn:hover:not(.active){color:#f1f5f9;background-color:#ffffff1f}body[data-mode=dark] .print-target-btn.active{background-color:var(--primary,#2563eb)!important;color:#fff!important;box-shadow:0 2px 10px #00000080!important}.date-filter-selector-wrapper{align-items:center;display:inline-flex;position:relative}.date-filter-combo{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:14px}[dir=rtl] .date-filter-combo{background-position:.75rem;padding-left:4.8rem!important;padding-right:.75rem!important}[dir=rtl] .date-filter-input-group>div{left:8px!important;right:auto!important}.date-filter-icon-btn:hover{filter:brightness(.92);transform:scale(1.04)}.date-filter-icon-btn:active{transform:scale(.96)}.date-filter-popover{transform-origin:0 0;animation:.18s cubic-bezier(.16,1,.3,1) dateFilterPopoverFadeIn;opacity:1!important;-webkit-backdrop-filter:none!important;border:1px solid var(--border-color)!important;background-color:#fff!important;box-shadow:0 10px 25px -3px #0003,0 4px 6px -2px #00000014!important}@keyframes dateFilterPopoverFadeIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.date-filter-cal-day:hover:not(:disabled){transform:scale(1.06);background-color:var(--primary-light)!important;color:var(--primary)!important}.date-filter-nav-btn:hover{background-color:var(--primary-light)!important;color:var(--primary)!important}body[data-mode=dark] .date-filter-popover{background-color:#1e293b!important;border-color:#ffffff1f!important;box-shadow:0 20px 40px #0009!important}body[data-mode=dark] .date-filter-tabs{background-color:#ffffff0f!important}body[data-mode=dark] .date-filter-tab-btn.active{color:#38bdf8!important;background-color:#334155!important}@media (width<=480px){.date-filter-popover{width:90vw!important;max-width:340px!important;position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;box-shadow:0 25px 50px -12px #0006!important}}.custom-dropdown-trigger{transition:all .2s}.custom-dropdown-trigger:hover{border-color:var(--primary)!important}.custom-dropdown-menu{transform-origin:0 0;animation:.16s cubic-bezier(.16,1,.3,1) customDropdownFadeIn;opacity:1!important;-webkit-backdrop-filter:none!important;border:1px solid var(--border-color)!important;background-color:#fff!important;box-shadow:0 10px 25px -3px #0003,0 4px 6px -2px #00000014!important}@keyframes customDropdownFadeIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.custom-dropdown-item{cursor:pointer;-webkit-user-select:none;user-select:none}.custom-dropdown-item:hover:not(.active){background-color:var(--primary-light)!important;color:var(--primary)!important}.custom-dropdown-menu::-webkit-scrollbar{width:5px;height:5px}.date-filter-popover::-webkit-scrollbar{width:5px;height:5px}.custom-dropdown-menu::-webkit-scrollbar-track{background:0 0}.date-filter-popover::-webkit-scrollbar-track{background:0 0}.custom-dropdown-menu::-webkit-scrollbar-thumb{background:#64748b40;border-radius:4px}.date-filter-popover::-webkit-scrollbar-thumb{background:#64748b40;border-radius:4px}.custom-dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--primary)}.date-filter-popover::-webkit-scrollbar-thumb:hover{background:var(--primary)}body[data-mode=dark] .custom-dropdown-trigger{color:#f1f5f9!important;background-color:#1e293b!important;border-color:#ffffff26!important}body[data-mode=dark] .custom-dropdown-menu{background-color:#1e293b!important;border-color:#ffffff1f!important;box-shadow:0 15px 30px #00000080!important}body[data-mode=dark] .custom-dropdown-item:hover:not(.active){color:#38bdf8!important;background-color:#38bdf826!important}[dir=rtl] .custom-dropdown-menu{transform-origin:100% 0;left:auto!important;right:0!important}:root{--analytics-sticky-top:70px}@media (width<=768px){:root{--analytics-sticky-top:105px}}.analytics-sticky-header{top:var(--analytics-sticky-top,70px)!important;z-index:35!important;background-color:var(--bg-card)!important;-webkit-backdrop-filter:blur(16px)!important;transition:top .2s,box-shadow .2s!important;position:sticky!important;box-shadow:0 6px 20px #00000014!important}body[data-mode=dark] .analytics-sticky-header,body[data-theme=dark] .analytics-sticky-header{box-shadow:0 6px 25px #00000080!important}.login-mobile-download-wrapper{display:none}@media (width<=768px){.login-mobile-download-wrapper{border-top:1px dashed var(--border-color);margin-top:1rem;padding-top:.85rem;display:block}}.login-mobile-download-btn{border-radius:var(--radius-md,8px);width:100%;color:var(--primary);border:1px solid var(--primary);background-color:#2563eb0f;justify-content:center;align-items:center;gap:.6rem;padding:.65rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s ease-in-out;display:flex}.login-mobile-download-btn:hover,.login-mobile-download-btn:active{background-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px #2563eb33;color:#fff!important}