:root{--color-gold:#d29034;--color-gold-dark:#96780a;--color-gold-customer:#c8a84b;--color-gold-05:#d2903405;--color-gold-06:#d2903406;--color-gold-08:#d2903408;--color-gold-0d:#d290340d;--color-gold-10:#d2903410;--color-gold-11:#d2903411;--color-gold-12:#d2903412;--color-gold-14:#d2903414;--color-gold-15:#d2903415;--color-gold-18:#d2903418;--color-gold-22:#d2903422;--color-gold-33:#d2903433;--color-gold-44:#d2903444;--color-gold-55:#d2903455;--color-gold-66:#d2903466;--color-bg-page:#f4f5f7;--color-bg-card:#fff;--color-bg-input:#f8f9fb;--color-bg-subtle:#eef0f3;--color-bg-dark:#0c0b09;--color-text:#374151;--color-text-dark:#111;--color-text-secondary:#4b5563;--color-text-muted:#6b7280;--color-text-placeholder:#9ca3af;--color-text-light:#d1d5db;--color-border:#e2e5ea;--color-border-22:#e2e5ea22;--color-border-light:#e5e7eb;--color-border-medium:#d1d5db;--color-success:#16a34a;--color-success-bg:#f0fdf4;--color-success-border:#bbf7d0;--color-warning:#d97706;--color-warning-dark:#92400e;--color-warning-bg:#fffbeb;--color-warning-bg-light:#fef3c7;--color-danger:#dc2626;--color-danger-bg:#fef2f2;--color-danger-border:#fecaca;--color-info:#2563eb;--color-info-bg:#eff6ff;--color-purple:#7c3aed;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#333;--color-gray-900:#111;--text-2xs:9px;--text-xs:10px;--text-sm:11px;--text-smd:12px;--text-md:13px;--text-base:14px;--text-md2:15px;--text-lg:16px;--text-xl:18px;--text-2xl:20px;--text-3xl:22px;--text-4xl:24px;--text-5xl:28px;--text-6xl:32px;--text-7xl:36px;--text-8xl:40px;--text-9xl:48px;--text-hero:56px;--text-display:64px;--radius-2xs:3px;--radius-xs:2px;--radius-sm:4px;--radius-sm2:7px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--radius-2xl:12px;--radius-3xl:14px;--radius-4xl:16px;--radius-5xl:20px;--radius-6xl:24px;--radius-full:50%;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:10px;--space-6:12px;--space-7:14px;--space-8:16px;--space-9:18px;--space-10:20px;--space-12:24px;--space-14:28px;--space-16:32px;--space-20:40px;--space-24:48px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 2px 8px #00000014;--shadow-lg:0 4px 16px #0000001f;--shadow-xl:0 8px 24px #00000029;--shadow-gold:0 4px 20px #c8a84b26;--transition-fast:all .15s ease;--transition-base:all .2s ease;--transition-slow:all .3s ease}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-row{flex-direction:row;display:flex}.flex-1{flex:1}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-end{justify-content:flex-end;align-items:center;display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.w-full{width:100%}.h-full{height:100%}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-3xl);padding:20px;box-shadow:0 1px 4px #0000000f}.card-hover{transition:var(--transition-base);cursor:pointer}.card-hover:hover{border-color:var(--color-gold);box-shadow:var(--shadow-md)}.btn{border-radius:var(--radius-lg);font-size:var(--text-md);cursor:pointer;transition:var(--transition-fast);border:none;padding:8px 16px;font-family:inherit}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-gold);color:#001d3d;font-weight:800}.btn-primary:hover:not(:disabled){background:var(--color-gold-dark)}.btn-secondary{background:var(--color-bg-subtle);color:#555;font-weight:600}.btn-secondary:hover:not(:disabled){background:var(--color-border-light)}.btn-danger{color:var(--color-danger);background:#3a0a0a;font-weight:700}.btn-danger:hover:not(:disabled){background:var(--color-danger);color:#fff}.btn-ghost{color:var(--color-text-muted);background:0 0;font-weight:500}.btn-ghost:hover:not(:disabled){background:var(--color-bg-subtle);color:var(--color-text)}.btn-gold{color:var(--color-gold);background:#b8962e21;font-weight:700}.btn-gold:hover:not(:disabled){background:#b8962e38}.btn-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border);font-weight:600}.btn-sm{font-size:var(--text-smd);padding:5px 10px}.btn-lg{font-size:var(--text-lg);padding:12px 20px}.input{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-md);color:var(--color-text-dark);outline:none;padding:9px 13px;font-family:inherit}.input:focus{border-color:var(--color-gold)}.input::placeholder{color:var(--color-text-placeholder)}.label{font-size:var(--text-sm);color:var(--color-text-muted);letter-spacing:.8px;text-transform:uppercase;margin-bottom:5px;font-weight:700}.select{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-md);color:var(--color-text-dark);box-sizing:border-box;outline:none;width:100%;padding:9px 13px;font-family:inherit}.select:focus{border-color:var(--color-gold)}.textarea{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-md);color:var(--color-text-dark);resize:vertical;box-sizing:border-box;outline:none;width:100%;padding:9px 13px;font-family:inherit}.textarea:focus{border-color:var(--color-gold)}.badge{border-radius:var(--radius-5xl);font-size:var(--text-sm);letter-spacing:.5px;white-space:nowrap;align-items:center;padding:3px 10px;font-weight:700;display:inline-flex}.badge-primary{background:var(--color-gold);color:#001d3d}.badge-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.badge-warning{background:var(--color-warning-bg-light);color:var(--color-warning-dark)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-muted{background:var(--color-bg-subtle);color:var(--color-text-muted)}.badge-purple{color:var(--color-purple);background:#f3e8ff}.alert{border-radius:var(--radius-lg);font-size:var(--text-base);margin-bottom:12px;padding:10px 14px}.alert-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.alert-warning{background:var(--color-warning-bg-light);color:var(--color-warning-dark);border:1px solid var(--color-warning-bg)}.alert-danger{background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border)}.alert-info{background:var(--color-info-bg);color:var(--color-info);border:1px solid #bfdbfe}.shead{color:var(--color-text);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;font-weight:700;display:flex}.row-item{border:1px solid var(--color-border);background:var(--color-bg-card);border-radius:8px;padding:10px 14px}.table-header{font-size:var(--text-smd);color:var(--color-text-muted);background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border);text-transform:uppercase;letter-spacing:.5px;padding:8px 12px;font-weight:700}.table-row{border-bottom:1px solid var(--color-border-light);font-size:var(--text-base);color:var(--color-text);padding:10px 12px;transition:background .15s}.table-row:hover{background:var(--color-bg-subtle)}.section-header{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-weight:800}.empty-state{text-align:center;color:var(--color-text-muted);font-size:var(--text-base);padding:40px 20px}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-bg-card);border-radius:var(--radius-2xl);width:90%;max-width:480px;max-height:90vh;box-shadow:var(--shadow-xl);padding:24px;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-title{font-size:var(--text-xl);color:var(--color-text-dark);font-weight:800}.divider{background:var(--color-border-light);height:1px;margin:12px 0}@media print{body *{display:none!important}#haircut-ticket-print{display:block!important}#haircut-ticket-print *{display:inline!important}#haircut-ticket-print div{margin:0;padding:2px 0;display:block!important}#haircut-ticket-print strong{font-weight:700;display:inline!important}@page{size:80mm auto;margin:4mm}}