@charset "UTF-8";:root{--brand-50: #fef2f3;--brand-100: #fde0e2;--brand-200: #f9c3c7;--brand-500: #d62f3a;--brand-600: #c81e2b;--brand-700: #a8121e;--brand-800: #7f0d16;--on-brand: #ffffff;--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f9fafb;--overlay: rgba(17, 18, 20, .55);--text: #16181d;--text-soft: #3f444d;--muted: #6b7280;--faint: #9aa1ab;--border: #e6e8ec;--border-strong: #d3d7dd;--success: #15803d;--success-bg: #e7f6ec;--warning: #a35200;--warning-bg: #fdf0dd;--danger: #c0202b;--danger-bg: #fdeaec;--info: #1d4ed8;--info-bg: #e6edff;--rating-star: #f5a623;--rating-text: #8a6d00;--rating-bg: #fff8ea;--rating-border: #f1dca0;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "IBM Plex Sans Arabic", "Noto Sans Arabic", "Geeza Pro", Arial, sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--fs-xs: .75rem;--fs-sm: .8125rem;--fs-base: .9375rem;--fs-md: 1rem;--fs-lg: 1.125rem;--fs-xl: 1.375rem;--fs-2xl: 1.75rem;--fs-3xl: 2.25rem;--lh-tight: 1.2;--lh: 1.55;--s1: .25rem;--s2: .5rem;--s3: .75rem;--s4: 1rem;--s5: 1.25rem;--s6: 1.5rem;--s8: 2rem;--s10: 2.5rem;--s12: 3rem;--s16: 4rem;--r-sm: 7px;--r: 11px;--r-lg: 16px;--r-xl: 22px;--r-full: 999px;--sh-xs: 0 1px 2px rgba(16,18,22,.06);--sh-sm: 0 1px 3px rgba(16,18,22,.08), 0 1px 2px rgba(16,18,22,.04);--sh: 0 4px 14px rgba(16,18,22,.08), 0 2px 4px rgba(16,18,22,.04);--sh-lg: 0 18px 40px rgba(16,18,22,.16), 0 4px 10px rgba(16,18,22,.06);--ring: 0 0 0 3px rgba(200,30,43,.28);--t-fast: .12s cubic-bezier(.2,0,.2,1);--t: .18s cubic-bezier(.2,0,.2,1);--header-h: 60px;--container: 1080px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-size:var(--fs-base);line-height:var(--lh);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{margin:0 0 var(--s3);line-height:var(--lh-tight);font-weight:700;letter-spacing:-.01em;color:var(--text)}h1{font-size:var(--fs-2xl);letter-spacing:-.02em}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}p{margin:0 0 var(--s3)}a{color:var(--brand-600);text-decoration:none}a:hover{text-decoration:underline}small{font-size:var(--fs-sm)}img{max-width:100%;display:block}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--r-sm)}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--r-full);border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--faint);background-clip:content-box}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--s5)}.stack{display:flex;flex-direction:column;gap:var(--s4)}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s3)}.between{display:flex;align-items:center;justify-content:space-between;gap:var(--s4)}.grid{display:grid;gap:var(--s4)}.muted{color:var(--muted)}.soft{color:var(--text-soft)}.mono{font-family:var(--mono)}.right{margin-inline-start:auto}.center{text-align:center}.nowrap{white-space:nowrap}[hidden]{display:none!important}.btn{--_bg: var(--surface);--_fg: var(--text);--_bd: var(--border-strong);display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);font:inherit;font-weight:600;font-size:var(--fs-base);line-height:1;padding:.62rem 1.05rem;border-radius:var(--r-sm);cursor:pointer;background:var(--_bg);color:var(--_fg);border:1px solid var(--_bd);transition:background var(--t),border-color var(--t),transform var(--t-fast),box-shadow var(--t);white-space:nowrap;text-decoration:none;-webkit-user-select:none;user-select:none}.btn:hover{text-decoration:none}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;transform:none}.btn svg{width:1.05em;height:1.05em;flex:none}.btn-primary{--_bg: var(--brand-600);--_fg: var(--on-brand);--_bd: var(--brand-600);box-shadow:var(--sh-xs)}.btn-primary:hover{--_bg: var(--brand-700);--_bd: var(--brand-700)}.btn-outline{--_bg: transparent;--_fg: var(--brand-700);--_bd: var(--brand-200)}.btn-outline:hover{--_bg: var(--brand-50)}.btn-ghost{--_bg: transparent;--_fg: var(--text-soft);--_bd: transparent}.btn-ghost:hover{--_bg: var(--surface-2)}.btn-danger{--_bg: var(--danger);--_fg: #fff;--_bd: var(--danger)}.btn-danger:hover{filter:brightness(.94)}.btn-block{width:100%}.btn-sm{padding:.42rem .75rem;font-size:var(--fs-sm)}.btn-lg{padding:.8rem 1.4rem;font-size:var(--fs-md)}.link-btn{background:none;border:none;padding:0;font:inherit;color:var(--brand-600);cursor:pointer}.link-btn:hover{text-decoration:underline}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--s6);box-shadow:var(--sh-sm)}.card-pad-sm{padding:var(--s4)}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--sh);border-color:var(--border-strong)}.card-title{font-size:var(--fs-md);font-weight:700;margin:0 0 var(--s1)}.field{display:flex;flex-direction:column;gap:var(--s2)}.field>label,.label{font-size:var(--fs-sm);font-weight:600;color:var(--text-soft)}.input,.select,.textarea,input:not([type]),input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=search],input[type=date],input[type=datetime-local],select,textarea{font:inherit;font-size:var(--fs-base);color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:.6rem .75rem;width:100%;transition:border-color var(--t),box-shadow var(--t);appearance:none}textarea{min-height:5rem;resize:vertical}.input:focus,.select:focus,.textarea:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-500);box-shadow:var(--ring)}input::placeholder,textarea::placeholder{color:var(--faint)}input:disabled,select:disabled,textarea:disabled{background:var(--surface-2);color:var(--muted);cursor:not-allowed}input[type=color]{-webkit-appearance:none;appearance:none;width:100%;min-width:3.25rem;height:2.7rem;padding:.3rem;cursor:pointer;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);transition:border-color var(--t),box-shadow var(--t)}input[type=color]:focus{outline:none;border-color:var(--brand-500);box-shadow:var(--ring)}input[type=color]:disabled{background:var(--surface-2);cursor:not-allowed}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:calc(var(--r-sm) - 3px)}input[type=color]::-moz-color-swatch{border:none;border-radius:calc(var(--r-sm) - 3px)}input[type=checkbox],input[type=radio]{width:1.1rem;height:1.1rem;accent-color:var(--brand-600);cursor:pointer;flex:none}input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--r-sm)}input[type=checkbox]:disabled,input[type=radio]:disabled{cursor:not-allowed;opacity:.55}select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right .7rem center;padding-inline-end:2rem}[dir=rtl] select{background-position:left .7rem center}.hint{font-size:var(--fs-sm);color:var(--muted)}.error-text{font-size:var(--fs-sm);color:var(--danger)}.badge{display:inline-flex;align-items:center;gap:var(--s1);font-size:var(--fs-xs);font-weight:700;letter-spacing:.01em;padding:.2rem .55rem;border-radius:var(--r-full);background:var(--surface-2);color:var(--text-soft)}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-danger{background:var(--danger-bg);color:var(--danger)}.badge-info{background:var(--info-bg);color:var(--info)}.badge-brand{background:var(--brand-50);color:var(--brand-700)}.dot{width:.5rem;height:.5rem;border-radius:var(--r-full);background:currentColor}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-sm)}table.data{width:100%;border-collapse:collapse;font-size:var(--fs-base)}table.data th,table.data td{padding:.8rem 1rem;text-align:start}table.data thead th{position:sticky;top:0;background:var(--surface-2);color:var(--muted);font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;z-index:1}table.data tbody tr{border-top:1px solid var(--border);transition:background var(--t-fast)}table.data tbody tr:hover{background:var(--surface-2)}.alert{display:flex;gap:var(--s3);padding:var(--s3) var(--s4);border-radius:var(--r);font-size:var(--fs-base);border:1px solid transparent}.alert-success{background:var(--success-bg);color:var(--success)}.alert-warning{background:var(--warning-bg);color:var(--warning)}.alert-danger{background:var(--danger-bg);color:var(--danger)}.alert-info{background:var(--info-bg);color:var(--info)}.empty{text-align:center;padding:var(--s12) var(--s6);color:var(--muted)}.empty svg{width:56px;height:56px;color:var(--faint);margin-inline:auto var(--s4);display:block}.empty h3{color:var(--text)}.skeleton{background:linear-gradient(100deg,var(--surface-2) 30%,#eef0f3 50%,var(--surface-2) 70%);background-size:200% 100%;animation:vk-shimmer 1.3s linear infinite;border-radius:var(--r-sm)}@keyframes vk-shimmer{to{background-position-x:-200%}}.spinner{width:1.15em;height:1.15em;border:2.5px solid currentColor;border-inline-start-color:transparent;border-radius:50%;animation:vk-spin .7s linear infinite;display:inline-block}@keyframes vk-spin{to{transform:rotate(360deg)}}@keyframes vk-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes vk-fade{0%{opacity:0}to{opacity:1}}.animate-in{animation:vk-fade-up var(--t) both}.page-enter{animation:vk-fade-up .22s cubic-bezier(.2,0,.2,1) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}:root{--brand-50: #fbeeec;--brand-100: #f7dcd8;--brand-200: #eeb8b0;--brand-500: #cb4335;--brand-600: #c0392b;--brand-700: #a93226;--brand-800: #8c281d;--accent-50: #fdf0e3;--accent-100: #fae0c6;--accent: #e67e22;--accent-600: #d35400;--accent-700: #b8470a;--bg: #fdf6ec;--surface: #ffffff;--surface-2: #f9f1e4;--overlay: rgba(26, 18, 10, .55);--text: #1a1a1a;--text-soft: #44403a;--muted: #756f66;--faint: #a59d90;--border: #efe5d5;--border-strong: #e0d3bd;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "IBM Plex Sans Arabic", "Noto Sans Arabic", "Geeza Pro", Arial, sans-serif;--fs-base: 1rem;--fs-sm: .8125rem;--sh-xs: 0 1px 2px rgba(26,18,10,.06);--sh-sm: 0 2px 8px rgba(26,18,10,.06);--sh: 0 4px 20px rgba(0,0,0,.08);--sh-lg: 0 8px 32px rgba(0,0,0,.14);--ring: 0 0 0 3px rgba(192,57,43,.26);--header-h: 64px;--container: 1200px}.btn{border-radius:12px}.btn:active{transform:scale(.97)}.input,.select,.textarea,input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=search],input[type=date],input[type=datetime-local],select,textarea{border-radius:10px}.card{border-radius:16px;box-shadow:var(--sh-sm)}.card-hover{transition:transform var(--t),box-shadow var(--t),border-color var(--t)}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);border-color:var(--border-strong)}.btn-accent{--_bg: var(--accent);--_fg: #fff;--_bd: var(--accent);box-shadow:var(--sh-xs)}.btn-accent:hover{--_bg: var(--accent-600);--_bd: var(--accent-600)}.btn-gradient{--_fg: #fff;--_bd: transparent;color:#fff;border:none;background:linear-gradient(100deg,var(--brand-600),var(--accent));background-size:160% auto;box-shadow:0 6px 18px #c0392b47;transition:background-position var(--t),transform var(--t-fast),box-shadow var(--t)}.btn-gradient:hover{background-position:100% center;box-shadow:0 10px 26px #d6540052}.skeleton{background:linear-gradient(100deg,var(--surface-2) 30%,#fffaf0 50%,var(--surface-2) 70%);background-size:200% 100%}.to-top{position:fixed;inset-block-end:22px;inset-inline-end:22px;z-index:50;width:46px;height:46px;display:grid;place-items:center;cursor:pointer;border:none;border-radius:var(--r-full);background:var(--brand-600);color:#fff;box-shadow:var(--sh-lg);transition:transform var(--t),opacity var(--t),background var(--t);opacity:0;transform:translateY(12px) scale(.9);pointer-events:none}.to-top.show{opacity:1;transform:none;pointer-events:auto}.to-top:hover{background:var(--brand-700);transform:translateY(-2px)}.to-top svg{width:22px;height:22px}@keyframes vk-badge-pop{0%{transform:scale(1)}40%{transform:scale(1.45)}to{transform:scale(1)}}.badge-pop{animation:vk-badge-pop .32s cubic-bezier(.3,1.4,.5,1)}