.admin{min-height:100vh;display:grid;grid-template-columns:250px 1fr;background:var(--color-bg)}.admin__side{background:var(--color-ink);color:#cfd3da;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xs);position:sticky;top:0;height:100vh}.admin__brand{margin-bottom:var(--space-lg)}.admin__navlink{display:flex;align-items:center;gap:var(--space-sm);padding:11px 14px;border-radius:var(--radius-md);font-weight:var(--fw-medium);font-size:var(--fs-sm);color:#cfd3da;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.admin__navlink:hover{background:#ffffff0f;color:#fff}.admin__navlink.active{background:var(--color-primary);color:#fff}.admin__side-foot{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-sm);font-size:var(--fs-sm)}.admin__user{color:#8b909a;font-size:var(--fs-label);word-break:break-all}.admin__main{padding:var(--space-xl);min-width:0}.admin__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap}.admin__title{font-size:var(--fs-h2)}.admin-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg)}.admin-table{width:100%;border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.admin-table th,.admin-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--color-border);font-size:var(--fs-sm);vertical-align:middle}.admin-table th{background:var(--color-bg);font-family:var(--font-title);font-weight:var(--fw-bold);color:var(--color-ink)}.admin-table tr:last-child td{border-bottom:none}.admin-table__thumb{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;background:var(--color-bg)}.admin-row-actions{display:flex;gap:var(--space-xs);flex-wrap:wrap}.btn--sm{padding:7px 14px;font-size:var(--fs-label)}.admin-form{display:grid;gap:var(--space-lg);max-width:760px}.admin-form__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.admin-form__actions{display:flex;gap:var(--space-md);margin-top:var(--space-sm)}.admin-hint{font-size:var(--fs-label);color:var(--color-text-muted)}.admin-alert{padding:12px 16px;border-radius:var(--radius-md);font-size:var(--fs-sm);margin-bottom:var(--space-md)}.admin-alert--error{background:color-mix(in srgb,var(--color-danger) 12%,#fff);color:var(--color-danger)}.admin-alert--success{background:color-mix(in srgb,var(--color-success) 12%,#fff);color:var(--color-success)}.admin-alert--info{background:color-mix(in srgb,var(--color-accent) 18%,#fff);color:var(--color-accent-dark)}.admin-imgprev{width:120px;height:120px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg)}.login{min-height:100vh;display:grid;place-items:center;padding:var(--space-lg);background:radial-gradient(900px 400px at 50% -10%,rgba(225,18,28,.25),transparent 60%),var(--color-ink)}.login__card{width:100%;max-width:400px;background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-2xl);box-shadow:var(--shadow-elevated)}.login__logo{display:flex;justify-content:center;margin-bottom:var(--space-lg)}.login__title{text-align:center;font-size:var(--fs-h3);margin-bottom:var(--space-xs)}.login__sub{text-align:center;color:var(--color-text-muted);font-size:var(--fs-sm);margin-bottom:var(--space-lg)}.login__form{display:grid;gap:var(--space-md)}.login__back{text-align:center;margin-top:var(--space-lg);font-size:var(--fs-sm)}.login__back a:hover{color:var(--color-primary)}@media (max-width: 780px){.admin{grid-template-columns:1fr}.admin__side{position:static;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center}.admin__brand{margin-bottom:0;margin-right:auto}.admin__side-foot{margin-top:0;flex-direction:row;align-items:center}.admin-form__row{grid-template-columns:1fr}.admin-table{display:block;overflow-x:auto;white-space:nowrap}}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Black.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}:root{--color-primary: #e1121c;--color-primary-dark: #b00e16;--color-primary-light: #ff2a30;--color-accent: #ffc20e;--color-accent-dark: #e0a800;--color-ink: #111418;--color-ink-2: #1c2029;--color-text: #23272f;--color-text-muted: #6f757e;--color-surface: #ffffff;--color-bg: #f6f7f9;--color-bg-warm: #fff7f6;--color-border: #e4e7ec;--color-border-dark: rgba(255, 255, 255, .12);--color-success: #1f9d55;--color-danger: #dc3545;--font-title: "Satoshi", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--fs-display: clamp(2.4rem, 5vw, 4rem);--fs-h1: clamp(2rem, 3.5vw, 3rem);--fs-h2: clamp(1.6rem, 2.6vw, 2.25rem);--fs-h3: 1.35rem;--fs-body: 1rem;--fs-sm: .875rem;--fs-label: .75rem;--fw-regular: 400;--fw-medium: 500;--fw-bold: 700;--fw-black: 900;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 20px;--space-xl: 32px;--space-2xl: 56px;--space-3xl: 96px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 18px;--radius-xl: 28px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(17, 20, 24, .06);--shadow-card: 0 2px 8px rgba(17, 20, 24, .06), 0 12px 28px rgba(17, 20, 24, .06);--shadow-elevated: 0 12px 40px rgba(17, 20, 24, .18);--shadow-brand: 0 10px 30px rgba(225, 18, 28, .28);--container: 1200px;--container-wide: 1320px;--header-h: 76px;--ease: cubic-bezier(.22, 1, .36, 1);--dur: .25s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body,#root{min-height:100%}body{font-family:var(--font-body);font-size:var(--fs-body);color:var(--color-text);background-color:var(--color-surface);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-title);color:var(--color-ink);line-height:1.1;font-weight:var(--fw-black)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;display:block}ul{list-style:none}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--space-lg)}.section{padding-block:var(--space-3xl)}.section--tight{padding-block:var(--space-2xl)}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-sm);font-family:var(--font-title);font-size:var(--fs-label);font-weight:var(--fw-bold);letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary)}.eyebrow:before{content:"";width:22px;height:3px;border-radius:var(--radius-full);background:var(--color-primary)}.section-title{font-size:var(--fs-h2);margin-top:var(--space-md)}.section-head{max-width:640px;margin-bottom:var(--space-2xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:14px 26px;border-radius:var(--radius-full);font-family:var(--font-title);font-weight:var(--fw-bold);font-size:var(--fs-sm);letter-spacing:.02em;transition:transform var(--dur) var(--ease),background-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease);white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn--primary{background:var(--color-primary);color:#fff;box-shadow:var(--shadow-brand)}.btn--primary:hover{background:var(--color-primary-dark)}.btn--accent{background:var(--color-accent);color:var(--color-ink)}.btn--accent:hover{background:var(--color-accent-dark)}.btn--dark{background:var(--color-ink);color:#fff}.btn--ghost{background:transparent;color:var(--color-ink);border:1.5px solid var(--color-border)}.btn--ghost:hover{border-color:var(--color-ink)}.btn--block{width:100%}.field{display:flex;flex-direction:column;gap:var(--space-xs)}.field label{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--color-ink)}.field input,.field textarea,.field select{font-family:inherit;font-size:var(--fs-body);padding:11px 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);transition:border-color var(--dur) var(--ease)}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--color-primary)}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--fs-label);font-weight:var(--fw-bold);letter-spacing:.04em;text-transform:uppercase}.badge--accent{background:color-mix(in srgb,var(--color-accent) 22%,#fff);color:var(--color-accent-dark)}.badge--muted{background:var(--color-bg);color:var(--color-text-muted)}.badge--danger{background:color-mix(in srgb,var(--color-danger) 14%,#fff);color:var(--color-danger)}.badge--success{background:color-mix(in srgb,var(--color-success) 14%,#fff);color:var(--color-success)}@media (max-width: 640px){.section{padding-block:var(--space-2xl)}}