@import"https://fonts.googleapis.com/css2?family=Alexandria:wght@500;600;700;800;900&family=Cairo:wght@400;500;600;700;800&display=swap";:root{--color-primary: #ec168c;--color-primary-hover: #c9006b;--color-primary-dark: #a8005a;--color-soft-pink: #fff0f7;--color-white: #ffffff;--color-dark: #27202f;--color-dark-soft: #403645;--color-muted: #746a78;--color-yellow: #ffd166;--color-blue: #7bdff2;--color-purple: #9b5de5;--color-success: #15936e;--color-danger: #dc2626;--color-warning: #f59e0b;--color-border: #eee5ed;--color-border-strong: #dfd3de;--color-surface: #ffffff;--color-background: #fffafd;--font-body: "Cairo", sans-serif;--font-heading: "Cairo", sans-serif;--radius-xs: 8px;--radius-sm: 11px;--radius-md: 16px;--radius-lg: 23px;--radius-xl: 32px;--radius-pill: 999px;--shadow-xs: 0 5px 15px rgba(38, 32, 51, .045);--shadow-soft: 0 14px 35px rgba(38, 32, 51, .075);--shadow-card: 0 22px 52px rgba(38, 32, 51, .1);--shadow-primary: 0 15px 35px rgba(236, 22, 140, .23);--shadow-focus: 0 0 0 4px rgba(236, 22, 140, .15);--container-width: 1280px;--header-height: 80px}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;color:var(--color-dark);background:var(--color-background);font-family:var(--font-body);font-weight:500;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body,button,input,textarea,select{font-family:var(--font-body)}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img,video,svg{display:block;max-width:100%}img{height:auto}h1,h2,h3,h4,h5,h6{color:var(--color-dark)}::selection{color:#fff;background:var(--color-primary)}:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.container{width:min(calc(100% - 36px),var(--container-width));margin-inline:auto}.page{min-height:65vh;padding:38px 0 70px}.section{padding:clamp(68px,7vw,100px) 0}.btn{display:inline-flex;min-height:47px;align-items:center;justify-content:center;gap:9px;padding:12px 21px;border:1px solid transparent;border-radius:var(--radius-pill);font-size:.84rem;font-weight:800;line-height:1.2;white-space:nowrap;transition:color .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease}.btn-large{min-height:54px;padding:14px 25px}.btn-primary{color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));box-shadow:var(--shadow-primary)}.btn-primary:hover{color:#fff;background:linear-gradient(135deg,#f12d9b,var(--color-primary-hover));box-shadow:0 20px 43px #ec168c4a;transform:translateY(-2px)}.btn-secondary{color:var(--color-primary-hover);background:var(--color-soft-pink);border-color:#ec168c17}.btn-secondary:hover{color:#fff;background:var(--color-primary);transform:translateY(-2px)}.btn-outline{color:var(--color-dark);background:#ffffffe0;border-color:var(--color-border-strong)}.btn-outline:hover{color:var(--color-primary-hover);background:#fff;border-color:#ec168c4d;box-shadow:var(--shadow-soft);transform:translateY(-2px)}.btn-white{color:var(--color-primary-hover);background:#fff;box-shadow:0 16px 38px #45082f2e}.btn-white:hover{color:var(--color-primary);background:#fff;box-shadow:0 21px 45px #45082f3b;transform:translateY(-2px)}.btn-danger{color:var(--color-danger);background:#fee2e2;border-color:#fecaca}.btn:disabled{cursor:not-allowed;box-shadow:none;opacity:.55;transform:none}.grid{display:grid;gap:20px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.field{display:flex;flex-direction:column;gap:8px}.field label{color:var(--color-dark-soft);font-size:.84rem;font-weight:800}.field input,.field select,.field textarea{width:100%;min-height:49px;padding:12px 14px;color:var(--color-dark);background:#fff;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.field input::placeholder,.field textarea::placeholder{color:#aaa1ad}.field input:hover,.field select:hover,.field textarea:hover{border-color:#d4c5d2}.field input:focus,.field select:focus,.field textarea:focus{background:#fff;border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.field textarea{min-height:125px;resize:vertical}.field .error{color:var(--color-danger);font-size:.76rem;font-weight:600}.page-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.page-header h1,.page-header h2{margin:0;font-family:var(--font-heading);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800}.page-header p{margin:7px 0 0;color:var(--color-muted);line-height:1.8}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.badge{display:inline-flex;align-items:center;padding:6px 11px;border-radius:var(--radius-pill);font-size:.72rem;font-weight:800}.badge-success{color:#166534;background:#dcfce7}.badge-warning{color:#92400e;background:#fef3c7}.badge-danger{color:#991b1b;background:#fee2e2}.badge-muted{color:#4b5563;background:#f3f4f6}.price{color:var(--color-primary-hover);font-weight:800}.old-price{color:var(--color-muted);font-size:.85rem;text-decoration:line-through}.alert{padding:13px 16px;margin:12px 0;border:1px solid transparent;border-radius:var(--radius-md);font-size:.84rem}.alert-error{color:#991b1b;background:#fee2e2;border-color:#fecaca}.alert-success{color:#166534;background:#dcfce7;border-color:#bbf7d0}.alert-info{color:#075985;background:#e0f2fe;border-color:#bae6fd}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}table{width:100%;min-width:760px;border-collapse:collapse}th,td{padding:14px;border-bottom:1px solid var(--color-border);text-align:right}th{color:var(--color-dark-soft);background:#fff6fa;font-size:.81rem;font-weight:800}td{font-size:.83rem}tbody tr{transition:background .2s ease}tbody tr:hover{background:#fffafd}.auth-card{width:min(100%,680px);margin:22px auto;padding:clamp(22px,4vw,34px)}.admin-page{padding:25px}.admin-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.admin-title h1{margin:0;font-family:var(--font-heading);font-size:clamp(1.6rem,3vw,2.4rem)}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card{padding:21px}.stat-card strong{display:block;margin-bottom:4px;font-family:var(--font-heading);font-size:2rem}.stat-card span{color:var(--color-muted)}.skeleton{position:relative;overflow:hidden;background:#f1eaf0;border-radius:12px}.skeleton:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.92),transparent);transform:translate(-100%);animation:skeletonLoading 1.35s infinite}@keyframes skeletonLoading{to{transform:translate(100%)}}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;margin:-1px;border:0;white-space:nowrap;clip:rect(0,0,0,0)}@media (max-width: 1100px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.container{width:min(calc(100% - 28px),var(--container-width))}.section{padding:65px 0}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid{grid-template-columns:1fr}.page-header{align-items:flex-start;flex-direction:column}.admin-page{padding:16px}.admin-title{align-items:flex-start;flex-direction:column}}@media (max-width: 480px){.container{width:min(calc(100% - 22px),var(--container-width))}.product-grid,.stat-grid{grid-template-columns:1fr}.auth-card{padding:20px}.btn{width:100%}.actions .btn{flex:1;width:auto}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}