@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&display=swap";:root{--gold: #c9a84c;--gold2: #e5c46a;--cream: #0a1f44;--bg: #f4f7fc;--s1: #ffffff;--s2: #eaf0fb;--s3: #dce6f5;--txt: #0d1f3c;--muted: #7a8fae;--border: #c8d6ee;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--font-xs: 10px;--font-sm: 12px;--font-md: 14px;--font-lg: 18px;--z-header: 200;--z-admin-sidebar: 300;--z-modal: 400;--z-cookie: 9999;--transition: .2s ease;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 8px 24px rgba(0, 0, 0, .12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--txt);font-family:DM Sans,sans-serif;line-height:1.6}h1,h2,h3,h4{font-family:Cormorant Garamond,serif;font-weight:400;line-height:1.15}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--s1)}::-webkit-scrollbar-thumb{background:var(--gold)}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes float1{0%,to{transform:translateY(0) translate(0);opacity:.4}33%{transform:translateY(-18px) translate(8px);opacity:.7}66%{transform:translateY(-8px) translate(-6px);opacity:.5}}@keyframes float2{0%,to{transform:translateY(0) translate(0);opacity:.3}50%{transform:translateY(-24px) translate(-10px);opacity:.6}}@keyframes float3{0%,to{transform:translateY(0);opacity:.2}40%{transform:translateY(-14px) translate(12px);opacity:.5}80%{transform:translateY(-6px) translate(-4px);opacity:.3}}@keyframes scrollBounce{0%,to{transform:translateY(0) translate(-50%);opacity:.7}50%{transform:translateY(8px) translate(-50%);opacity:1}}@keyframes counterUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes rotateDiamond{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseGold{0%,to{box-shadow:0 4px 20px #c9a84c4d}50%{box-shadow:0 4px 36px #c9a84c8c}}.gb{background:var(--gold);color:#000;border:none;padding:13px 32px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:.2s;display:inline-flex;align-items:center;gap:8px}.gb:hover{background:var(--gold2);transform:translateY(-2px);box-shadow:0 8px 24px #c9a84c33}.gb:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.ob{background:transparent;color:var(--gold);border:1px solid rgba(201,168,76,.5);padding:11px 26px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;letter-spacing:2px;text-transform:uppercase;cursor:pointer;transition:.2s}.ob:hover{background:var(--gold);color:#000;border-color:var(--gold)}.ghost{background:transparent;color:var(--muted);border:none;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13px;cursor:pointer;transition:.2s}.ghost:hover{color:var(--txt)}.field label{display:block;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.field input,.field select,.field textarea{width:100%;background:var(--s2);border:1px solid var(--border);color:var(--txt);padding:12px 16px;font-family:DM Sans,sans-serif;font-size:14px;outline:none;transition:border-color .2s;-webkit-appearance:none;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold)}.field input::placeholder,.field textarea::placeholder{color:var(--muted)}.field select option{background:var(--s2)}.badge{display:inline-block;padding:3px 9px;font-size:9px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;border-radius:1px}.b-pending{background:#c9a84c1f;color:#c9a84c}.b-confirmed{background:#3d8f5f1f;color:#5ab87a}.b-completed{background:#3d6a9f1f;color:#6a9fd8}.b-cancelled{background:#9f3d3d1f;color:#d87a6a}.b-walkin{background:#b464c826;color:#c87ae0}.fu{animation:fadeUp .45s ease forwards}.upload-zone{border:1px dashed var(--border);padding:32px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.upload-zone:hover{border-color:var(--gold);background:#c9a84c0a}@media (max-width: 768px){.admin-layout{flex-direction:column!important}.admin-sidebar{width:220px!important;position:fixed!important;height:100%!important;z-index:300!important}.admin-content{margin-left:0!important;padding:16px!important}.hide-mobile{display:none!important}h1{font-size:clamp(32px,9vw,56px)!important;line-height:1.1!important}h2{font-size:clamp(26px,7vw,40px)!important}.svc-grid,.review-grid{grid-template-columns:1fr!important}.barber-grid{grid-template-columns:1fr 1fr!important}.gallery-cols{columns:2 120px!important}.stats-grid{grid-template-columns:1fr 1fr!important}.breakdown-grid,.rev-grid,.walkin-grid,.block-grid{grid-template-columns:1fr!important}.upcoming-grid{grid-template-columns:1fr 1fr!important}.time-grid{grid-template-columns:repeat(3,1fr)!important}.appt-table,.client-table{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.appt-row,.client-row{min-width:540px!important}.footer-grid{grid-template-columns:1fr!important;gap:28px!important}.filter-row{flex-wrap:wrap!important}.filter-row .field{min-width:140px!important;flex:1!important}}@media (max-width: 900px){.booking-grid{grid-template-columns:1fr!important}.booking-sidebar-sticky,.booking-services-sticky{position:static!important}}@media (max-width: 480px){.barber-grid{grid-template-columns:1fr!important}.time-grid{grid-template-columns:repeat(2,1fr)!important}.upcoming-grid{grid-template-columns:1fr!important}.stats-grid{grid-template-columns:1fr 1fr!important}.step-label{display:none!important}.hero-stats{gap:28px!important}.admin-content{padding:12px!important}.gb{padding:14px 20px!important;font-size:12px!important}.ob{padding:13px 18px!important}.booking-barber-card{padding:14px!important}.booking-summary{padding:16px!important}}