@import "https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Lato:wght@300;400;700&family=EB+Garamond:ital,wght@0,400;0,500;1,400&display=swap";:root{--color-red:#c21b23;--color-red-dark:#9e1219;--color-red-light:#d94049;--color-dark:#1a1a1a;--color-footer:#1c1c1c;--color-charcoal:#2e2e2e;--color-grey-900:#3d3d3d;--color-grey-700:#555;--color-grey-500:#888;--color-grey-300:#b8b8b8;--color-grey-100:#e8e8e8;--color-bg:#f2f2f2;--color-surface:#fff;--color-success:#2e7d32;--color-success-bg:#e8f5e9;--color-warning:#e65100;--color-warning-bg:#fff3e0;--color-busy:#1565c0;--color-busy-bg:#e3f2fd;--color-inactive:#757575;--color-inactive-bg:#f5f5f5;--font-heading:"Oswald", "Arial Narrow", sans-serif;--font-body:"Lato", "Arial", sans-serif;--font-serif:"EB Garamond", "Georgia", serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-hero:5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-none:0px;--radius-sm:4px;--radius-md:8px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000001f, 0 1px 2px #00000014;--shadow-md:0 4px 12px #00000026;--shadow-lg:0 8px 24px #0000002e;--shadow-xl:0 16px 48px #00000038;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-dark);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:.04em;text-transform:uppercase;color:var(--color-dark);font-weight:700;line-height:1.1}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{color:var(--color-grey-700);line-height:1.7}.container{max-width:1100px;padding:0 var(--space-6);margin:0 auto}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-heading);font-size:var(--text-sm);letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-none);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:2px solid #0000;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-red);color:#fff;border-color:var(--color-red)}.btn-primary:hover{background:var(--color-red-dark);border-color:var(--color-red-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{color:var(--color-red);border-color:var(--color-red);background:0 0}.btn-outline:hover{background:var(--color-red);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-ghost{color:var(--color-grey-700);border-color:var(--color-grey-300);background:0 0}.btn-ghost:hover{background:var(--color-grey-100);color:var(--color-dark)}.btn-dark{background:var(--color-dark);color:#fff;border-color:var(--color-dark)}.btn-dark:hover{background:var(--color-charcoal)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none!important;transform:none!important}.pill{padding:var(--space-2) var(--space-5);border-radius:var(--radius-full)!important}.card{background:var(--color-surface);border:1px solid var(--color-grey-100);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base);overflow:hidden}.card:hover{box-shadow:var(--shadow-md)}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;font-weight:700;display:inline-flex}.badge-active{background:var(--color-success-bg);color:var(--color-success)}.badge-busy{background:var(--color-busy-bg);color:var(--color-busy)}.badge-inactive{background:var(--color-inactive-bg);color:var(--color-inactive)}.badge-waiting{background:var(--color-warning-bg);color:var(--color-warning)}.badge-requested{color:#512da8;background:#ede7f6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fadeInUp{animation:.4s both fadeInUp}.animate-fadeIn{animation:.3s both fadeIn}.animate-slideInRight{animation:.35s both slideInRight}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--color-grey-100)}::-webkit-scrollbar-thumb{background:var(--color-grey-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-red)}.text-red{color:var(--color-red)!important}.text-dark{color:var(--color-dark)!important}.text-muted{color:var(--color-grey-500)!important}.text-white{color:#fff!important}.text-upper{text-transform:uppercase;letter-spacing:.08em}.text-center{text-align:center}.font-heading{font-family:var(--font-heading)}.bg-dark{background:var(--color-dark)!important}.bg-red{background:var(--color-red)!important}.bg-surface{background:var(--color-surface)!important}.bg-bg{background:var(--color-bg)!important}.w-full{width:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mt-8{margin-top:var(--space-8)}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-dark);background:var(--color-surface);border:2px solid var(--color-grey-100);border-radius:var(--radius-none);transition:border-color var(--transition-fast);outline:none}.input:focus{border-color:var(--color-red)}.input::placeholder{color:var(--color-grey-300)}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23888' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-10)}.app-root{background:var(--color-bg);flex-direction:column;min-height:100vh;display:flex;overflow-x:hidden}.app-header{background:var(--color-dark);border-bottom:3px solid var(--color-red);padding:0 var(--space-6);z-index:100;box-shadow:var(--shadow-lg);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:var(--space-4);max-width:960px;height:68px;margin:0 auto;display:flex}.header-brand{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.header-logo-img{object-fit:contain;background:#fff;border-radius:50%;width:52px;height:52px;padding:3px;display:block;box-shadow:0 2px 8px #00000080}.header-subtitle{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-grey-500);letter-spacing:.06em;text-transform:uppercase}.header-actions{align-items:center;gap:var(--space-4);display:flex}.header-clock{text-align:left}.header-time{font-family:var(--font-heading);font-size:var(--text-2xl);color:#fff;letter-spacing:.04em;font-weight:700;line-height:1}.header-live{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-grey-500);letter-spacing:.06em;justify-content:flex-start;margin-top:2px;display:flex}.barbers-link{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);color:#fff;font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;background:0 0;border:1px solid #ffffff2e;font-weight:700;display:inline-flex}.barbers-link:hover{background:#ffffff1a;border-color:#ffffff59}.barbers-link-icon{font-size:var(--text-base);opacity:.8}.barbers-badge{border-radius:var(--radius-full);background:var(--color-grey-500);color:#fff;letter-spacing:0;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.barbers-badge-active{background:var(--color-busy)}.toast{top:80px;right:var(--space-6);z-index:300;padding:var(--space-3) var(--space-5);background:var(--color-surface);box-shadow:var(--shadow-xl);font-size:var(--text-sm);word-break:break-word;border-left:4px solid;max-width:360px;position:fixed}.toast-success{border-color:var(--color-success);color:var(--color-success)}.toast-error{border-color:var(--color-red);color:var(--color-red)}.toast-warning{border-color:var(--color-warning);color:var(--color-warning)}.toast-info{border-color:var(--color-busy);color:var(--color-busy)}.app-main{padding:var(--space-12) var(--space-6) var(--space-12);flex-direction:column;flex:1;align-items:center;width:100%;max-width:600px;margin:0 auto;display:flex}.hero-layout{text-align:center;flex-direction:column;align-items:center;gap:0;width:100%;display:flex}.next-up-bar{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--color-surface);border:1px solid var(--color-grey-100);width:100%;margin-top:var(--space-5);box-shadow:var(--shadow-sm);display:flex}.next-up-bar-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-grey-500);flex-shrink:0;font-weight:700}.next-up-bar-name{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-red);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;font-weight:700}.next-up-bar-queue{font-size:var(--text-xs);color:var(--color-grey-300);letter-spacing:.04em;margin-left:auto}.hero-welcome{font-family:var(--font-heading);color:var(--color-red);letter-spacing:.03em;text-transform:uppercase;text-align:center;font-size:clamp(2.4rem,8vw,4.5rem);font-weight:700;line-height:1.1}.hero-hint{font-size:var(--text-base);color:var(--color-grey-500);letter-spacing:.04em;margin-bottom:var(--space-8)}.hero-btn{width:100%;max-width:340px;padding:var(--space-4) var(--space-8);font-size:var(--text-base);letter-spacing:.1em}.hero-divider{align-items:center;gap:var(--space-4);width:100%;max-width:340px;margin:var(--space-5) 0;color:var(--color-grey-300);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;display:flex}.hero-divider:before,.hero-divider:after{content:"";border-top:1px solid var(--color-grey-100);flex:1}.hero-btn-secondary{width:100%;max-width:340px}.drawer-backdrop{z-index:200;background:#00000080;animation:.2s fadeIn;position:fixed;inset:0}.drawer{background:var(--color-surface);z-index:201;width:380px;max-width:95vw;height:100vh;box-shadow:var(--shadow-xl);flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.drawer-open{transform:translate(0)}.drawer-header{background:var(--color-dark);border-bottom:3px solid var(--color-red);padding:var(--space-4) var(--space-5);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.drawer-title{font-family:var(--font-heading);font-size:var(--text-2xl);letter-spacing:.08em;color:#fff;margin:0;font-weight:700}.drawer-close{color:var(--color-grey-300);font-size:var(--text-xl);cursor:pointer;padding:var(--space-1) var(--space-2);transition:color var(--transition-fast);border-radius:var(--radius-sm);background:0 0;border:none;line-height:1}.drawer-close:hover{color:var(--color-red)}.drawer-body{padding:var(--space-5);gap:var(--space-6);flex-direction:column;flex:1;display:flex;overflow-y:auto}.drawer-section-header{justify-content:space-between;align-items:center;margin-bottom:0;display:flex}.drawer-section-title{font-family:var(--font-heading);font-size:var(--text-lg);letter-spacing:.06em;text-transform:uppercase;color:var(--color-dark);font-weight:700}.drawer-list{gap:var(--space-2);flex-direction:column;display:flex}.drawer-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border:1px solid var(--color-grey-100);background:var(--color-bg);transition:border-color var(--transition-fast);display:flex}.drawer-row:hover{border-color:var(--color-grey-300)}.drawer-row-top{border-color:var(--color-red);border-left:4px solid var(--color-red);background:#fff8f8}.drawer-row-active{border-left:4px solid var(--color-busy)}.drawer-pos{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--color-grey-300);text-align:center;flex-shrink:0;width:28px;font-weight:700;line-height:1}.drawer-row-top .drawer-pos{color:var(--color-red)}.drawer-avatar{background:var(--color-dark);color:#fff;width:38px;height:38px;font-family:var(--font-heading);font-size:var(--text-lg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.drawer-row-top .drawer-avatar{background:var(--color-red)}.drawer-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.drawer-name{font-family:var(--font-heading);font-size:var(--text-base);letter-spacing:.06em;text-transform:uppercase;color:var(--color-dark);font-weight:700}.drawer-actions{gap:var(--space-1);flex-direction:column;flex-shrink:0;display:flex}.barber-preview-avatar-large{border-radius:var(--space-2);background:var(--color-dark);color:#fff;width:120px;height:120px;box-shadow:var(--shadow-md);border:4px solid #fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.drawer-client-chip{font-size:var(--text-xs);color:var(--color-grey-700);padding:2px var(--space-2);background:var(--color-grey-100);border-left:2px solid var(--color-busy);margin-top:2px}.drawer-client-chip-pending{background:var(--color-warning-bg);border-left-color:var(--color-warning);color:var(--color-warning);font-weight:600}.drawer-empty{font-size:var(--text-sm);color:var(--color-grey-300);text-transform:uppercase;letter-spacing:.08em;text-align:center;padding:var(--space-4)}.section-label{font-family:var(--font-body);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-grey-500);margin-bottom:var(--space-1);font-weight:700}.list-count{background:var(--color-red);color:#fff;width:36px;height:36px;font-family:var(--font-heading);font-size:var(--text-lg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.list-count.cutting{background:var(--color-busy)}.next-up-tag{font-size:var(--text-xs);color:var(--color-red);letter-spacing:.1em;text-transform:uppercase;font-weight:700}.divider{border:none;border-top:2px solid var(--color-red);margin:var(--space-4) 0}.divider-light{border-top-color:var(--color-grey-100)}.modal-backdrop{z-index:250;padding:var(--space-6);background:#000000b8;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow-xl);animation:.3s fadeInUp;overflow-y:auto}.modal-header{background:var(--color-dark);padding:var(--space-4) var(--space-6);border-bottom:3px solid var(--color-red);justify-content:space-between;align-items:center;display:flex}.modal-title{font-family:var(--font-heading);font-size:var(--text-xl);letter-spacing:.08em;text-transform:uppercase;color:#fff;margin:0;font-weight:700}.modal-close{color:var(--color-grey-300);font-size:var(--text-xl);cursor:pointer;padding:0 var(--space-1);transition:color var(--transition-fast);background:0 0;border:none;line-height:1}.modal-close:hover{color:var(--color-red)}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-4) var(--space-6);background:var(--color-bg);border-top:1px solid var(--color-grey-100);gap:var(--space-3);justify-content:flex-end;display:flex}.type-selector{gap:var(--space-3);margin-bottom:var(--space-6);grid-template-columns:1fr 1fr;display:grid}.type-option{padding:var(--space-4);border:2px solid var(--color-grey-100);background:var(--color-bg);cursor:pointer;transition:all var(--transition-base);text-align:center}.type-option:hover{border-color:var(--color-grey-300)}.type-option.selected{border-color:var(--color-red);background:#fff8f8}.type-option-icon{font-size:var(--text-3xl);margin-bottom:var(--space-2);display:block}.type-option-label{font-family:var(--font-heading);font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;color:var(--color-dark);font-weight:700;display:block}.type-option-hint{font-size:var(--text-xs);color:var(--color-grey-500);margin-top:var(--space-1);display:block}.type-option.selected .type-option-label{color:var(--color-red)}.form-group{margin-bottom:var(--space-5)}.form-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-grey-700);margin-bottom:var(--space-2);font-weight:700;display:block}.barber-selector{gap:var(--space-2);flex-direction:column;max-height:220px;display:flex;overflow-y:auto}.barber-option{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:2px solid var(--color-grey-100);background:var(--color-bg);cursor:pointer;transition:all var(--transition-fast);display:flex}.barber-option:hover:not(.disabled){border-color:var(--color-grey-300)}.barber-option.selected{border-color:var(--color-red);background:#fff8f8}.barber-option.disabled{opacity:.45;cursor:not-allowed}.barber-option-name{font-family:var(--font-heading);font-size:var(--text-base);letter-spacing:.06em;text-transform:uppercase;color:var(--color-dark);font-weight:700}.event-log{flex-direction:column;max-height:180px;display:flex;overflow-y:auto}.log-entry{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-grey-100);font-size:var(--text-sm);animation:.3s fadeIn;display:flex}.log-entry:last-child{border-bottom:none}.log-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.log-entry.success .log-dot{background:var(--color-success)}.log-entry.error .log-dot{background:var(--color-red)}.log-entry.warning .log-dot{background:var(--color-warning)}.log-entry.info .log-dot{background:var(--color-busy)}.log-time{font-size:var(--text-xs);color:var(--color-grey-300);flex-shrink:0;font-family:monospace}.log-message{color:var(--color-grey-700);flex:1}.log-empty{padding:var(--space-5);text-align:center;font-size:var(--text-sm);color:var(--color-grey-300);text-transform:uppercase;letter-spacing:.08em}.finish-choice{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.choice-card{padding:var(--space-5);border:2px solid var(--color-grey-100);cursor:pointer;transition:all var(--transition-base);text-align:center}.choice-card:hover{border-color:var(--color-grey-300);box-shadow:var(--shadow-md)}.choice-card.accept{border-color:var(--color-success);background:var(--color-success-bg)}.choice-card.decline{border-color:var(--color-red);background:#fff8f8}.choice-icon{font-size:var(--text-4xl);margin-bottom:var(--space-2);display:block}.choice-label{font-family:var(--font-heading);font-size:var(--text-base);letter-spacing:.06em;text-transform:uppercase;font-weight:700}.choice-hint{font-size:var(--text-xs);color:var(--color-grey-500);margin-top:var(--space-1);display:block}.live-dot{background:var(--color-success);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot;display:inline-block}@media (width<=600px){.hero-word{font-size:clamp(3rem,18vw,4.5rem)}.hero-btn,.hero-btn-secondary{max-width:100%}.header-subtitle{display:none}.finish-choice,.type-selector{grid-template-columns:1fr}.drawer{width:100vw}}