@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";:root{--color-bg: #f5f5f7;--color-bg-secondary: #ffffff;--color-bg-tertiary: #f0f0f2;--color-text: #1a1a1a;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-border: rgba(0, 0, 0, .08);--color-border-hover: rgba(0, 0, 0, .15);--color-accent: #3b82f6;--color-accent-hover: #2563eb;--color-success: #22c55e;--color-success-bg: rgba(34, 197, 94, .1);--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .1);--color-error: #ef4444;--color-error-bg: rgba(239, 68, 68, .1);--color-danger: #ef4444;--color-danger-bg: rgba(239, 68, 68, .1);--color-info: #3b82f6;--color-info-bg: rgba(59, 130, 246, .1);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .06);--glass-shadow: 0 4px 24px rgba(0, 0, 0, .06);--glass-blur: 20px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 32px;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--transition-fast: .15s ease;--transition-normal: .25s ease;--sidebar-width: 260px;--topbar-height: 64px}[data-theme=dark]{--color-bg: #0a0a0a;--color-bg-secondary: #141414;--color-bg-tertiary: #1f1f1f;--color-text: #ffffff;--color-text-secondary: #a1a1a1;--color-text-muted: #666666;--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .15);--glass-bg: rgba(20, 20, 20, .8);--glass-border: rgba(255, 255, 255, .06);--glass-shadow: 0 4px 24px rgba(0, 0, 0, .3)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-md);color:var(--color-text);background:var(--color-bg);min-height:100vh;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;background:none}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:1.3}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{line-height:1.6}strong,b{font-weight:var(--font-semibold)}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.gap-5{gap:var(--spacing-xl)}.m-0{margin:0}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.p-0{padding:0}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.py-2{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-3{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-4{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.px-2{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-3{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-4{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.w-full{width:100%}.w-auto{width:auto}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-secondary{color:var(--color-text-secondary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.cursor-pointer{cursor:pointer}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--color-border-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:var(--color-text);color:var(--color-bg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:12px 20px;border-radius:var(--radius-lg);font-weight:var(--font-semibold);font-size:var(--font-size-sm);line-height:1.2;transition:all var(--transition-fast);border:1px solid transparent;cursor:pointer;white-space:nowrap;text-decoration:none}.btn svg{width:18px;height:18px;flex-shrink:0}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-text);color:var(--color-bg)}.btn-primary:hover:not(:disabled){opacity:.85;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){border-color:var(--color-border-hover);background:var(--color-bg-secondary);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--color-text-secondary);padding:10px 14px}.btn-ghost:hover:not(:disabled){color:var(--color-text);background:var(--color-bg-tertiary)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){opacity:.85;transform:translateY(-1px);box-shadow:0 4px 12px #ef444440}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){opacity:.85;transform:translateY(-1px);box-shadow:0 4px 12px #22c55e40}.btn-warning{background:var(--color-warning);color:#fff}.btn-warning:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.btn-info{background:var(--color-info);color:#fff}.btn-info:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.btn-sm{padding:10px 16px;font-size:var(--font-size-sm)}.btn-sm svg{width:16px;height:16px}.btn-lg{padding:16px 28px;font-size:var(--font-size-md)}.btn-lg svg{width:20px;height:20px}.icon-btn{width:42px;height:42px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text);transition:all var(--transition-fast);position:relative;cursor:pointer}.icon-btn:hover{border-color:var(--color-border-hover);transform:translateY(-1px)}.icon-btn svg{width:20px;height:20px}.icon-btn .dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--color-error);border-radius:50%}.icon-btn-sm{width:36px;height:36px}.icon-btn-sm svg{width:16px;height:16px}.btn-group{display:flex;gap:var(--spacing-sm)}.btn-group.btn-group-stretch .btn{flex:1}[data-theme=dark] .btn-primary:hover:not(:disabled){box-shadow:0 4px 16px #0006}[data-theme=dark] .btn-danger:hover:not(:disabled){box-shadow:0 4px 16px #ef444459}[data-theme=dark] .btn-success:hover:not(:disabled){box-shadow:0 4px 16px #22c55e59}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-semibold);white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-error{background:var(--color-error-bg);color:var(--color-error)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-ghost{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.badge-primary{background:#8b5cf61a;color:#8b5cf6}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-semibold)}.status-badge .dot{width:8px;height:8px;border-radius:50%;background:currentColor}.status-badge.large{padding:8px 16px;font-size:var(--font-size-sm)}.status-badge.large .dot{width:10px;height:10px}.status-new{background:var(--color-info-bg);color:var(--color-info)}.status-pending,.status-waiting{background:var(--color-warning-bg);color:var(--color-warning)}.status-confirmed{background:#8b5cf61a;color:#8b5cf6}.status-in-progress,.status-active{background:var(--color-info-bg);color:var(--color-info)}.status-completed,.status-success{background:var(--color-success-bg);color:var(--color-success)}.status-cancelled,.status-rejected{background:var(--color-error-bg);color:var(--color-error)}.status-picked,.status-archived{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.version-badge{padding:2px 6px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:9px;font-weight:var(--font-bold);color:var(--color-text-muted)}.plan-badge{background:var(--color-text);color:var(--color-bg);padding:2px 8px;border-radius:var(--radius-sm);font-weight:var(--font-bold);font-size:10px}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--glass-shadow);overflow:hidden;max-width:100%;box-sizing:border-box}@media(max-width:768px){.glass-card{padding:var(--spacing-md);border-radius:var(--radius-lg)}}.section-header:has(.section-icon){justify-content:flex-start}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.card:hover{border-color:var(--color-border-hover)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);gap:var(--spacing-md);flex-wrap:wrap}.section-header h3{font-size:var(--font-size-md);font-weight:var(--font-semibold)}@media(max-width:768px){.section-header{flex-direction:row!important;align-items:center}.section-header .search-box{max-width:100%!important;width:100%}.section-header .btn{width:100%;justify-content:center}}.alert-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);border-left:3px solid;text-decoration:none;color:inherit;transition:all var(--transition-fast)}.alert-card:hover{border-color:var(--color-border-hover);transform:translate(4px)}.alert-card.alert-warning{border-left-color:var(--color-warning)}.alert-card.alert-success{border-left-color:var(--color-success)}.alert-card.alert-info{border-left-color:var(--color-info)}.alert-card.alert-error{border-left-color:var(--color-error)}.alert-card .alert-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.alert-card .alert-icon svg{width:20px;height:20px}.alert-card.alert-warning .alert-icon{background:var(--color-warning-bg);color:var(--color-warning)}.alert-card.alert-success .alert-icon{background:var(--color-success-bg);color:var(--color-success)}.alert-card.alert-info .alert-icon{background:var(--color-info-bg);color:var(--color-info)}.alert-card.alert-error .alert-icon{background:var(--color-error-bg);color:var(--color-error)}.alert-card .alert-content{flex:1;min-width:0}.alert-card .alert-title{font-weight:var(--font-semibold);font-size:var(--font-size-sm)}.alert-card .alert-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.alert-card .alert-time{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.info-box{padding:var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.info-box.info-box-warning{background:var(--color-warning-bg);border-color:var(--color-warning);color:var(--color-warning)}.info-box.info-box-success{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.info-box.info-box-error{background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}.message-box{padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.empty-state{text-align:center;padding:var(--spacing-xl) var(--spacing-md);color:var(--color-text-muted)}.empty-state svg{width:48px;height:48px;margin-bottom:var(--spacing-md);opacity:.5}.empty-state p{margin:0;font-size:var(--font-size-sm)}html{-webkit-text-size-adjust:100%;touch-action:manipulation}body{-webkit-text-size-adjust:100%}@media(max-width:600px){.form-input,.form-select,textarea.form-input{padding:10px 12px;font-size:14px}.form-input-sm{padding:7px 10px;font-size:13px}.form-group label:not(.checkbox):not(.radio){font-size:12px}.form-error,.form-help{font-size:11px}}.form-group label:not(.checkbox):not(.radio){font-size:var(--font-size-sm);font-weight:var(--font-semibold);color:var(--color-text)}.form-group .label-optional{font-weight:var(--font-medium);color:var(--color-text-muted)}.form-group .label-required{color:var(--color-error)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}@media(max-width:640px){.form-row{grid-template-columns:1fr}}.form-row-3{grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.form-row-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.form-row-3{grid-template-columns:1fr}}.form-input{width:100%;padding:12px var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);color:var(--color-text);transition:all var(--transition-fast)}.form-input.error{border-color:var(--color-error)}.form-input[type=number]::-webkit-inner-spin-button,.form-input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-input[type=number]{-moz-appearance:textfield;appearance:textfield}.form-input-sm{padding:8px var(--spacing-sm);font-size:var(--font-size-sm)}.form-input-lg{padding:14px var(--spacing-lg);font-size:var(--font-size-lg)}textarea.form-input{min-height:100px;resize:vertical}.form-select{width:100%;padding:12px var(--spacing-md);padding-right:40px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-md);color:var(--color-text);appearance:none;cursor:pointer;transition:all var(--transition-fast);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.form-select:focus{outline:none;border-color:var(--color-text);background:var(--color-bg-secondary)}.form-select:disabled{opacity:.5;cursor:not-allowed}.form-select.error{border-color:var(--color-error)}[data-theme=dark] .form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a1a1a1' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.form-select option{background:var(--color-bg-secondary);color:var(--color-text);padding:var(--spacing-sm)}.checkbox .checkbox-mark{width:18px;height:18px;min-width:18px;min-height:18px;flex-shrink:0;border:2px solid var(--color-border);border-radius:5px;background:var(--color-bg-tertiary);position:relative;transition:all var(--transition-fast);margin-top:1px}.checkbox .checkbox-mark:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background:var(--color-text);border-radius:2px;transform:translate(-50%,-50%) scale(0);transition:transform var(--transition-fast)}.checkbox .checkbox-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.form-group .checkbox{flex-direction:row}.radio{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.radio input{display:none}.radio .radio-mark{width:18px;height:18px;border:2px solid var(--color-border);border-radius:50%;background:var(--color-bg-tertiary);position:relative;transition:all var(--transition-fast)}.radio .radio-mark:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background:var(--color-text);border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform var(--transition-fast)}.radio input:checked+.radio-mark{border-color:var(--color-text)}.radio input:checked+.radio-mark:after{transform:translate(-50%,-50%) scale(1)}.radio:hover .radio-mark{border-color:var(--color-border-hover)}.radio .radio-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.form-help{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:4px}.input-with-icon{position:relative}.input-with-icon .form-input{padding-left:44px}.input-with-icon .input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.input-with-icon .input-icon svg{width:18px;height:18px}.password-wrapper{position:relative}.password-wrapper .form-input{padding-right:44px}.password-wrapper .password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);cursor:pointer;padding:4px}.password-wrapper .password-toggle:hover{color:var(--color-text)}.password-wrapper .password-toggle svg{width:18px;height:18px}.password-strength{display:flex;align-items:center;gap:10px;margin-top:8px}.password-strength .strength-bar{flex:1;height:4px;background:var(--color-bg-tertiary);border-radius:2px;overflow:hidden}.password-strength .strength-bar .strength-fill{height:100%;border-radius:2px;transition:width .3s,background .3s}.password-strength .strength-text{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.form-color{height:44px;padding:4px;cursor:pointer}.form-color::-webkit-color-swatch-wrapper{padding:0}.form-color::-webkit-color-swatch{border:none;border-radius:var(--radius-sm)}.form-color::-moz-color-swatch{border:none;border-radius:var(--radius-sm)}.input-icon{position:relative}.input-icon>svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--color-text-muted);pointer-events:none;z-index:1}.input-icon .form-input{padding-left:44px}.list-container{display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);background:var(--color-bg-secondary)}.list-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}.list-item:hover{background:var(--color-bg-tertiary)}.list-item.inactive{opacity:.5}.list-item.editing,.list-item.active{background:var(--color-info-bg)}@media(max-width:700px){.list-item{flex-wrap:wrap;padding:var(--spacing-md)}}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-medium);white-space:nowrap}.status-badge svg{width:14px;height:14px}.status-badge.success{background:var(--color-success-bg);color:var(--color-success)}.status-badge.warning{background:var(--color-warning-bg);color:var(--color-warning)}.status-badge.error{background:var(--color-error-bg);color:var(--color-error)}.status-badge.info{background:var(--color-info-bg);color:var(--color-info)}.status-badge.muted{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.status-badge.primary{background:linear-gradient(135deg,var(--color-accent),#6366f1);color:#fff}.role-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-medium);white-space:nowrap}.role-badge.owner{background:linear-gradient(135deg,var(--color-accent),#6366f1);color:#fff}.role-badge.admin{background:var(--color-info-bg);color:var(--color-info)}.role-badge.employee{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-lg);text-align:center;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);border:1px dashed var(--color-border)}.empty-state svg{width:48px;height:48px;color:var(--color-text-muted);opacity:.4;margin-bottom:var(--spacing-md)}.empty-state h3{font-size:var(--font-size-lg);font-weight:var(--font-semibold);margin:0 0 var(--spacing-sm) 0;color:var(--color-text)}.empty-state p{color:var(--color-text-muted);margin:0;font-size:var(--font-size-sm)}.empty-state .btn{margin-top:var(--spacing-md)}.avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent),#6366f1);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:var(--font-bold);color:#fff;text-transform:uppercase;flex-shrink:0}.avatar.avatar-sm{width:32px;height:32px;font-size:12px}.avatar.avatar-lg{width:56px;height:56px;font-size:18px}.color-select{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.color-dot{width:32px;height:32px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.color-dot:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.color-dot.active{border-color:var(--color-text);box-shadow:0 0 0 2px var(--color-bg-secondary),0 4px 12px #0000004d}.inline-form{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border:1px solid var(--color-border);display:flex;align-items:flex-start;gap:var(--spacing-md);flex-wrap:wrap}.inline-form .form-group{margin-bottom:0;flex:1;min-width:180px}.inline-form .form-actions{display:flex;gap:var(--spacing-sm);align-items:flex-start;padding-top:0}@media(max-width:900px){.inline-form{flex-direction:column}.inline-form .form-group{width:100%;flex:none}.inline-form .color-select,.inline-form .form-actions{width:100%}}.btn-group{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.text-danger{color:var(--color-error)!important}.text-success{color:var(--color-success)!important}.text-warning{color:var(--color-warning)!important}.text-muted{color:var(--color-text-muted)!important}.text-sm{font-size:var(--font-size-sm)!important}.text-xs{font-size:var(--font-size-xs)!important}.mt-2{margin-top:var(--spacing-sm)!important}.mt-4{margin-top:var(--spacing-md)!important}.mb-2{margin-bottom:var(--spacing-sm)!important}.mb-4{margin-bottom:var(--spacing-md)!important}.required{color:var(--color-error)}.table{width:100%;border-collapse:separate;border-spacing:0 var(--spacing-sm)}.table th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:var(--font-medium);font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.table td{padding:var(--spacing-md);background:var(--color-bg-secondary);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);vertical-align:middle}.table td:first-child{border-left:1px solid var(--color-border);border-radius:var(--radius-md) 0 0 var(--radius-md)}.table td:last-child{border-right:1px solid var(--color-border);border-radius:0 var(--radius-md) var(--radius-md) 0}.table tbody tr{transition:all var(--transition-fast)}.table tbody tr:hover td{border-color:var(--color-border-hover);background:var(--color-bg-tertiary)}.table.table-clickable tbody tr{cursor:pointer}.table-compact{border-spacing:0}.table-compact th,.table-compact td{padding:var(--spacing-sm) var(--spacing-md)}.table-compact td{background:transparent;border:none;border-bottom:1px solid var(--color-border);border-radius:0}.table-compact td:first-child,.table-compact td:last-child{border-radius:0;border-left:none;border-right:none}.table-compact tbody tr:last-child td{border-bottom:none}.table-compact tbody tr:hover{transform:none}.table-compact tbody tr:hover td{background:var(--color-bg-tertiary)}.table .text-right{text-align:right}.table .text-center{text-align:center}.table .nowrap{white-space:nowrap}.table-wrapper{overflow-x:auto;margin:0 calc(-1 * var(--spacing-md));padding:0 var(--spacing-md)}@media(max-width:768px){.table-wrapper{margin:0 calc(-1 * var(--spacing-lg));padding:0 var(--spacing-lg)}}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:768px){.table-responsive{display:block;width:100%;overflow-x:auto}.table-responsive .table{min-width:700px}}.license-plate{display:inline-flex;padding:3px 8px;border-radius:var(--radius-sm);font-family:Manrope,monospace;font-weight:var(--font-bold);font-size:var(--font-size-xs);letter-spacing:.5px;background:var(--color-bg-tertiary);color:var(--color-text);border:1px solid var(--color-border);text-transform:uppercase}.avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--font-size-xs);flex-shrink:0;text-transform:uppercase}.avatar-sm{width:28px;height:28px;font-size:10px}.avatar-lg{width:48px;height:48px;font-size:var(--font-size-md)}.pagination-wrapper{margin-top:var(--spacing-lg);border:none}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);flex-wrap:wrap}.pagination .page-btn{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);background:var(--color-bg-secondary);border:1px solid var(--color-border);transition:all var(--transition-fast);cursor:pointer;text-decoration:none}.pagination .page-btn:hover:not(:disabled):not(.active){border-color:var(--color-border-hover);background:var(--color-bg-tertiary);color:var(--color-text)}.pagination .page-btn.active{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.pagination .page-btn:disabled{opacity:.3;cursor:not-allowed}.pagination .page-btn svg{width:16px;height:16px}.pagination .page-info{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:0 var(--spacing-md);white-space:nowrap}.pagination .page-dots{color:var(--color-text-muted);padding:0 var(--spacing-xs);-webkit-user-select:none;user-select:none}@media(max-width:640px){.pagination .page-btn{min-width:36px;height:36px;font-size:var(--font-size-xs)}.pagination .page-info{width:100%;text-align:center;order:-1;margin-bottom:var(--spacing-sm)}}.orders-table-desktop,.orders-cards-mobile,.table-responsive,.pagination-wrapper{border:none!important;border-top:none!important;border-bottom:none!important}.pagination-wrapper:before,.pagination-wrapper:after,.orders-cards-mobile:after,.orders-table-desktop:after{display:none!important}body.modal-open{overflow:hidden!important;position:fixed!important;width:100%!important;height:100%!important}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:9999;overflow:hidden}[data-theme=dark] .modal-overlay{background:#000000b3}.modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 24px 64px #0000002e;max-width:500px;width:100%;max-height:85vh;display:flex;flex-direction:column;position:relative;z-index:10000}.modal.modal-sm{max-width:400px}.modal.modal-lg{max-width:700px}.modal.modal-xl{max-width:900px}.modal>form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border);flex-shrink:0;gap:12px}.modal-header h2,.modal-header h3{font-size:16px;font-weight:700;color:var(--color-text);margin:0}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;color:var(--color-text-muted);cursor:pointer;flex-shrink:0;transition:all .15s}.modal-close:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.modal-close svg{width:18px;height:18px}.modal-body{padding:20px;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.modal-body .form-group{margin-bottom:16px}.modal-body .form-group:last-child{margin-bottom:0}.modal-body .form-group label{display:block;font-size:13px;font-weight:600;color:var(--color-text-secondary);margin-bottom:6px}.modal-body .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.modal-body .form-row .form-group{margin-bottom:0}.modal-body .form-input,.modal-body .form-select,.modal-body input,.modal-body select,.modal-body textarea{width:100%;padding:10px 12px;font-size:14px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-text);transition:border-color .15s}.modal-body .form-input:focus,.modal-body .form-select:focus,.modal-body input:focus,.modal-body select:focus,.modal-body textarea:focus{outline:none;border-color:var(--color-text)}.modal-body .form-input.error,.modal-body .form-select.error,.modal-body input.error,.modal-body select.error,.modal-body textarea.error{border-color:var(--color-error)}.modal-body textarea{resize:vertical;min-height:60px}.modal-body .form-error{display:block;font-size:12px;color:var(--color-error);margin-top:4px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--color-border);flex-shrink:0;background:var(--color-bg);border-radius:0 0 16px 16px}.toggle-row{display:flex;align-items:center;gap:10px;padding:8px 0}.toggle-switch{position:relative;width:40px;height:22px;flex-shrink:0}.toggle-switch input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;margin:0;z-index:1}.toggle-switch .toggle-slider{position:absolute;inset:0;background:var(--color-border);border-radius:11px;transition:background .2s}.toggle-switch .toggle-slider:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:2px;left:2px;transition:left .2s;box-shadow:0 1px 3px #0003}.toggle-switch.active .toggle-slider,.toggle-switch input:checked+.toggle-slider{background:var(--color-text)}.toggle-switch.active .toggle-slider:after,.toggle-switch input:checked+.toggle-slider:after{left:20px}.toggle-label{font-size:14px;font-weight:600;color:var(--color-text)}.confirm-modal{text-align:center;padding:24px}.confirm-modal .confirm-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.confirm-modal .confirm-icon.danger{background:#ef44441a}.confirm-modal .confirm-icon.warning{background:#f59e0b1a}.confirm-modal .confirm-icon.success{background:#22c55e1a}.confirm-modal .confirm-icon svg{width:24px;height:24px}.confirm-modal h3{font-size:18px;font-weight:700;margin-bottom:8px}.confirm-modal p{color:var(--color-text-secondary);margin-bottom:20px;font-size:14px}.confirm-modal .confirm-actions{display:flex;gap:10px;justify-content:center}.dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:180px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 12px 40px #00000026;padding:4px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .15s;z-index:100}.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}[data-theme=dark] .dropdown-menu{box-shadow:0 12px 40px #00000080}.dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;font-size:13px;color:var(--color-text);cursor:pointer;transition:background .15s}.dropdown-item svg{width:16px;height:16px;color:var(--color-text-secondary)}.dropdown-item.danger{color:var(--color-error)}.dropdown-item.danger svg{color:var(--color-error)}.dropdown-divider{height:1px;background:var(--color-border);margin:4px 0}@media(max-width:600px){.modal-overlay{padding:0!important;align-items:stretch!important}.modal{max-width:100%!important;max-height:100%!important;height:100%!important;width:100%!important;border-radius:0!important;border:none!important;overflow:hidden}.modal.modal-sm,.modal.modal-lg,.modal.modal-xl{max-width:100%!important}.modal>form{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;overflow:hidden}.modal-header{padding:12px 16px;position:sticky;top:0;background:var(--color-bg-secondary);z-index:10;flex-shrink:0}.modal-header h2,.modal-header h3{font-size:15px}.modal-close{width:36px;height:36px}.modal-close svg{width:20px;height:20px}.modal-body{padding:16px;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-body .form-group{margin-bottom:14px}.modal-body .form-group label{font-size:13px;margin-bottom:6px}.modal-body .form-row{gap:10px;margin-bottom:14px}.modal-body .form-input,.modal-body .form-select,.modal-body input,.modal-body select,.modal-body textarea{padding:12px 14px;font-size:16px;border-radius:10px}.modal-body textarea{min-height:70px}.modal-footer{padding:12px 16px;background:var(--color-bg);border-radius:0;flex-shrink:0;border-top:1px solid var(--color-border);margin-top:auto}.modal-footer .btn{flex:1;padding:12px 16px;font-size:15px;justify-content:center}.toggle-switch{width:44px;height:24px}.toggle-switch .toggle-slider:after{width:20px;height:20px}.toggle-switch.active .toggle-slider:after,.toggle-switch input:checked+.toggle-slider:after{left:22px}.confirm-modal{padding:20px}.confirm-modal .confirm-icon{width:48px;height:48px}.confirm-modal .confirm-icon svg{width:22px;height:22px}.confirm-modal h3{font-size:16px}.confirm-modal p{font-size:13px}}.notification-bell-wrapper{position:relative}.notification-dropdown{position:absolute;top:calc(100% + var(--spacing-sm));right:0;width:360px;max-height:480px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 12px 40px #0003;overflow:hidden;z-index:1000}[data-theme=dark] .notification-dropdown{box-shadow:0 12px 40px #00000080}@media(max-width:640px){.notification-dropdown{position:fixed;inset:auto 0 0;width:100%;max-height:75vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-bottom:none}}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.notification-header h4{font-size:var(--font-size-md);font-weight:var(--font-semibold);margin:0}.mark-all-read{background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-xs);cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.mark-all-read:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.notification-list{max-height:400px;overflow-y:auto}@media(max-width:640px){.notification-list{max-height:calc(75vh - 52px)}}.notification-item{display:flex;gap:var(--spacing-sm);padding:12px var(--spacing-md);border-bottom:1px solid var(--color-border);cursor:pointer;transition:background var(--transition-fast);text-decoration:none;color:inherit}.notification-item:hover{background:var(--color-bg-tertiary)}.notification-item.unread{background:#3b82f60d;border-left:3px solid var(--color-accent);padding-left:calc(var(--spacing-md) - 3px)}.notification-item:last-child{border-bottom:none}.notification-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;background:var(--color-bg-tertiary)}.notification-icon.blue{background:#3b82f626}.notification-icon.yellow{background:#f59e0b26}.notification-icon.red{background:#ef444426}.notification-icon.green{background:#10b98126}.notification-content{flex:1;min-width:0}.notification-title{font-weight:var(--font-semibold);font-size:var(--font-size-sm);margin-bottom:2px}.notification-message{font-size:var(--font-size-sm);color:var(--color-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-time{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:4px}.notification-empty{padding:var(--spacing-xl);text-align:center;color:var(--color-text-muted)}.notification-empty p{margin:0}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--color-error);color:#fff;font-size:10px;font-weight:var(--font-bold);display:flex;align-items:center;justify-content:center;line-height:1;border:2px solid var(--color-bg);animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-handle{display:none}@media(max-width:640px){.notification-handle{display:flex;justify-content:center;padding:8px 0 4px}.notification-handle:after{content:"";width:32px;height:4px;border-radius:2px;background:var(--color-border)}}.toast-container{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:9999;display:flex;flex-direction:column;gap:var(--spacing-sm);pointer-events:none}@media(max-width:768px){.toast-container{top:var(--spacing-md);right:var(--spacing-md);left:var(--spacing-md)}}.toast-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000004d;pointer-events:all;min-width:300px;max-width:500px;font-size:var(--font-size-sm);font-weight:var(--font-medium);border:1px solid}@media(max-width:768px){.toast-item{min-width:auto;max-width:100%}}.toast-icon{width:20px;height:20px;flex-shrink:0}.toast-close{margin-left:auto;background:none;border:none;font-size:18px;cursor:pointer;opacity:.6;padding:0 0 0 var(--spacing-sm);line-height:1;transition:opacity .2s}.toast-close:hover{opacity:1}.toast-success{background:#10b98126;border-color:#10b9814d;color:#6ee7b7}.toast-success .toast-icon{color:#10b981}.toast-success .toast-close{color:#6ee7b7}.toast-error{background:#ef444426;border-color:#ef44444d;color:#fca5a5}.toast-error .toast-icon{color:#ef4444}.toast-error .toast-close{color:#fca5a5}.toast-warning{background:#f59e0b26;border-color:#f59e0b4d;color:#fcd34d}.toast-warning .toast-icon{color:#f59e0b}.toast-warning .toast-close{color:#fcd34d}.toast-enter{transition:all .3s ease-out}.toast-enter-start{opacity:0;transform:translateY(-20px) scale(.95)}.toast-enter-end{opacity:1;transform:translateY(0) scale(1)}.toast-leave{transition:all .2s ease-in}.toast-leave-start{opacity:1;transform:translateY(0) scale(1)}.toast-leave-end{opacity:0;transform:translateY(-20px) scale(.95)}[data-theme=light] .toast-success{background:#10b9811a;color:#065f46}[data-theme=light] .toast-success .toast-icon{color:#10b981}[data-theme=light] .toast-success .toast-close{color:#065f46}[data-theme=light] .toast-error{background:#ef44441a;color:#991b1b}[data-theme=light] .toast-error .toast-icon{color:#ef4444}[data-theme=light] .toast-error .toast-close{color:#991b1b}[data-theme=light] .toast-warning{background:#f59e0b1a;color:#92400e}[data-theme=light] .toast-warning .toast-icon{color:#f59e0b}[data-theme=light] .toast-warning .toast-close{color:#92400e}.tabs-wrapper{margin-bottom:var(--spacing-lg)}.tabs-nav{display:flex;gap:var(--spacing-xs);background:var(--color-bg-secondary);padding:6px;border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow-x:auto}@media(max-width:768px){.tabs-nav{gap:4px;padding:4px}.tabs-nav .tab-btn{flex:1;justify-content:center}.tabs-nav .tab-btn span{font-size:11px}}.tab-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px var(--spacing-md);border-radius:var(--radius-md);background:transparent;border:none;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;position:relative}.tab-btn svg{width:18px;height:18px;flex-shrink:0}.tab-btn:hover:not(.active){background:var(--color-bg-tertiary);color:var(--color-text)}.tab-btn.active{background:var(--color-bg);color:var(--color-text);box-shadow:0 2px 8px #0000000d}@media(max-width:768px){.tab-btn{padding:8px 12px;font-size:11px}.tab-btn svg{width:16px;height:16px}}.tab-badge{background:var(--color-accent);color:#fff;font-size:10px;font-weight:var(--font-bold);padding:2px 6px;border-radius:var(--radius-sm);margin-left:auto}@media(max-width:768px){.tab-badge{position:absolute;top:4px;right:4px;padding:2px 4px;font-size:9px}}.tabs-content .tab-transition-enter{animation:tabFadeIn .3s ease}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .tab-btn.active{box-shadow:0 2px 12px #0000004d}.status-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);flex-wrap:wrap;background:var(--color-bg-secondary);padding:var(--spacing-xs);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow-x:auto}@media(max-width:768px){.status-tabs{gap:4px;padding:4px}}.status-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}@media(max-width:768px){.status-tab{padding:6px 10px;font-size:var(--font-size-xs);flex:1;justify-content:center}.status-tab .count{padding:1px 6px;font-size:10px}}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot.dot-error{background:var(--color-error)}.page-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;margin-bottom:var(--spacing-lg)}@media(max-width:768px){.page-actions{justify-content:stretch}.page-actions .btn{flex:1}}[data-theme=dark] .status-tab.active{box-shadow:0 2px 8px #0000004d}.dashboard{display:flex;min-height:100vh;background:var(--color-bg)}.sidebar{width:var(--sidebar-width);height:100vh;position:fixed;left:0;top:0;background:var(--color-bg-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:100;transition:transform var(--transition-normal)}.sidebar-header{padding-right:var(--spacing-lg);padding-left:var(--spacing-lg);padding-top:20.5px;padding-bottom:20.5px;border-bottom:1px solid var(--color-border)}.sidebar-nav{flex:1;padding:var(--spacing-md);overflow-y:auto}.sidebar-section{margin-bottom:var(--spacing-lg)}.sidebar-section-title{font-size:10px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:4px}.sidebar-menu{display:flex;flex-direction:column;gap:2px}.sidebar-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);border:1px solid transparent}.sidebar-link svg{width:18px;height:18px;flex-shrink:0}.sidebar-link:hover{color:var(--color-text)}.sidebar-link.active{color:var(--color-text);border-color:var(--color-border)}.sidebar-link .badge{margin-left:auto}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid var(--color-border);margin-top:auto}.sidebar-footer .user-info{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-lg)}.sidebar-footer .user-details{flex:1;min-width:0}.sidebar-footer .user-name{font-weight:var(--font-medium);font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer .user-role{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:99}.sidebar-overlay.open{display:block}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column}.topbar{height:var(--topbar-height);padding:0 var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:50}.topbar-left{display:flex;align-items:center;gap:var(--spacing-md)}.menu-toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer}.menu-toggle svg{width:20px;height:20px}.page-title{font-size:var(--font-size-lg);font-weight:var(--font-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}@media(max-width:768px){.page-title{max-width:180px;font-size:15px}}@media(max-width:480px){.page-title{max-width:120px;font-size:14px}}@media(max-width:380px){.page-title{max-width:90px;font-size:13px}}.topbar-right{display:flex;align-items:center;gap:var(--spacing-sm)}.page-content{flex:1;padding:var(--spacing-lg)}.logo{display:flex;align-items:center;gap:var(--spacing-sm)}.logo-img{height:22px;width:auto}.logo-light{display:block}.logo-dark,[data-theme=light] .logo-light{display:none}[data-theme=light] .logo-dark{display:block}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon,[data-theme=dark] .theme-toggle .icon-sun{display:block}[data-theme=dark] .theme-toggle .icon-moon{display:none}.profile-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:6px;padding-right:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.profile-btn:hover{border-color:var(--color-border-hover)}.profile-btn .profile-avatar{width:28px;height:28px;border-radius:var(--radius-full);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;overflow:hidden}.profile-btn .profile-avatar img{width:100%;height:100%;object-fit:cover}.profile-btn .profile-avatar svg{color:var(--color-text-secondary)}.profile-btn .profile-info{text-align:left}.profile-btn .profile-info .profile-name{font-size:var(--font-size-xs);font-weight:var(--font-semibold);color:var(--color-text)}.profile-btn .profile-info .profile-role{font-size:10px;color:var(--color-text-muted)}.profile-btn .profile-arrow svg{width:14px;height:14px;color:var(--color-text-muted)}.profile-dropdown{position:relative}.profile-dropdown .profile-menu{position:absolute;top:calc(100% + var(--spacing-sm));right:0;min-width:300px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 12px 40px #00000026;padding:var(--spacing-sm);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--transition-fast);z-index:100}.profile-dropdown.open .profile-menu{opacity:1;visibility:visible;transform:translateY(0)}[data-theme=dark] .profile-dropdown .profile-menu{box-shadow:0 12px 40px #00000080}.pm-header{padding:12px}.pm-header-top{display:flex;align-items:center;gap:12px}.pm-header-avatar{width:40px;height:40px;border-radius:var(--radius-lg);overflow:hidden;flex-shrink:0;border:2px solid var(--color-border)}.pm-header-avatar img{width:100%;height:100%;object-fit:cover}.pm-header-avatar span{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:var(--font-bold);color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.pm-header-name{font-weight:var(--font-bold);font-size:14px;color:var(--color-text);line-height:1.3}.pm-header-plan{display:flex;align-items:center;gap:8px;margin-top:2px}.pm-plan-badge{display:inline-flex;padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-bold);line-height:1.4}.pm-plan-badge.pm-plan-trial{background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning)}.pm-plan-badge.pm-plan-pro{background:color-mix(in srgb,var(--color-accent) 15%,transparent);color:var(--color-accent)}.pm-plan-badge.pm-plan-tester{background:color-mix(in srgb,var(--color-info) 15%,transparent);color:var(--color-info)}.pm-plan-date{font-size:11px;color:var(--color-text-muted)}.pm-plan-alert{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;background:color-mix(in srgb,var(--color-error) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 25%,transparent);border-radius:var(--radius-md);color:var(--color-error);font-size:12px;font-weight:var(--font-semibold);text-decoration:none;transition:all var(--transition-fast)}.pm-plan-alert svg{width:16px;height:16px;flex-shrink:0}.pm-plan-alert:hover{background:color-mix(in srgb,var(--color-error) 15%,transparent)}.pm-section-label{padding:6px 12px 4px;font-size:10px;font-weight:var(--font-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.pm-item{display:flex;align-items:center;gap:10px;padding:7px 12px;border-radius:var(--radius-md);font-size:13px;color:var(--color-text);text-decoration:none;cursor:pointer;transition:all .1s ease;width:100%;border:none;background:none}.pm-item:hover .pm-item-arrow{opacity:1;transform:translate(2px)}.pm-item span{flex:1}.pm-item-icon{width:30px;height:30px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--transition-fast)}.pm-item-icon svg{width:15px;height:15px;color:var(--color-text-secondary)}.pm-item-icon.accent{background:color-mix(in srgb,var(--color-accent) 12%,transparent)}.pm-item-icon.accent svg{color:var(--color-accent)}.pm-item-icon.danger{background:color-mix(in srgb,var(--color-error) 12%,transparent)}.pm-item-icon.danger svg{color:var(--color-error)}.pm-item-arrow{width:14px;height:14px;color:var(--color-text-muted);opacity:0;flex-shrink:0;transition:all .15s ease}.pm-logout{color:var(--color-error);font-weight:var(--font-medium)}.pm-logout span{flex:none;text-align:left}.pm-logout:hover{background:color-mix(in srgb,var(--color-error) 8%,transparent)}.pm-divider{height:1px;background:var(--color-border);margin:6px 0}.header-logo{width:28px;height:28px;border-radius:var(--radius-full);object-fit:cover}.header-logo-placeholder{width:28px;height:28px;border-radius:var(--radius-full);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-bold);color:var(--color-text-secondary)}@media(max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.menu-toggle{display:flex}.sidebar-footer{padding-top:10px;padding-bottom:10px}}@media(min-width:768px){.page-content{margin-top:40px;padding-left:70px;padding-right:70px;padding-bottom:70px}}@media(max-width:768px){.main-content{max-width:100vw;overflow-x:hidden}.page-content{padding:var(--spacing-md);max-width:100%;overflow-x:hidden;box-sizing:border-box}.topbar{padding:0 var(--spacing-md);max-width:100vw;box-sizing:border-box}.profile-btn{padding:0;border:none;background:transparent}.profile-btn .profile-info,.profile-btn .profile-arrow{display:none}.profile-btn .profile-avatar{width:40px;height:40px;border:1px solid var(--color-border)}.profile-btn .header-logo{width:40px;height:40px}}.topbar-search{flex:1;max-width:520px;position:relative;margin:0 var(--spacing-lg)}@media(max-width:900px){.topbar-search{display:none}}.search-input-wrap{position:relative;display:flex;align-items:center;transition:all var(--transition-fast)}.search-input-wrap.search-focused .search-input{background:var(--color-bg-tertiary);background:var(--color-bg);border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 12%,transparent)}.search-input-wrap.search-focused .search-icon{color:var(--color-accent)}.search-icon{position:absolute;left:14px;width:16px;height:16px;color:var(--color-text-muted);pointer-events:none;transition:color var(--transition-fast)}.search-input{background:var(--color-bg-tertiary);width:100%;padding:10px 80px 10px 40px;border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text);font-size:var(--font-size-sm);transition:all var(--transition-fast);outline:none}.search-input::placeholder{color:var(--color-text-muted)}.search-kbd{position:absolute;right:12px;padding:3px 8px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:10px;color:var(--color-text-muted);font-family:inherit;pointer-events:none;line-height:1}.search-spinner{position:absolute;right:12px}.search-spinner svg{width:16px;height:16px;color:var(--color-accent);animation:spin 1s linear infinite}.search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 20px 60px -12px #00000040;z-index:100;overflow:hidden;animation:searchSlideIn .15s ease}@keyframes searchSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.search-section:not(:last-of-type){border-bottom:1px solid var(--color-border)}.search-section-header{display:flex;align-items:center;gap:8px;padding:10px 16px 6px;font-size:11px;font-weight:var(--font-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.search-section-header svg{width:13px;height:13px;opacity:.6}.search-section-count{margin-left:auto;padding:1px 7px;border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-bold)}.search-item{display:flex;align-items:center;gap:12px;padding:10px 16px;text-decoration:none;color:var(--color-text);transition:all .1s ease;cursor:pointer}.search-item:hover .search-item-arrow{opacity:1;transform:translate(2px)}.search-item:hover .search-item-badge.order{background:color-mix(in srgb,var(--color-accent) 22%,transparent)}.search-item:hover .search-item-badge.client{background:color-mix(in srgb,var(--color-info) 22%,transparent)}.search-item-badge{width:38px;height:38px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px;font-weight:var(--font-bold);transition:background var(--transition-fast)}.search-item-badge.order{background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent)}.search-item-badge.order svg{width:18px;height:18px}.search-item-badge.client{background:color-mix(in srgb,var(--color-info) 12%,transparent);color:var(--color-info)}.search-item-content{flex:1;min-width:0}.search-item-title{font-weight:var(--font-semibold);font-size:13px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-item-meta{font-size:12px;color:var(--color-text-muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-item-arrow{width:14px;height:14px;color:var(--color-text-muted);opacity:0;flex-shrink:0;transition:all .15s ease}.search-footer{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background:var(--color-bg-secondary);border-top:1px solid var(--color-border);font-size:11px;color:var(--color-text-muted)}.search-footer-hint{display:flex;align-items:center;gap:4px}.search-footer-hint kbd{padding:1px 5px;border:1px solid var(--color-border);border-radius:3px;font-size:10px;font-family:inherit}.search-empty-state{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 20px;text-align:center;color:var(--color-text-muted)}.search-empty-state svg{width:32px;height:32px;opacity:.3;margin-bottom:4px}.search-empty-state span{font-size:13px}.search-empty-state strong{color:var(--color-text)}.search-empty-hint{font-size:12px!important;opacity:.6}[data-theme=dark] .search-dropdown{box-shadow:0 20px 60px -12px #00000080;border-color:color-mix(in srgb,var(--color-border) 60%,transparent)}.quick-actions-wrap{position:relative}.quick-actions-btn{position:relative;width:42px;height:42px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-warning);cursor:pointer;transition:all var(--transition-fast)}.quick-actions-btn svg{width:18px;height:18px}.quick-actions-btn:hover{border-color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 10%,var(--color-bg-secondary));transform:translateY(-1px)}.quick-actions-btn .qa-count{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:var(--color-warning);color:#fff;font-size:10px;font-weight:var(--font-bold);border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-bg-secondary)}.quick-actions-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:300px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 12px 40px #00000026;z-index:100;overflow:hidden}.qa-header{padding:var(--spacing-md);font-weight:var(--font-bold);font-size:var(--font-size-sm);border-bottom:1px solid var(--color-border);color:var(--color-text-secondary)}.qa-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);text-decoration:none;color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-medium);transition:background var(--transition-fast);border-bottom:1px solid var(--color-border)}.qa-item:last-child{border-bottom:none}.qa-item:hover .qa-arrow{transform:translate(2px);color:var(--color-text)}.qa-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.qa-icon svg{width:16px;height:16px}.qa-icon.qa-warning{background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning)}.qa-icon.qa-info{background:color-mix(in srgb,var(--color-info) 15%,transparent);color:var(--color-info)}.qa-icon.qa-accent{background:color-mix(in srgb,var(--color-accent) 15%,transparent);color:var(--color-accent)}.qa-arrow{width:14px;height:14px;margin-left:auto;color:var(--color-text-muted);transition:all var(--transition-fast)}@media(max-width:900px){.desktop-only{display:none!important}}.mobile-only{display:none!important}@media(max-width:900px){.mobile-only{display:block!important}}.sidebar-qa{color:var(--color-warning)!important;font-size:var(--font-size-xs)!important}.sidebar-qa svg{color:var(--color-warning)}[data-theme=dark] .search-results,[data-theme=dark] .quick-actions-dropdown{box-shadow:0 12px 40px #0006}.sidebar-admin-dock{padding:var(--spacing-sm) var(--spacing-md);margin-top:auto;border-top:1px solid var(--color-border)}.admin-dock-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px 14px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-error) 12%,transparent),color-mix(in srgb,var(--color-warning) 8%,transparent));border:1px solid color-mix(in srgb,var(--color-error) 20%,transparent);border-radius:var(--radius-lg);color:var(--color-error);font-size:var(--font-size-sm);font-weight:var(--font-semibold);text-decoration:none;transition:all var(--transition-fast)}.admin-dock-btn svg{width:18px;height:18px;flex-shrink:0}.admin-dock-btn span:first-of-type{flex:1}.admin-dock-btn:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--color-error) 18%,transparent),color-mix(in srgb,var(--color-warning) 14%,transparent));transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--color-error) 20%,transparent)}.admin-dock-badge{padding:2px 6px;background:var(--color-error);color:#fff;border-radius:var(--radius-sm);font-size:9px;font-weight:var(--font-bold);letter-spacing:.5px}@media(max-width:900px){.reservations-table-desktop{display:none}}.reservations-cards-mobile{display:none}@media(max-width:900px){.reservations-cards-mobile{display:flex;flex-direction:column;gap:8px}}@media(max-width:900px){.bookings-table-desktop{display:none}}.bookings-cards-mobile{display:none}@media(max-width:900px){.bookings-cards-mobile{display:flex;flex-direction:column;gap:8px}}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:240px;background:var(--color-bg-secondary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:40}.admin-sidebar-header{padding:20px;border-bottom:1px solid var(--color-border)}.admin-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--color-error);font-size:16px;font-weight:var(--font-bold)}.admin-logo svg{width:24px;height:24px}.admin-nav{flex:1;padding:12px;display:flex;flex-direction:column;gap:2px}.admin-nav-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-lg);color:var(--color-text-secondary);text-decoration:none;font-size:13px;font-weight:var(--font-medium);transition:all var(--transition-fast)}.admin-nav-item svg{width:18px;height:18px;flex-shrink:0}.admin-nav-item:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.admin-nav-item.active{background:color-mix(in srgb,var(--color-error) 12%,transparent);color:var(--color-error);font-weight:var(--font-semibold)}.admin-sidebar-footer{padding:12px;border-top:1px solid var(--color-border)}.admin-back-btn{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-lg);color:var(--color-text-muted);text-decoration:none;font-size:13px;transition:all var(--transition-fast)}.admin-back-btn svg{width:16px;height:16px}.admin-back-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.admin-main{flex:1;margin-left:240px;display:flex;flex-direction:column}.admin-topbar{height:60px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:30}.admin-page-title{font-size:16px;font-weight:var(--font-bold)}.admin-topbar-right{display:flex;align-items:center;gap:12px}.admin-user{font-size:12px;color:var(--color-text-muted);padding:4px 12px;background:var(--color-bg-tertiary);border-radius:var(--radius-full)}.admin-content{flex:1;padding:24px}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.admin-stat-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:20px}.admin-stat-card .stat-label{font-size:12px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-semibold)}.admin-stat-card .stat-value{font-size:28px;font-weight:var(--font-bold);margin-top:4px;line-height:1}.admin-stat-card .stat-change{font-size:12px;margin-top:6px;color:var(--color-success)}.admin-table-wrap{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.admin-table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border)}.admin-table-header h3{font-size:15px;font-weight:var(--font-bold)}.admin-table{width:100%;border-collapse:collapse}.admin-table th{padding:10px 20px;text-align:left;font-size:11px;font-weight:var(--font-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary)}.admin-table td{padding:12px 20px;font-size:13px;border-bottom:1px solid var(--color-border)}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--color-bg-tertiary)}.admin-badge{display:inline-flex;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-bold)}.admin-badge.badge-pro{background:color-mix(in srgb,var(--color-accent) 15%,transparent);color:var(--color-accent)}.admin-badge.badge-trial{background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning)}.admin-badge.badge-tester{background:color-mix(in srgb,var(--color-info) 15%,transparent);color:var(--color-info)}.admin-badge.badge-expired{background:color-mix(in srgb,var(--color-error) 15%,transparent);color:var(--color-error)}.admin-badge.badge-active{background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success)}.auth-body{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-bg);color:var(--color-text);min-height:100vh;margin:0;padding:0}.auth-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;position:relative;overflow:hidden}@media(max-width:480px){.auth-page{padding:20px 16px;justify-content:flex-start}}@media(max-width:480px){.auth-page{padding:20px 16px;justify-content:center}}.auth-page .theme-toggle{position:fixed;top:20px;right:20px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;color:var(--color-text-muted);cursor:pointer;transition:all .2s ease;z-index:100}.auth-page .theme-toggle:hover{color:var(--color-text);border-color:var(--color-border-hover)}.auth-page .theme-toggle svg{width:20px;height:20px}.auth-page .theme-toggle .icon-moon{display:block}.auth-page .theme-toggle .icon-sun,[data-theme=light] .auth-page .theme-toggle .icon-moon{display:none}[data-theme=light] .auth-page .theme-toggle .icon-sun{display:block}@media(max-width:480px){.auth-page .theme-toggle{top:16px;right:16px;width:40px;height:40px}}.auth-bg{position:fixed;inset:0;pointer-events:none;z-index:0}.bg-gradient{position:absolute;border-radius:50%;filter:blur(120px);opacity:.07}.bg-gradient.bg-1{width:600px;height:600px;background:#fff;top:-200px;right:-200px;animation:pulse 8s ease-in-out infinite}.bg-gradient.bg-2{width:500px;height:500px;background:#fff;bottom:-150px;left:-150px;animation:pulse 8s ease-in-out infinite;animation-delay:-4s}@keyframes pulse{0%,to{opacity:.05;transform:scale(1)}50%{opacity:.1;transform:scale(1.1)}}.bg-noise{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03}.auth-card{width:100%;max-width:400px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:20px;padding:32px;position:relative;z-index:1;box-shadow:0 0 0 1px #ffffff08,0 20px 50px -20px #00000080}@media(max-width:480px){.auth-card{padding:28px 24px;border-radius:16px}}.auth-card.auth-card-wide{max-width:520px}.auth-logo{display:flex;justify-content:center;margin-bottom:24px}.auth-logo img{height:28px;width:auto}.auth-logo .logo-light{display:block}.auth-logo .logo-dark,[data-theme=light] .auth-logo .logo-light{display:none}[data-theme=light] .auth-logo .logo-dark{display:block}.auth-header{text-align:center;margin-bottom:24px}.auth-title{font-size:22px;font-weight:800;margin:0 0 6px;letter-spacing:-.3px;color:var(--color-text)}.auth-subtitle{font-size:14px;color:var(--color-text-muted);margin:0}.auth-alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:10px;font-size:13px;margin-bottom:20px}.auth-alert svg{width:18px;height:18px;flex-shrink:0;margin-top:1px}.auth-alert.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#22c55e}.auth-alert.error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444}.auth-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:480px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label:not(.checkbox){font-size:13px;font-weight:600;color:var(--color-text)}.form-group label:not(.checkbox) .label-optional{font-weight:400;color:var(--color-text-muted)}.form-group .checkbox{display:flex;flex-direction:row;align-items:center}.form-group .checkbox-mark{display:block}.form-input{width:100%;height:46px;padding:0 14px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:10px;font-family:Manrope,sans-serif;font-size:15px;color:var(--color-text);transition:all .2s ease}.form-input::placeholder{color:var(--color-text-muted)}.form-input:hover{border-color:var(--color-border-hover)}.form-input:focus{outline:none;border-color:var(--color-text);background:var(--color-bg-secondary)}.form-input.error{border-color:#ef4444}.form-input:disabled{opacity:.5;cursor:not-allowed}.input-password{position:relative}.input-password .form-input{padding-right:46px}.input-password .password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:8px;color:var(--color-text-muted);cursor:pointer;transition:all .2s ease}.input-password .password-toggle:hover{color:var(--color-text)}.input-password .password-toggle svg{width:18px;height:18px}.input-password .password-toggle .icon-eye-off{display:none}.password-strength{display:flex;align-items:center;gap:10px;margin-top:-20px;margin-bottom:20px}.strength-bar{flex:1;height:4px;background:var(--color-border);border-radius:2px;overflow:hidden}.strength-fill{height:100%;width:0%;border-radius:2px;transition:all .3s ease}.strength-text{font-size:11px;font-weight:600;min-width:50px;text-align:right}.checkbox{display:flex;align-items:flex-start;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox input{display:none}.checkbox .checkbox-mark{width:18px!important;height:18px!important;min-width:18px;border:2px solid var(--color-border);border-radius:5px;background:var(--color-bg-tertiary);position:relative;transition:all .2s ease;margin-top:1px;min-height:18px;flex-shrink:0}.checkbox .checkbox-mark:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;background:var(--color-text);border-radius:2px;transform:translate(-50%,-50%) scale(0);transition:transform .2s ease}.checkbox input:checked+.checkbox-mark{border-color:var(--color-text)}.checkbox input:checked+.checkbox-mark:after{transform:translate(-50%,-50%) scale(1)}.checkbox:hover .checkbox-mark{border-color:var(--color-border-hover)}.checkbox .checkbox-text{font-size:13px;color:var(--color-text-secondary);line-height:1.4}.checkbox .checkbox-text a{color:var(--color-text);text-decoration:underline}.checkbox .checkbox-text a:hover{text-decoration:none}.checkbox .checkbox-inline{margin-top:8px}.auth-options{display:flex;align-items:center;justify-content:space-between}.auth-options .checkbox .checkbox-text{font-size:13px}.link-forgot{font-size:13px;color:var(--color-text-muted);text-decoration:none;transition:color .2s ease}.link-forgot:hover{color:var(--color-text)}.btn-submit{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:46px;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;color:var(--color-bg);background:var(--color-text);border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;margin-top:8px}.btn-submit svg{width:18px;height:18px;transition:transform .2s ease}.btn-submit:hover{opacity:.9}.btn-submit:hover svg{transform:translate(4px)}.btn-submit:active{transform:scale(.98)}.auth-register{margin-top:24px}.register-user{text-align:center;font-size:13px;color:var(--color-text-muted);margin:0 0 16px}.register-user a{color:var(--color-text);font-weight:600;text-decoration:none}.register-user a:hover{text-decoration:underline}.register-divider{display:flex;align-items:center;gap:14px;margin-bottom:16px}.register-divider:before,.register-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.register-divider span{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.btn-studio{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:46px;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;color:var(--color-text);background:transparent;border:2px solid var(--color-border);border-radius:10px;cursor:pointer;text-decoration:none;transition:all .2s ease;position:relative}.btn-studio .btn-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);padding:3px 8px;font-size:9px;font-weight:700;letter-spacing:.5px;color:var(--color-bg);background:var(--color-text);border-radius:5px}.btn-studio svg{width:18px;height:18px;transition:transform .2s ease}.btn-studio:hover{border-color:var(--color-text);background:var(--color-bg-tertiary)}.btn-studio:hover svg{transform:translate(4px)}.register-choices{display:flex;flex-direction:column;gap:12px}.choice-card{display:flex;align-items:center;gap:14px;padding:16px;background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:12px;text-decoration:none;color:inherit;transition:all .2s ease;position:relative}.choice-card:hover{border-color:var(--color-text)}.choice-card:hover .choice-arrow svg{transform:translate(4px)}.choice-card.choice-studio{border-color:var(--color-text)}.choice-badge{position:absolute;top:-9px;right:14px;padding:3px 8px;font-size:9px;font-weight:700;letter-spacing:.5px;color:var(--color-bg);background:var(--color-text);border-radius:5px}.choice-icon{width:44px;height:44px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.choice-icon svg{width:22px;height:22px;color:var(--color-text-secondary)}.choice-content{flex:1;min-width:0}.choice-title{font-size:14px;font-weight:700;margin:0 0 2px;color:var(--color-text)}.choice-desc{font-size:12px;color:var(--color-text-muted);margin:0;line-height:1.4}.choice-arrow{flex-shrink:0;color:var(--color-text-muted)}.choice-arrow svg{width:18px;height:18px;transition:transform .2s ease}.auth-login-link{text-align:center;font-size:13px;color:var(--color-text-muted);margin:20px 0 0}.auth-login-link a{color:var(--color-text);font-weight:600;text-decoration:none}.auth-login-link a:hover{text-decoration:underline}.auth-links{margin-top:20px}.auth-links .auth-login-link{margin:8px 0 0}.auth-links .auth-login-link:first-child{margin-top:0}.auth-footer{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:400px;margin-top:24px;position:relative;z-index:1}.auth-footer.auth-footer-wide{max-width:520px}@media(max-width:480px){.auth-footer{flex-direction:column;gap:8px;text-align:center}}.footer-copy{font-size:11px;color:var(--color-text-muted)}.footer-links{display:flex;gap:16px}.footer-links a{font-size:11px;color:var(--color-text-muted);text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:var(--color-text)}[data-theme=light] .auth-card{box-shadow:0 0 0 1px #0000000d,0 20px 50px -20px #00000026}[data-theme=light] .bg-gradient{background:#000;opacity:.03}[data-theme=light] .form-input{background:#fff}[data-theme=light] .form-input:focus{background:#fff}[data-theme=light] .choice-card{background:#fff}[data-theme=light] .choice-icon{background:var(--color-bg)}.dashboard-grid{display:grid;grid-template-columns:1fr 380px;gap:var(--spacing-lg)}@media(max-width:1200px){.dashboard-grid{grid-template-columns:1fr;display:flex;flex-direction:column}}.dashboard-main{display:flex;flex-direction:column;gap:var(--spacing-lg);min-width:0;overflow:hidden}@media(max-width:1200px){.dashboard-main{display:contents}}.dashboard-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg)}@media(max-width:1200px){.dashboard-sidebar{display:contents}}@media(max-width:1200px){.dashboard-sidebar>.glass-card:nth-child(1){order:1}.dashboard-sidebar>.glass-card:nth-child(2){order:2}.dashboard-sidebar>.glass-card:nth-child(3){order:6}.dashboard-main>.glass-card:nth-child(1){order:3}.dashboard-main>.glass-card:nth-child(2){order:4}.dashboard-main>.glass-card:nth-child(3){order:5}}.card-highlight{border-color:var(--color-warning);box-shadow:0 0 0 1px var(--color-warning-bg)}.table-wrapper{overflow-x:auto;margin:0 calc(-1 * var(--spacing-lg));padding:0 var(--spacing-lg)}@media(max-width:768px){.table-wrapper{display:none}}.order-cards{display:none;flex-direction:column;gap:var(--spacing-sm)}@media(max-width:768px){.order-cards{display:flex}}.order-card{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all var(--transition-fast)}.order-card:hover{border-color:var(--color-border-hover)}.order-card .order-card-header{display:flex;justify-content:space-between;align-items:center}.order-card .order-card-client{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:var(--font-semibold)}.order-card .order-card-amount{font-weight:var(--font-bold)}.order-card .order-card-vehicle{font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.order-card .order-card-service{font-size:var(--font-size-sm);color:var(--color-text-muted)}.order-card .order-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}@media(max-width:768px){.hide-mobile{display:none!important}}.revenue-stats{display:flex;gap:var(--spacing-xl);margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-lg)}@media(max-width:600px){.revenue-stats{flex-direction:column;gap:var(--spacing-sm)}}.revenue-stats .stat{display:flex;flex-direction:column;gap:2px}@media(max-width:600px){.revenue-stats .stat{flex-direction:row;justify-content:space-between;align-items:center}}.revenue-stats .stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.revenue-stats .stat-value{font-size:var(--font-size-xl);font-weight:var(--font-extrabold)}@media(max-width:600px){.revenue-stats .stat-value{font-size:var(--font-size-lg)}}.revenue-stats .stat.income .stat-value{color:var(--color-success)}.revenue-stats .stat.expense .stat-value{color:var(--color-text-secondary)}.revenue-stats .stat.profit .stat-value{color:var(--color-success)}.revenue-stats .stat.loss .stat-value{color:var(--color-error)}.schedule-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all var(--transition-fast)}.schedule-item:hover{border-color:var(--color-border-hover);transform:translate(4px)}.schedule-item .schedule-time{min-width:50px;padding-right:var(--spacing-md);border-right:2px solid var(--color-text-muted)}.schedule-item .schedule-time .time{font-size:var(--font-size-lg);font-weight:var(--font-bold)}.schedule-item .schedule-content{flex:1;min-width:0}.schedule-item .schedule-title{font-weight:var(--font-semibold);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-item .schedule-meta{font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.reservation-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all var(--transition-fast)}.reservation-card:hover{border-color:var(--color-border-hover)}.reservation-card .reservation-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.reservation-card .reservation-client{font-weight:var(--font-semibold)}.reservation-card .reservation-service{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.reservation-card .reservation-details{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.reservation-card .reservation-details .detail-item{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.reservation-card .reservation-details .detail-item svg{width:14px;height:14px}.reservation-card .reservation-details .detail-item.phone{color:var(--color-text);font-weight:var(--font-medium)}.reservation-card .reservation-details .detail-item.phone a:hover{text-decoration:underline}.reservation-card .reservation-actions{display:flex;gap:var(--spacing-sm)}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-dot.dot-order{background:var(--color-info)}.legend-dot.dot-reservation{background:var(--color-success)}.legend-dot.dot-blocked{background:var(--color-text-muted)}.notification-btn{position:relative;width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast)}.notification-btn:hover{border-color:var(--color-border-hover)}.notification-btn svg{width:20px;height:20px}.notification-btn .notification-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--color-error);border-radius:50%;border:2px solid var(--color-bg-secondary)}.chart-container{position:relative;height:240px;width:100%}@media(max-width:600px){.chart-container{height:180px}}.chart-container-sm,.chart-sm{height:160px}.stats-page{display:flex;flex-direction:column;gap:var(--spacing-lg)}.stats-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.stats-period-selector{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}@media(max-width:768px){.stats-period-selector{flex-direction:column;align-items:flex-start;gap:var(--spacing-md);width:100%}}.period-tabs{display:flex;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:4px}@media(max-width:768px){.period-tabs{width:100%}}.period-tab{padding:8px 16px;font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.period-tab:hover{color:var(--color-text)}.period-tab.active{background:var(--color-text);color:var(--color-bg)}@media(max-width:768px){.period-tab{flex:1;padding:10px 8px}}.period-nav{display:flex;align-items:center;gap:var(--spacing-sm)}.nav-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.nav-btn:hover:not(.disabled){border-color:var(--color-border-hover);background:var(--color-bg-tertiary)}.nav-btn.disabled{opacity:.3;cursor:not-allowed}.period-label{min-width:160px;padding:8px 16px;font-size:var(--font-size-sm);font-weight:var(--font-semibold);color:var(--color-text);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:all var(--transition-fast)}.period-label:hover{border-color:var(--color-border-hover)}.stats-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}@media(max-width:1024px){.stats-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.stats-metrics{grid-template-columns:1fr}}.metric-card{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);position:relative}.metric-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:var(--radius-md);flex-shrink:0}.metric-icon svg{width:22px;height:22px;color:var(--color-text-secondary)}.metric-icon.icon-success{background:var(--color-success-bg)}.metric-icon.icon-success svg{color:var(--color-success)}.metric-icon.icon-warning{background:var(--color-warning-bg)}.metric-icon.icon-warning svg{color:var(--color-warning)}.metric-icon.icon-error{background:var(--color-error-bg)}.metric-icon.icon-error svg{color:var(--color-error)}.metric-content{flex:1;min-width:0}.metric-value{font-size:var(--font-size-2xl);font-weight:var(--font-extrabold);line-height:1.2}.metric-value span{font-size:var(--font-size-lg);font-weight:var(--font-semibold);color:var(--color-text-secondary)}.metric-value.text-error{color:var(--color-error)}.metric-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:2px}.metric-change{position:absolute;top:var(--spacing-md);right:var(--spacing-md);padding:4px 10px;font-size:var(--font-size-xs);font-weight:var(--font-bold);border-radius:var(--radius-full)}.metric-change.positive{background:var(--color-success-bg);color:var(--color-success)}.metric-change.negative{background:var(--color-error-bg);color:var(--color-error)}.stats-charts{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}@media(max-width:900px){.stats-charts{grid-template-columns:1fr}}.chart-container{height:220px}@media(max-width:480px){.chart-container{height:180px}}.status-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.status-row{display:grid;grid-template-columns:120px 1fr 40px;align-items:center;gap:var(--spacing-md)}@media(max-width:480px){.status-row{grid-template-columns:90px 1fr 35px;gap:var(--spacing-sm)}}.status-bar{height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.status-fill{height:100%;border-radius:var(--radius-full);transition:width .5s ease}.status-fill.fill-info{background:var(--color-info)}.status-fill.fill-success{background:var(--color-success)}.status-fill.fill-warning{background:var(--color-warning)}.status-fill.fill-ghost{background:var(--color-text-muted)}.status-fill.fill-error{background:var(--color-error)}.status-count{font-weight:var(--font-bold);font-size:var(--font-size-sm);text-align:right;color:var(--color-text-secondary)}.loyalty-wrapper{display:flex;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-md) 0}@media(max-width:480px){.loyalty-wrapper{flex-direction:column}}.loyalty-donut{position:relative;width:120px;height:120px;flex-shrink:0}.loyalty-donut svg{width:100%;height:100%}.donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.donut-value{display:block;font-size:var(--font-size-xl);font-weight:var(--font-extrabold);line-height:1}.donut-label{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.loyalty-legend{display:flex;flex-direction:column;gap:var(--spacing-sm)}.legend-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm)}.legend-dot{width:12px;height:12px;border-radius:var(--radius-full)}.legend-dot.dark{background:var(--color-text)}.legend-dot.light{background:var(--color-bg-tertiary)}.legend-text{color:var(--color-text-secondary)}.legend-value{font-weight:var(--font-bold);margin-left:auto}.ranking-list{display:flex;flex-direction:column}.ranking-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.ranking-item:last-child{border-bottom:none}.ranking-pos{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-bold);color:var(--color-text-secondary);flex-shrink:0}.ranking-info{flex:1;min-width:0}.ranking-name{display:block;font-weight:var(--font-medium);font-size:var(--font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-meta{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted)}.ranking-value{font-weight:var(--font-bold);font-size:var(--font-size-sm);white-space:nowrap}.empty-state{padding:var(--spacing-xl);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.calendar-page{display:flex;flex-direction:column;gap:var(--spacing-lg)}.calendar-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}@media(max-width:768px){.calendar-header{flex-direction:column;align-items:stretch}}.calendar-nav-section{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}@media(max-width:768px){.calendar-nav-section{flex-direction:column;gap:var(--spacing-md);width:100%}}.view-tabs{display:flex;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:4px}@media(max-width:768px){.view-tabs{width:100%}}.view-tab{padding:10px 20px;font-size:var(--font-size-sm);font-weight:var(--font-semibold);color:var(--color-text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.view-tab:hover:not(.active){color:var(--color-text);background:var(--color-bg-tertiary)}.view-tab.active{background:var(--color-text);color:var(--color-bg);box-shadow:0 2px 8px #00000026}@media(max-width:768px){.view-tab{flex:1;text-align:center;padding:10px 8px}}.period-nav{display:flex;align-items:center;gap:var(--spacing-xs)}@media(max-width:768px){.period-nav{width:100%;justify-content:space-between}}.nav-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.nav-btn svg{width:18px;height:18px}.nav-btn:hover{border-color:var(--color-border-hover);background:var(--color-bg-tertiary);transform:translateY(-1px)}.period-label{min-width:200px;padding:10px 20px;font-size:var(--font-size-sm);font-weight:var(--font-bold);color:var(--color-text);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--transition-fast);letter-spacing:.3px}.period-label:hover{border-color:var(--color-border-hover);background:var(--color-bg-tertiary)}@media(max-width:768px){.period-label{flex:1}}.calendar-actions{display:flex;align-items:center;gap:var(--spacing-md)}.calendar-actions .form-select{padding:10px 36px 10px 14px;font-size:var(--font-size-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text);cursor:pointer;min-width:180px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 5.646a.5.5 0 0 1 .708 0L8 8.293l2.646-2.647a.5.5 0 0 1 .708.708l-3 3a.5.5 0 0 1-.708 0l-3-3a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}@media(max-width:768px){.calendar-actions{width:100%;justify-content:space-between}.calendar-actions .form-select{min-width:auto;flex:1}}@media(max-width:480px){.btn-text{display:none}}.week-view{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 24px #0000000f}@media(max-width:900px){.week-view{display:none}}.week-header{display:grid;grid-template-columns:60px repeat(7,1fr);border-bottom:2px solid var(--color-border);position:sticky;top:0;background:var(--color-bg-secondary);z-index:10}.week-time-spacer{border-right:1px solid var(--color-border)}.week-day-header{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-md) var(--spacing-sm);border-left:1px solid var(--color-border);gap:4px;transition:background var(--transition-fast)}.week-day-header.today{background:color-mix(in srgb,var(--color-info) 8%,transparent)}.week-day-header.today .day-name{color:var(--color-info);font-weight:var(--font-bold)}.week-day-header.weekend{background:var(--color-bg-tertiary)}.week-day-header .day-name{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;font-weight:var(--font-medium)}.week-day-header .day-number{font-size:var(--font-size-xl);font-weight:var(--font-bold);line-height:1}.week-day-header .day-number.today-badge{width:36px;height:36px;background:var(--color-info);color:#fff;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px color-mix(in srgb,var(--color-info) 40%,transparent);font-size:var(--font-size-lg)}.week-day-header .day-count{font-size:10px;color:var(--color-text-secondary);background:var(--color-bg-tertiary);padding:2px 8px;border-radius:var(--radius-full);font-weight:var(--font-bold)}.week-grid{display:grid;grid-template-columns:60px repeat(7,1fr);max-height:calc(100vh - 140px);overflow-y:auto;position:relative}.week-grid::-webkit-scrollbar{width:6px}.week-grid::-webkit-scrollbar-track{background:transparent}.week-grid::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.week-times{border-right:1px solid var(--color-border)}.hour-label{height:56px;display:flex;align-items:flex-start;justify-content:flex-end;padding:4px var(--spacing-sm) 0 0;font-size:11px;color:var(--color-text-muted);border-top:1px solid var(--color-border);font-weight:var(--font-medium);font-variant-numeric:tabular-nums}.week-day-column{border-left:1px solid var(--color-border)}.week-day-column.today{background:color-mix(in srgb,var(--color-info) 3%,transparent)}.week-day-column.weekend{background:color-mix(in srgb,var(--color-bg-tertiary) 50%,transparent)}.hour-cell{height:56px;border-top:1px solid var(--color-border);position:relative;padding:2px 3px}.hour-cell:hover{background:color-mix(in srgb,var(--color-info) 4%,transparent)}.event-card{display:block;padding:6px 8px;margin-bottom:2px;background:color-mix(in srgb,var(--ws-color) 10%,var(--color-bg));border-left:3px solid var(--ws-color);border-radius:var(--radius-sm);font-size:11px;text-decoration:none;color:var(--color-text);overflow:hidden;transition:all .15s ease;position:relative}.event-card:hover{background:color-mix(in srgb,var(--ws-color) 20%,var(--color-bg));box-shadow:0 2px 8px color-mix(in srgb,var(--ws-color) 20%,transparent);z-index:5}.event-card.event-reservation{border-left-style:dashed;opacity:.8}.event-card .event-card-line{display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden}.event-card .event-time{font-weight:var(--font-bold);color:var(--ws-color);font-size:10px;flex-shrink:0}.event-card .event-title{font-weight:var(--font-semibold);overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.event-card .event-service{font-size:10px;color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;flex-shrink:2;min-width:0}.event-card .event-status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;margin-left:auto}.event-card .event-status-dot.event-status-info{background:var(--color-info)}.event-card .event-status-dot.event-status-primary{background:var(--color-accent)}.event-card .event-status-dot.event-status-warning{background:var(--color-warning)}.event-card .event-status-dot.event-status-success{background:var(--color-success)}.event-card .event-status-dot.event-status-error{background:var(--color-error)}.event-card .event-status-dot.event-status-muted,.event-card .event-status-dot.event-status-default{background:var(--color-text-muted)}.event-group{position:relative}.event-group-toggle{display:block;width:100%;padding:6px 8px;background:color-mix(in srgb,var(--ws-color) 15%,var(--color-bg));border-radius:var(--radius-sm);border:none;border-left:3px solid var(--ws-color);font-size:11px;color:var(--color-text);cursor:pointer;transition:all .15s ease;text-align:left}.event-group-toggle:hover{background:color-mix(in srgb,var(--ws-color) 22%,var(--color-bg))}.event-group-toggle .event-card-line{display:flex;align-items:center;gap:6px;white-space:nowrap}.event-group-toggle .event-time{font-weight:var(--font-bold);color:var(--ws-color);font-size:10px;flex-shrink:0}.event-group-toggle .event-group-count{font-weight:var(--font-bold);font-size:11px}.event-group-toggle .event-group-chevron{width:12px;height:12px;margin-left:auto;flex-shrink:0;transition:transform .2s ease;color:var(--color-text-muted)}.event-group-toggle .event-group-chevron.rotated{transform:rotate(180deg)}.event-group-dropdown{position:absolute;top:100%;left:-1px;right:-1px;z-index:20;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000026;padding:4px;display:flex;flex-direction:column;gap:2px;min-width:200px}.event-group-dropdown .event-card{border-radius:var(--radius-sm)}.event-group-dropdown .event-card:hover{transform:none;background:color-mix(in srgb,var(--ws-color) 18%,var(--color-bg))}[data-theme=dark] .event-group-dropdown{box-shadow:0 8px 24px #0006}.mobile-events-list{display:none;flex-direction:column;gap:var(--spacing-lg)}@media(max-width:900px){.mobile-events-list{display:flex}}.mobile-day-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.mobile-day-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.mobile-day-header.today{border-color:var(--color-info);background:color-mix(in srgb,var(--color-info) 8%,var(--color-bg-secondary))}.mobile-day-header.today .mobile-day-name{color:var(--color-info);font-weight:var(--font-bold)}.mobile-day-header .mobile-day-name{font-weight:var(--font-semibold);color:var(--color-text)}.mobile-day-header .mobile-day-date{font-size:var(--font-size-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.event-card-full{display:flex;align-items:stretch;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;text-decoration:none;color:var(--color-text);transition:all .25s ease}.event-card-full:hover{border-color:var(--color-border-hover);transform:translate(6px);box-shadow:0 8px 24px #00000014}.event-card-full:hover .event-arrow{color:var(--color-text);transform:translate(2px)}.event-ws-indicator{width:5px;flex-shrink:0}.event-main{flex:1;padding:var(--spacing-md) var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:0}.event-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm)}.event-time-box{display:flex;flex-direction:column}.event-time-box .event-time-text{font-size:var(--font-size-xl);font-weight:var(--font-bold);font-variant-numeric:tabular-nums}.event-time-box .event-duration{font-size:var(--font-size-xs);color:var(--color-text-muted)}.event-body{display:flex;flex-direction:column;gap:var(--spacing-xs)}.event-title-row{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.event-title-row .event-title{font-size:var(--font-size-md);font-weight:var(--font-bold);margin:0}.event-title-row .event-plate{padding:3px 10px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-family:monospace;font-weight:var(--font-bold);letter-spacing:.5px}.event-details{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.event-detail{display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.event-detail svg{width:14px;height:14px;flex-shrink:0;opacity:.6}.event-footer{display:flex;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border);margin-top:auto}.event-workstation{display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.event-workstation .ws-dot{width:10px;height:10px;border-radius:var(--radius-full);box-shadow:0 1px 3px #0003}.event-price{font-weight:var(--font-bold);font-size:var(--font-size-sm);color:var(--color-success)}.event-type{margin-left:auto;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-semibold)}.event-type.order{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.event-type.reservation{background:color-mix(in srgb,var(--color-info) 15%,transparent);color:var(--color-info)}.event-arrow{display:flex;align-items:center;padding:0 var(--spacing-md);color:var(--color-text-muted);transition:all var(--transition-fast)}.event-arrow svg{width:18px;height:18px}.month-view{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 4px 24px #0000000f}.month-weekdays{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:2px solid var(--color-border);background:var(--color-bg-tertiary)}.weekday-name{padding:var(--spacing-sm) var(--spacing-xs);text-align:center;font-size:var(--font-size-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.weekday-name:nth-child(6),.weekday-name:nth-child(7){color:var(--color-text-secondary)}.month-grid{display:grid;grid-template-columns:repeat(7,1fr)}.month-day{min-height:100px;padding:var(--spacing-sm);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);cursor:pointer;transition:all .2s ease;position:relative}.month-day:nth-child(7n){border-right:none}.month-day:hover{background:color-mix(in srgb,var(--color-info) 5%,transparent)}.month-day.other-month{opacity:.25}.month-day.weekend{background:var(--color-bg-tertiary)}.month-day.today{background:color-mix(in srgb,var(--color-info) 8%,transparent)}.month-day.today:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--color-info);border-radius:3px 3px 0 0}.month-day.selected{background:color-mix(in srgb,var(--color-info) 12%,transparent);box-shadow:inset 0 0 0 2px var(--color-info);border-radius:2px}.month-day.has-events .month-day-number:not(.today-badge){font-weight:var(--font-bold)}@media(max-width:768px){.month-day{min-height:60px;padding:4px}}.month-day-number{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:var(--font-size-sm);font-weight:var(--font-medium);border-radius:var(--radius-full);transition:all var(--transition-fast)}.month-day-number.today-badge{background:var(--color-info);color:#fff;font-weight:var(--font-bold);box-shadow:0 2px 8px color-mix(in srgb,var(--color-info) 40%,transparent)}@media(max-width:768px){.month-day-number{width:24px;height:24px;font-size:var(--font-size-xs)}}.month-day-events{display:flex;flex-wrap:wrap;gap:4px;margin-top:var(--spacing-xs)}.month-event-dot{width:8px;height:8px;border-radius:var(--radius-full);box-shadow:0 1px 3px #0003;transition:transform var(--transition-fast)}.month-event-dot:hover{transform:scale(1.4)}.more-events{font-size:10px;color:var(--color-text-muted);font-weight:var(--font-bold)}.selected-day-panel{margin-top:var(--spacing-lg);animation:panelSlideIn .3s ease}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.selected-day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.selected-day-header h3{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-bold)}.close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.close-btn:hover{background:var(--color-error);border-color:var(--color-error);color:#fff}.close-btn svg{width:16px;height:16px}.selected-day-events{display:flex;flex-direction:column;gap:var(--spacing-sm)}.empty-day{text-align:center;padding:var(--spacing-xl) var(--spacing-lg);color:var(--color-text-muted)}.empty-day p{margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.year-view{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}@media(max-width:1200px){.year-view{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.year-view{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.year-view{grid-template-columns:1fr}}.year-month{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-md);cursor:pointer;transition:all .25s ease}.year-month:hover{border-color:var(--color-border-hover);transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.year-month-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.year-month-name{font-weight:var(--font-bold);font-size:var(--font-size-sm)}.year-month-count{font-size:10px;font-weight:var(--font-bold);padding:3px 8px;background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success);border-radius:var(--radius-full)}.year-month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.year-weekday{font-size:9px;text-align:center;color:var(--color-text-muted);padding:2px 0;font-weight:var(--font-medium)}.year-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:10px;border-radius:4px;color:var(--color-text-secondary);transition:all var(--transition-fast)}.year-day.other{color:transparent}.year-day.today{background:var(--color-info);color:#fff;font-weight:var(--font-bold);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-info) 30%,transparent)}.year-day.has-events{color:#fff;font-weight:var(--font-bold)}.year-day.has-events.intensity-1{background:color-mix(in srgb,var(--color-success) 40%,transparent);color:var(--color-success)}.year-day.has-events.intensity-2{background:color-mix(in srgb,var(--color-success) 60%,transparent);color:#fff}.year-day.has-events.intensity-3{background:var(--color-warning);color:#fff}.year-day.has-events.intensity-4{background:color-mix(in srgb,var(--color-warning) 80%,var(--color-error));color:#fff}.year-day.has-events.intensity-5{background:var(--color-error);color:#fff}[data-theme=dark] .week-view,[data-theme=dark] .month-view{box-shadow:0 4px 24px #0003}[data-theme=dark] .year-month:hover{box-shadow:0 8px 24px #0000004d}[data-theme=dark] .event-card-full:hover{box-shadow:0 8px 24px #00000040}[data-theme=dark] .today-stats{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.workstation-legend{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.legend-item{display:flex;align-items:center;gap:var(--spacing-xs)}.legend-color{width:12px;height:12px;border-radius:var(--radius-sm);box-shadow:0 1px 3px #00000026}.legend-name{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-medium)}.status-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.status-tab:hover{background:var(--color-bg-tertiary)}.status-tab.active{background:var(--color-bg);color:var(--color-text);box-shadow:0 1px 3px #0000001a}.status-tab .count{background:var(--color-bg-tertiary);padding:2px 8px;border-radius:10px;font-size:var(--font-size-xs)}.status-tab.active .count{background:var(--color-bg-secondary)}.dot{width:8px;height:8px;border-radius:50%}.dot.dot-info{background:var(--color-info)}.dot.dot-primary{background:var(--color-accent)}.dot.dot-warning{background:var(--color-warning)}.dot.dot-success{background:var(--color-success)}.dot.dot-muted{background:var(--color-text-muted)}.search-box{position:relative;display:flex;align-items:center}.search-box>svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--color-text-muted);pointer-events:none;z-index:1}.search-box .form-input{padding-left:44px}.stepper{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg) 0}.step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.step .step-number{width:36px;height:36px;border-radius:50%;background:var(--color-bg-tertiary);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-weight:var(--font-semibold);color:var(--color-text-muted);transition:all var(--transition-fast)}.step .step-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.step.active .step-number{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg)}.step.active .step-label{color:var(--color-text)}.step.completed .step-number{background:var(--color-success);border-color:var(--color-success);color:#fff}.step-line{width:60px;height:2px;background:var(--color-border);margin:0 var(--spacing-sm);margin-bottom:24px}.step-line.active{background:var(--color-success)}.stepper-nav{display:flex;justify-content:space-between;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.selected-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);border:2px solid var(--color-success)}.search-results{display:flex;flex-direction:column;gap:var(--spacing-xs);max-height:300px;overflow-y:auto}.search-result-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.search-result-item:hover{border-color:var(--color-text-muted);background:var(--color-bg-secondary)}.vehicles-select-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md)}.vehicle-select-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:center}.vehicle-select-card:hover{border-color:var(--color-text-muted)}.vehicle-select-card.selected{border-color:var(--color-success);background:color-mix(in srgb,var(--color-success) 10%,var(--color-bg-tertiary))}.vehicle-select-card .vehicle-icon{width:48px;height:48px;background:var(--color-bg-secondary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.vehicle-select-card .vehicle-icon svg{width:24px;height:24px;color:var(--color-text-muted)}.vehicle-select-card .vehicle-name{font-weight:var(--font-semibold)}.service-category-group{margin-bottom:var(--spacing-lg)}.service-category-group:last-child{margin-bottom:0}.service-category-group .category-title{font-size:var(--font-size-sm);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-md) 0 var(--spacing-sm);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md)}.services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-sm)}.service-card{display:flex;flex-direction:column;padding:var(--spacing-md);background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.service-card:hover{border-color:var(--color-text-muted)}.service-card.selected{border-color:var(--color-success);background:color-mix(in srgb,var(--color-success) 5%,var(--color-bg-tertiary))}.service-card .service-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.service-card .service-check{width:22px;height:22px;border:2px solid var(--color-border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-fast)}.service-card .service-check svg{width:14px;height:14px;color:var(--color-success)}.service-card.selected .service-check{border-color:var(--color-success);background:var(--color-success)}.service-card.selected .service-check svg{color:#fff}.service-card .service-name{font-weight:var(--font-medium);font-size:var(--font-size-md)}.service-card .service-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.service-card .service-duration{font-size:var(--font-size-sm);color:var(--color-text-muted)}.service-card .service-price{font-weight:var(--font-semibold);color:var(--color-text)}.price-input{width:100px;padding:6px var(--spacing-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-semibold);color:var(--color-text);text-align:right;transition:all var(--transition-fast)}.price-input:focus{outline:none;border-color:var(--color-text);background:var(--color-bg-secondary)}.price-input::-webkit-inner-spin-button,.price-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.price-input{-moz-appearance:textfield;appearance:textfield}.total-bar{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);border:1px solid var(--color-border);font-size:var(--font-size-lg)}.total-bar strong{font-size:var(--font-size-xl);font-weight:var(--font-extrabold)}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}@media(max-width:600px){.summary-grid{grid-template-columns:1fr}}.summary-section h4{font-size:var(--font-size-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.summary-section.full-width{grid-column:1/-1}.order-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md)}.order-header .order-info{display:flex;align-items:center;gap:var(--spacing-md)}.order-header .order-info h2{margin:0;font-size:var(--font-size-xl)}.order-header .order-actions{display:flex;gap:var(--spacing-sm)}.badge-lg{padding:6px 14px;font-size:var(--font-size-sm)}.note-block{padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.note-block .note-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;margin-bottom:var(--spacing-xs)}.note-block p{margin:0}.note-block.internal{border-left:3px solid var(--color-warning)}.note-block:last-child{margin-bottom:0}.timeline{position:relative;padding-left:24px}.timeline:before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:2px;background:var(--color-border)}.timeline-item{position:relative;padding-bottom:var(--spacing-md)}.timeline-item:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:-24px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--color-bg);border:2px solid var(--color-text-muted)}.timeline-item:first-child .timeline-dot{border-color:var(--color-success);background:var(--color-success)}.timeline-content .timeline-status{font-weight:var(--font-medium)}.timeline-content .timeline-meta{font-size:var(--font-size-xs);color:var(--color-text-muted)}.timeline-content .timeline-note{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:4px}.text-lg{font-size:var(--font-size-lg)}@media(max-width:768px){.orders-table-desktop{display:none}.orders-cards-mobile{display:flex;flex-direction:column;gap:var(--spacing-sm)}.status-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.status-tabs .status-tab{white-space:nowrap;flex-shrink:0}.page-actions{margin-bottom:var(--spacing-md)}.page-actions .btn{width:100%;justify-content:center}.order-header{flex-direction:column;align-items:flex-start}.stepper{flex-wrap:wrap;gap:var(--spacing-sm)}.step-line{width:30px;margin-bottom:20px}.services-grid{grid-template-columns:1fr}}@media(min-width:769px){.orders-table-desktop{display:block}.orders-cards-mobile{display:none}}.order-card-mobile{display:flex;flex-direction:column;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);gap:var(--spacing-sm);text-decoration:none;color:inherit;transition:all var(--transition-fast)}.order-card-mobile:active{transform:scale(.98);opacity:.9}.order-card-header-mobile{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.order-number-mobile{font-family:monospace;font-weight:var(--font-bold);font-size:var(--font-size-md)}.order-client-mobile{display:flex;align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.order-details-mobile{display:flex;flex-direction:column;gap:var(--spacing-xs)}.order-detail-row{display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.order-detail-row svg{width:14px;height:14px;flex-shrink:0;color:var(--color-text-muted)}.order-detail-row .license-plate.small{margin-left:var(--spacing-xs)}.order-footer-mobile{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-sm);border-top:1px solid var(--color-border);margin-top:var(--spacing-xs)}.order-total-mobile{font-size:var(--font-size-xl);font-weight:var(--font-extrabold);color:var(--color-text)}.order-hero{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);flex-wrap:wrap}.order-hero-left{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.order-number{font-size:1.5rem;font-weight:800;color:var(--color-text);letter-spacing:-.5px}.order-hero-right{display:flex;gap:var(--spacing-sm)}.page-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-sm)}.page-header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.order-main-card{padding:0!important;overflow:hidden}.order-main-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-bg-tertiary) 0%,transparent 100%);flex-wrap:wrap;gap:var(--spacing-md)}.order-id-section{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.order-id{font-size:1.5rem;font-weight:800;color:var(--color-text);letter-spacing:-.5px}.order-separator{height:1px;background:var(--color-border)}.order-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);padding:var(--spacing-lg)}.order-info-col{display:flex;flex-direction:column;gap:var(--spacing-sm)}.order-info-row{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:all var(--transition-fast)}.order-info-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-bg-tertiary);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0}.order-info-icon svg{width:18px;height:18px}.order-info-content{display:flex;flex-direction:column;gap:2px;min-width:0}.order-info-label{font-size:10px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.order-info-value{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.order-info-value.editable{cursor:pointer}.order-info-value.editable:hover{color:var(--color-accent)}.order-info-sub{font-size:var(--font-size-xs);color:var(--color-text-muted)}.order-info-plate{display:inline-block;padding:2px 6px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:10px;font-weight:700;font-family:monospace;letter-spacing:1px}.ws-select-input{width:100%;max-width:200px;padding:6px 30px 6px 10px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.ws-select-input:focus{outline:none;border-color:var(--color-accent)}.ws-select-input:hover{border-color:var(--color-accent)}.action-buttons{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.order-meta-footer{text-align:center;padding:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-muted)}@media(max-width:768px){.order-info-grid{grid-template-columns:1fr}.order-main-header{flex-direction:column;align-items:stretch}.order-main-action .btn{width:100%;justify-content:center}}.detail-label{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.detail-label svg{opacity:.6}.detail-value{font-size:var(--font-size-base);color:var(--color-text);display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.detail-link{color:var(--color-accent);font-weight:600;text-decoration:none}.detail-link:hover{text-decoration:underline}.detail-sub{font-size:var(--font-size-sm);color:var(--color-text-muted)}.detail-editable{cursor:pointer}.detail-editable:hover .editable-text{background:var(--color-bg-tertiary)}.editable-text{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;margin:-4px -8px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.edit-icon{width:12px;height:12px;opacity:.4}.inline-edit input{width:100%;max-width:220px}.inline-select{display:flex;align-items:center;gap:8px}.form-select-inline{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:6px 10px;font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer}.form-select-inline:focus{outline:none;border-color:var(--color-accent)}.services-list{display:flex;flex-direction:column;gap:2px;margin-top:var(--spacing-md)}.service-item{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.service-item:first-child{border-radius:var(--radius-md) var(--radius-md) 4px 4px}.service-item:last-child{border-radius:4px 4px var(--radius-md) var(--radius-md)}.service-item:only-child{border-radius:var(--radius-md)}.service-info{flex:1}.service-name{font-weight:600;color:var(--color-text)}.service-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:2px}.service-warranty{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:3px 8px;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;color:var(--color-success)}.service-price{font-weight:700;font-size:var(--font-size-lg);color:var(--color-text);white-space:nowrap}.services-total{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);margin-top:var(--spacing-sm);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-weight:600}.total-value{font-size:1.25rem;font-weight:800;color:var(--color-text)}.costs-list{display:flex;flex-direction:column;gap:8px;margin-top:var(--spacing-md)}.cost-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.cost-info{flex:1}.cost-name{font-weight:500;color:var(--color-text)}.cost-notes{font-size:var(--font-size-xs);color:var(--color-text-muted)}.cost-amount{font-weight:600;color:var(--color-error);white-space:nowrap}.btn-icon-delete{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-icon-delete:hover{background:var(--color-error-bg);color:var(--color-error)}.profit-summary{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.profit-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) 0}.profit-row.profit-final{padding-top:var(--spacing-sm);margin-top:var(--spacing-sm);border-top:2px solid var(--color-border)}.profit-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.profit-final .profit-label{font-weight:700;color:var(--color-text)}.profit-value{font-weight:600}.profit-final .profit-value{font-size:1.25rem;font-weight:800}.notes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.note-field label{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.note-field.internal label{color:var(--color-warning)}.note-content{min-height:80px;padding:var(--spacing-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.note-content:hover{border-color:var(--color-accent)}.internal .note-content{background:#eab3080d;border-color:#eab30833}.internal .note-content:hover{border-color:var(--color-warning)}.note-text{font-size:var(--font-size-sm);line-height:1.5;white-space:pre-wrap}.payment-status-box{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.payment-status-box.paid{background:#22c55e14;border:1px solid rgba(34,197,94,.2)}.payment-status-box.unpaid{background:#eab30814;border:1px solid rgba(234,179,8,.2)}.payment-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.paid .payment-icon{background:#22c55e26;color:var(--color-success)}.unpaid .payment-icon{background:#eab30826;color:var(--color-warning)}.payment-icon svg{width:20px;height:20px}.payment-info{flex:1}.payment-label{font-weight:600;color:var(--color-text)}.payment-amount{font-size:1.25rem;font-weight:800;color:var(--color-text)}.actions-list{display:flex;flex-direction:column;gap:4px;margin-top:var(--spacing-sm)}.action-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.action-item svg{width:16px;height:16px;opacity:.7}.action-item:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent)}.action-item.highlight{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.action-item.highlight svg{opacity:1}.action-item.highlight:hover{filter:brightness(1.1)}.sms-recipient{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.recipient-avatar{width:44px;height:44px;border-radius:var(--radius-full);background:var(--color-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-lg)}.recipient-info{flex:1}.recipient-name{font-weight:600;color:var(--color-text)}.recipient-phone{font-size:var(--font-size-sm);color:var(--color-text-muted)}.sms-counter{display:flex;justify-content:space-between;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted)}.status-change-preview{text-align:center;padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.sms-toggle-box{padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.toggle-label{display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer}.toggle-info{display:flex;flex-direction:column;gap:2px}.toggle-title{font-weight:600;color:var(--color-text)}.toggle-sub{font-size:var(--font-size-xs);color:var(--color-text-muted)}.modal-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary)}.modal-icon svg{width:16px;height:16px;color:var(--color-text)}.modal-icon.warning{background:#eab3081f}.modal-icon.warning svg{color:var(--color-warning)}.modal-icon.danger{background:#ef44441f}.modal-icon.danger svg{color:var(--color-error)}.modal-icon.success{background:#22c55e1f}.modal-icon.success svg{color:var(--color-success)}@media(max-width:768px){.page-header-row{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.page-header-actions{justify-content:flex-end}.order-hero{flex-direction:column;align-items:stretch}.order-hero-right{justify-content:stretch}.order-hero-right .btn{flex:1;justify-content:center}.details-grid{grid-template-columns:1fr}.service-item{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.service-price{text-align:right}.notes-grid{grid-template-columns:1fr}}.info-cards-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.info-card-link{text-decoration:none;color:inherit}.info-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.info-card-link .info-card:hover{border-color:var(--color-accent);box-shadow:0 4px 12px #00000014}.info-card-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-lg);flex-shrink:0}.info-card-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--color-bg-tertiary);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-card-icon svg{width:22px;height:22px}.info-card-content{flex:1;min-width:0}.info-card-label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.info-card-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.info-card-title.editable{display:inline-flex;align-items:center;gap:6px;cursor:pointer;padding:4px 8px;margin:-4px -8px;border-radius:var(--radius-sm)}.info-card-title.editable:hover{background:var(--color-bg-tertiary)}.info-card-sub{font-size:var(--font-size-sm);color:var(--color-text-muted)}.info-card-plate{display:inline-block;margin-top:4px;padding:3px 8px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:700;font-family:monospace;letter-spacing:1px}.info-card-arrow{color:var(--color-text-muted)}.info-card-arrow svg{width:18px;height:18px}.edit-icon-mini{width:12px;height:12px;opacity:.4}.workstation-selector{position:relative}.workstation-current{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-weight:500;transition:all var(--transition-fast)}.workstation-current:hover{border-color:var(--color-accent)}.workstation-dot-sm{width:10px;height:10px;border-radius:50%;flex-shrink:0}.chevron-icon{width:14px;height:14px;margin-left:auto;opacity:.5}.workstation-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000026;z-index:50;overflow:hidden}.workstation-option{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:none;border:none;color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast)}.workstation-option:hover{background:var(--color-bg-tertiary)}.workstation-option.active{background:var(--color-accent);color:#fff}.workstation-option.active .workstation-dot-sm{box-shadow:0 0 0 2px #fff}.order-breakdown{margin-top:var(--spacing-md)}.breakdown-section{margin-bottom:var(--spacing-md)}.breakdown-section.costs{padding-top:var(--spacing-md);border-top:1px dashed var(--color-border)}.breakdown-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.breakdown-title{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.breakdown-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-muted)}.breakdown-add-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.breakdown-add-btn svg{width:12px;height:12px}.breakdown-add-btn:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.breakdown-items{display:flex;flex-direction:column;gap:4px}.breakdown-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.breakdown-item.cost{background:#ef44440d}.breakdown-item-main{flex:1;min-width:0}.breakdown-item-name{font-weight:500;color:var(--color-text);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.breakdown-item-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.breakdown-item-price{font-weight:700;color:var(--color-success);white-space:nowrap}.breakdown-item-price.cost{color:var(--color-error)}.breakdown-item-delete{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;opacity:.5;transition:all var(--transition-fast)}.breakdown-item-delete svg{width:14px;height:14px}.breakdown-item-delete:hover{opacity:1;background:var(--color-error);color:#fff}.breakdown-empty{padding:var(--spacing-md);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);font-style:italic}.warranty-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-sm);font-size:10px;font-weight:700;color:var(--color-success)}.warranty-badge svg{width:10px;height:10px}.breakdown-summary{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg)}.summary-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.summary-row.final{padding-top:var(--spacing-sm);margin-top:var(--spacing-sm);border-top:2px solid var(--color-border);font-size:var(--font-size-base);color:var(--color-text);font-weight:600}.summary-value{font-weight:600}.summary-value.cost{color:var(--color-error)}.summary-value.profit{font-size:1.25rem;font-weight:800;color:var(--color-success)}.summary-value.loss{font-size:1.25rem;font-weight:800;color:var(--color-error)}.internal-note{margin-top:var(--spacing-md)}.note-content-box{min-height:100px;padding:var(--spacing-md);background:#eab3080d;border:1px dashed rgba(234,179,8,.3);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.note-content-box:hover{border-color:var(--color-warning)}.note-display{position:relative;font-size:var(--font-size-sm);line-height:1.6;white-space:pre-wrap;padding-right:30px}.edit-icon-float{position:absolute;top:0;right:0;width:14px;height:14px;color:var(--color-warning);opacity:.5}.note-save-hint{margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:right}.payment-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.payment-card.paid{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid rgba(34,197,94,.2)}.payment-card.unpaid{background:linear-gradient(135deg,#eab3081a,#eab3080d);border:1px solid rgba(234,179,8,.2)}.payment-status-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.paid .payment-status-icon{background:var(--color-success);color:#fff}.unpaid .payment-status-icon{background:var(--color-warning);color:#fff}.payment-status-icon svg{width:24px;height:24px}.payment-details{flex:1}.payment-status-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.payment-amount{font-size:1.5rem;font-weight:800;color:var(--color-text)}.payment-date{font-size:var(--font-size-xs);color:var(--color-text-muted)}.quick-actions{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-md);flex-wrap:wrap}.quick-action-btn{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;flex-shrink:0}.quick-action-btn svg{width:22px;height:22px}.quick-action-btn.call{background:#22c55e1a;color:var(--color-success)}.quick-action-btn.call:hover{background:var(--color-success);color:#fff}.quick-action-btn.sms{background:#3b82f61a;color:var(--color-accent)}.quick-action-btn.sms:hover{background:var(--color-accent);color:#fff}.quick-action-btn.print{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.quick-action-btn.print:hover{background:var(--color-text-muted);color:#fff}.quick-action-btn.cert{background:#eab3081a;color:var(--color-warning)}.quick-action-btn.cert:hover{background:var(--color-warning);color:#fff}.quick-actions-labels{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-xs);flex-wrap:wrap}.quick-actions-labels span{width:52px;text-align:center;font-size:10px;color:var(--color-text-muted);flex-shrink:0}.order-meta{margin-top:var(--spacing-md);padding:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.meta-item{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-muted)}.recipient-avatar{width:44px;height:44px;border-radius:var(--radius-full);background:var(--color-border);color:var(--color-text);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-lg);flex-shrink:0}.client-link-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);margin:-4px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:all var(--transition-fast)}.client-link-card:hover{border-color:var(--color-accent);background:var(--color-bg-secondary)}.client-avatar-sm{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-border);color:var(--color-text);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-sm);flex-shrink:0}.client-info{display:flex;flex-direction:column;min-width:0}.client-name{font-weight:600;color:var(--color-text)}.client-phone{font-size:var(--font-size-xs);color:var(--color-text-muted)}.link-arrow{width:16px;height:16px;color:var(--color-text-muted);margin-left:auto;flex-shrink:0}@media(max-width:768px){.info-cards-row{grid-template-columns:1fr}.order-hero{flex-direction:column;align-items:stretch}.order-hero-right .btn{flex:1;justify-content:center}.quick-actions{gap:var(--spacing-xs)}.quick-action-btn{width:44px;height:44px}}.order-mobile-layout{display:none}.order-desktop-layout{display:block}@media(max-width:768px){.order-mobile-layout{display:flex;flex-direction:column;gap:var(--spacing-md)}.order-desktop-layout{display:none!important}.order-id-mobile{font-size:1rem;font-weight:700;color:var(--color-text)}.order-mobile-payment .payment-card{padding:var(--spacing-sm)}.order-mobile-payment .payment-amount{font-size:1.25rem}.order-mobile-actions .action-buttons{display:flex;flex-direction:column;gap:var(--spacing-xs)}.order-info-grid{grid-template-columns:1fr!important}.order-main-header{flex-direction:column;gap:var(--spacing-sm)}.order-main-header .order-id-section{justify-content:space-between;width:100%}.order-main-header .order-main-action,.order-main-header .order-main-action .btn{width:100%}}.note-display{white-space:pre-wrap;word-wrap:break-word}.note-content-box{cursor:pointer;padding:var(--spacing-sm);background:#eab30814;border:1px solid rgba(234,179,8,.2);border-radius:var(--radius-md);min-height:60px}@media(max-width:768px){.page-header-row{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important;flex-wrap:nowrap!important;gap:var(--spacing-sm)!important}.page-header-row>a,.page-header-row>.btn{width:auto!important;flex-shrink:0!important}.page-header-actions{display:flex!important;flex-direction:row!important;align-items:center!important;gap:var(--spacing-xs)!important;flex-shrink:0!important;margin-left:auto!important}.page-header-actions .btn{width:auto!important}}.order-create-modal{position:relative;width:95vw;max-width:580px;max-height:88vh;display:flex;flex-direction:column;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 24px 80px #0003;overflow:hidden;z-index:10000}[data-theme=dark] .order-create-modal{box-shadow:0 24px 80px #00000080}.ocm-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--color-border);flex-shrink:0}.ocm-header-title{font-size:17px;font-weight:700;color:var(--color-text)}.ocm-header-sub{font-size:12px;color:var(--color-text-muted);margin-top:1px}.ocm-close{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background:none;border:none;cursor:pointer;color:var(--color-text-muted);transition:all .15s}.ocm-close:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.ocm-stepper{display:flex;align-items:center;justify-content:center;gap:0;padding:14px 24px;border-bottom:1px solid var(--color-border);background:var(--color-bg);flex-shrink:0}.ocm-step{display:flex;align-items:center;gap:6px}.ocm-step-dot{width:26px;height:26px;border-radius:50%;background:var(--color-bg-tertiary);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--color-text-muted);transition:all .2s;flex-shrink:0}.ocm-step.active .ocm-step-dot{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg)}.ocm-step.completed .ocm-step-dot{background:var(--color-success);border-color:var(--color-success);color:#fff}.ocm-step>span{font-size:12px;font-weight:600;color:var(--color-text-muted);white-space:nowrap}.ocm-step.active .ocm-step>span{color:var(--color-text)}.ocm-step.completed .ocm-step>span{color:var(--color-text-secondary)}.ocm-step-line{width:28px;height:2px;background:var(--color-border);margin:0 6px;border-radius:1px}.ocm-step-line.active{background:var(--color-text)}.ocm-body{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:10px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.ocm-body::-webkit-scrollbar{width:6px}.ocm-body::-webkit-scrollbar-track{background:transparent}.ocm-body::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.ocm-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid var(--color-border);background:var(--color-bg);flex-shrink:0}.ocm-search{position:relative}.ocm-search svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--color-text-muted);pointer-events:none}.ocm-search input{width:100%;padding:12px 14px 12px 40px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;color:var(--color-text);outline:none;transition:border-color .2s;font-family:inherit}.ocm-search input::placeholder{color:var(--color-text-muted)}.ocm-search input:focus{border-color:var(--color-text-muted)}.ocm-results{display:flex;flex-direction:column;gap:4px;max-height:260px;overflow-y:auto}.ocm-result-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s;text-align:left;width:100%}.ocm-result-item:hover{border-color:var(--color-text-muted);background:var(--color-bg-tertiary)}.ocm-selected{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--color-bg-secondary);border:1.5px solid var(--color-text);border-radius:var(--radius-md)}.ocm-empty{text-align:center;padding:24px 16px}.ocm-empty p{font-size:14px;color:var(--color-text-muted);margin-bottom:8px}.ocm-context{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:13px;color:var(--color-text-muted)}.ocm-context strong{color:var(--color-text)}.ocm-add-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;background:transparent;border:1px dashed var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:600;color:var(--color-text-muted);font-family:inherit;transition:all .15s}.ocm-add-btn:hover{border-color:var(--color-text-muted);color:var(--color-text);background:var(--color-bg-tertiary)}.ocm-add-btn svg{width:14px;height:14px}.ocm-vehicles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ocm-vehicle{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s;text-align:center}.ocm-vehicle svg{color:var(--color-text-muted);transition:color .15s}.ocm-vehicle:hover{border-color:var(--color-text-muted)}.ocm-vehicle.selected{border-color:var(--color-text);background:var(--color-bg-secondary)}.ocm-vehicle.selected svg{color:var(--color-text)}.ocm-service-group{margin-bottom:6px}.ocm-service-group:last-child{margin-bottom:0}.ocm-service-cat{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-muted);padding:6px 0 8px;border-bottom:1px solid var(--color-border);margin-bottom:6px}.ocm-service{display:flex;align-items:center;gap:12px;padding:12px 14px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s;width:100%;text-align:left;margin-bottom:4px}.ocm-service:hover{border-color:var(--color-text-muted)}.ocm-service.selected{border-color:var(--color-text);background:var(--color-bg-tertiary)}.ocm-service-check{width:20px;height:20px;border:2px solid var(--color-border);border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.ocm-service.selected .ocm-service-check{background:var(--color-text);border-color:var(--color-text)}.ocm-service-name{font-weight:600;font-size:14px;color:var(--color-text)}.ocm-service-duration{font-size:12px;color:var(--color-text-muted)}.ocm-service-price{font-weight:700;font-size:14px;color:var(--color-text)}.ocm-price-input{width:76px;padding:6px 8px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;font-weight:700;color:var(--color-text);text-align:right;outline:none;font-family:inherit}.ocm-price-input:focus{border-color:var(--color-text-muted)}.ocm-price-input::-webkit-inner-spin-button,.ocm-price-input::-webkit-outer-spin-button{-webkit-appearance:none}.ocm-price-input{-moz-appearance:textfield}.ocm-total{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:4px}.ocm-total span{font-size:14px;font-weight:600;color:var(--color-text-secondary)}.ocm-total strong{font-size:18px;font-weight:800;color:var(--color-text)}.ocm-summary-row{display:flex;gap:8px}.ocm-summary-row>div{flex:1}.ocm-summary-card{padding:12px 14px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.ocm-summary-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-muted);margin-bottom:6px}.ocm-summary-value{font-weight:600;font-size:14px;color:var(--color-text)}.ocm-summary-sub{font-size:12px;color:var(--color-text-muted);margin-top:1px}.ocm-summary-service{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px}.ocm-summary-service:not(:last-child){border-bottom:1px solid var(--color-border)}.ocm-summary-service .name{color:var(--color-text)}.ocm-summary-service .price{font-weight:700;color:var(--color-text)}.ocm-summary-total{display:flex;justify-content:space-between;align-items:center;padding:10px 0 0;margin-top:4px;border-top:2px solid var(--color-border)}.ocm-summary-total .label{font-weight:700;font-size:15px;color:var(--color-text)}.ocm-summary-total .amount{font-weight:800;font-size:18px;color:var(--color-text)}.ocm-field{margin-bottom:8px}.ocm-field:last-child{margin-bottom:0}.ocm-field-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:5px}.ocm-field input,.ocm-field select,.ocm-field textarea{width:100%;padding:10px 12px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);font-size:14px;font-family:inherit;outline:none;transition:border-color .15s}.ocm-field input::placeholder,.ocm-field select::placeholder,.ocm-field textarea::placeholder{color:var(--color-text-muted)}.ocm-field input:focus,.ocm-field select:focus,.ocm-field textarea:focus{border-color:var(--color-text-muted)}.ocm-field textarea{resize:vertical;min-height:52px}.ocm-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpolyline points='2 4 6 8 10 4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.ocm-pills{display:flex;flex-wrap:wrap;gap:6px}.ocm-pill{padding:8px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;font-family:inherit;transition:all .15s}.ocm-pill:hover{border-color:var(--color-text-muted)}.ocm-pill.active{border-color:var(--color-text);background:var(--color-text);color:var(--color-bg)}@media(max-width:600px){.modal-overlay{padding:0!important}.order-create-modal{max-width:100%!important;max-height:100%!important;height:100%!important;width:100%!important;border-radius:0!important;border:none!important}.ocm-header{padding:12px 16px;position:sticky;top:0;background:var(--color-bg-secondary);z-index:10}.ocm-header-title{font-size:15px}.ocm-header-sub{font-size:11px}.ocm-close{width:36px;height:36px}.ocm-close svg{width:20px;height:20px}.ocm-stepper{padding:10px 16px;position:sticky;top:56px;background:var(--color-bg);z-index:9}.ocm-step>span{display:none}.ocm-step.active>span{display:block;font-size:11px}.ocm-step-dot{width:24px;height:24px;font-size:11px}.ocm-step-line{width:16px;margin:0 6px}.ocm-body{padding:16px;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.ocm-footer{padding:12px 16px;position:sticky;bottom:0;background:var(--color-bg);border-top:1px solid var(--color-border)}.ocm-footer .btn{flex:1;padding:14px 16px;font-size:15px;min-height:48px;justify-content:center}.ocm-search input{padding:12px 14px 12px 42px;font-size:16px;min-height:48px}.ocm-search svg{width:18px;height:18px;left:14px}.ocm-result-item{padding:12px 14px;gap:12px}.ocm-result-item .avatar{width:40px!important;height:40px!important;font-size:14px!important}.ocm-selected{padding:14px 16px}.ocm-selected .avatar{width:44px!important;height:44px!important;font-size:14px!important}.ocm-context{padding:10px 12px;font-size:13px}.ocm-add-btn{padding:14px;font-size:14px;min-height:48px}.ocm-vehicles{grid-template-columns:1fr;gap:10px}.ocm-vehicle{padding:16px;flex-direction:row;gap:12px;text-align:left}.ocm-vehicle svg{width:32px!important;height:32px!important}.ocm-service{padding:14px 16px;gap:12px}.ocm-service-check{width:22px;height:22px}.ocm-service-name{font-size:15px}.ocm-service-duration{font-size:12px}.ocm-service-price{font-size:15px}.ocm-service-cat{font-size:11px;padding:8px 0}.ocm-price-input{width:80px;padding:8px 10px;font-size:15px}.ocm-total{padding:14px 16px}.ocm-total span{font-size:14px}.ocm-total strong{font-size:18px}.ocm-summary-row{flex-direction:column;gap:10px}.ocm-summary-card{padding:14px 16px}.ocm-summary-label{font-size:10px;margin-bottom:6px}.ocm-summary-value{font-size:15px}.ocm-summary-sub{font-size:12px}.ocm-summary-service{padding:10px 0;font-size:14px}.ocm-summary-total .label{font-size:15px}.ocm-summary-total .amount{font-size:20px}.ocm-pills{gap:8px;flex-wrap:wrap}.ocm-pill{padding:10px 14px;font-size:13px;flex:1;min-width:calc(50% - 4px);text-align:center;justify-content:center}.ocm-field input,.ocm-field select,.ocm-field textarea{padding:12px 14px;font-size:16px;min-height:48px}.ocm-field-label{font-size:12px;margin-bottom:6px}}.categories-bar{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.category-chip{padding:6px 14px;border-radius:20px;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.categories-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-sm)}@media(max-width:640px){.categories-list{grid-template-columns:1fr}}.category-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all var(--transition-fast)}.category-row:hover{border-color:var(--color-border-hover);background:var(--color-bg-secondary)}.category-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.form-divider{font-size:var(--font-size-sm);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin:var(--spacing-lg) 0 var(--spacing-md);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border)}.toggle-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.toggle-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-text)}.status-toggle{width:40px;height:22px;border-radius:11px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);position:relative;cursor:pointer;transition:all var(--transition-fast)}.status-toggle .toggle-dot{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--color-text-muted);transition:all var(--transition-fast)}.status-toggle.active{background:var(--color-success);border-color:var(--color-success)}.status-toggle.active .toggle-dot{left:calc(100% - 18px);background:#fff}.form-color{padding:4px;height:42px;cursor:pointer}.modal-lg{max-width:600px}.btn-xs{padding:4px 8px;font-size:var(--font-size-xs)}.mt-2{margin-top:.5rem}.opacity-50{opacity:.5}.categories-bar{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-wrap:wrap;overflow-x:auto;-webkit-overflow-scrolling:touch}@media(max-width:768px){.categories-bar{flex-wrap:nowrap;padding-bottom:var(--spacing-xs)}.categories-bar::-webkit-scrollbar{height:4px}}.category-chip{padding:6px 14px;border-radius:20px;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.category-chip:hover{border-color:var(--color-text-muted)}.category-chip.active{background:var(--cat-color, var(--color-text));color:var(--color-bg);border-color:transparent}.category-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:12px;font-size:var(--font-size-xs);font-weight:var(--font-medium);background:color-mix(in srgb,var(--cat-color, #666) 20%,transparent);color:var(--cat-color, var(--color-text-secondary));border:1px solid color-mix(in srgb,var(--cat-color, #666) 30%,transparent)}@media(max-width:768px){.services-table-desktop{display:none}.services-cards-mobile{display:flex;flex-direction:column;gap:var(--spacing-sm)}}@media(min-width:769px){.services-table-desktop{display:block}.services-cards-mobile{display:none}}.service-card-mobile{display:flex;flex-direction:column;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);gap:var(--spacing-sm);transition:all var(--transition-fast)}.service-card-mobile.inactive{opacity:.5}.service-card-mobile:active{transform:scale(.98)}.service-card-header-mobile{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.service-category-mobile{margin-bottom:var(--spacing-xs)}.service-details-mobile{display:flex;flex-direction:column;gap:var(--spacing-xs)}.service-detail-row{display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.service-detail-row svg{width:14px;height:14px;flex-shrink:0;color:var(--color-text-muted)}.service-detail-row strong{color:var(--color-text);font-weight:var(--font-semibold)}.service-footer-mobile{display:flex;gap:var(--spacing-xs);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border);margin-top:var(--spacing-xs)}.service-footer-mobile .btn{display:flex;align-items:center;justify-content:center;gap:4px}.certificates-table-desktop{display:block}.certificates-mobile{display:none}.section-actions{display:flex;align-items:center;gap:var(--spacing-sm)}@media(max-width:768px){.certificates-table-desktop{display:none!important}.certificates-mobile{display:flex!important;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.section-header{flex-direction:column;align-items:stretch!important;gap:var(--spacing-sm)}.section-actions{flex-direction:column;width:100%;gap:var(--spacing-sm)}.section-actions .search-box{max-width:100%!important;width:100%}.section-actions .form-select{width:100%!important}.section-actions .btn{width:100%;justify-content:center}}.certificate-card-mobile{display:flex;flex-direction:column;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);gap:var(--spacing-sm);text-decoration:none;color:inherit;transition:all var(--transition-fast)}.certificate-card-mobile:active{transform:scale(.98)}.card-header-mobile{display:flex;justify-content:space-between;align-items:center}.card-number-mobile{font-weight:700;font-family:monospace;color:var(--color-text)}.card-service-mobile{font-size:var(--font-size-sm);color:var(--color-text);font-weight:500}.card-vehicle-mobile{display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm);color:var(--color-text-muted)}.card-vehicle-mobile svg{width:14px;height:14px}.card-details-mobile{display:flex;flex-direction:column;gap:4px}.card-detail-row{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs);color:var(--color-text-muted)}.card-detail-row svg{width:12px;height:12px}.empty-state-mobile{text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted)}.empty-state-mobile svg{width:48px;height:48px;margin-bottom:var(--spacing-sm);opacity:.5}.cert-main-card{padding:0!important;overflow:hidden}.cert-main-header{padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-bg-tertiary) 0%,transparent 100%)}.cert-id-section{display:flex;align-items:center;gap:var(--spacing-md)}.cert-icon{width:56px;height:56px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#eab30826,#eab3080d);color:#eab308;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cert-icon svg{width:28px;height:28px}.cert-header-info{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.cert-header-info .badge{width:auto!important;flex-shrink:0}.cert-number{font-size:1.25rem;font-weight:800;color:var(--color-text);letter-spacing:-.5px}.cert-separator{height:1px;background:var(--color-border)}.cert-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);padding:var(--spacing-lg)}.cert-info-row{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm)}.cert-info-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-bg-tertiary);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cert-info-icon svg{width:18px;height:18px}.cert-info-content{display:flex;flex-direction:column;gap:2px}.cert-info-label{font-size:10px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.cert-info-value{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.cert-description{font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text-secondary);margin-top:var(--spacing-sm)}.warranty-box{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-radius:var(--radius-md);margin-top:var(--spacing-sm)}.warranty-box.active{background:#22c55e14;border:1px solid rgba(34,197,94,.2)}.warranty-box.expired{background:#ef444414;border:1px solid rgba(239,68,68,.2)}.warranty-main{display:flex;flex-direction:column;gap:2px}.warranty-months{font-size:1.25rem;font-weight:800}.active .warranty-months{color:var(--color-success)}.expired .warranty-months{color:var(--color-error)}.warranty-until-date{font-size:var(--font-size-sm);color:var(--color-text-muted)}.warranty-remaining{font-size:var(--font-size-sm);font-weight:600;color:var(--color-success);background:#22c55e1a;padding:4px 10px;border-radius:var(--radius-sm)}.warranty-expired-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-error);background:#ef44441a;padding:4px 10px;border-radius:var(--radius-sm)}.qr-box{display:flex;gap:var(--spacing-lg);margin-top:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);align-items:center}.qr-image{width:80px;height:80px;border-radius:var(--radius-md);background:#fff;padding:4px;flex-shrink:0}.qr-details{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1;min-width:0}.qr-item{display:flex;flex-direction:column;gap:2px}.qr-label{font-size:10px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.qr-code-value{font-size:var(--font-size-lg);font-weight:800;letter-spacing:2px;color:var(--color-text)}.qr-link{font-size:var(--font-size-xs);color:var(--color-text-muted);word-break:break-all}.sidebar-link-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;color:inherit;margin-top:var(--spacing-sm);transition:all var(--transition-fast)}.sidebar-link-card:hover{border-color:var(--color-accent);background:var(--color-bg-secondary)}.sidebar-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-border);color:var(--color-text);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-sm);flex-shrink:0}.sidebar-link-info{display:flex;flex-direction:column;gap:2px;min-width:0}.sidebar-link-name{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text)}.sidebar-link-sub{font-size:var(--font-size-xs);color:var(--color-text-muted)}.sidebar-vehicle{margin-top:var(--spacing-sm)}.sidebar-vehicle-name{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text);display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.sidebar-vehicle-meta{display:flex;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:4px;flex-wrap:wrap}.sidebar-vehicle-meta span:not(:last-child):after{content:"·";margin-left:var(--spacing-sm)}@media(max-width:768px){.cert-info-grid{grid-template-columns:1fr}.qr-box{flex-direction:column;align-items:center;text-align:center}.warranty-box{flex-direction:column;gap:var(--spacing-sm);text-align:center}}.cert-mobile-layout{display:none}.cert-desktop-layout{display:block}@media(max-width:768px){.cert-mobile-layout{display:flex;flex-direction:column;gap:var(--spacing-md)}.cert-desktop-layout{display:none!important}.cert-number-mobile{font-size:1rem;font-weight:700;color:var(--color-text)}.cert-info-grid{grid-template-columns:1fr!important}.qr-box{flex-direction:row!important;text-align:left!important}.qr-image{width:70px!important;height:70px!important}}.stats-grid{display:grid;gap:var(--spacing-md)}.stats-grid-4{grid-template-columns:repeat(4,1fr)}.stats-grid-3{grid-template-columns:repeat(3,1fr)}@media(max-width:1024px){.stats-grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stats-grid-4,.stats-grid-3{grid-template-columns:1fr}}.stat-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.stat-icon{width:48px;height:48px;min-width:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.stat-icon svg{width:24px;height:24px}.stat-icon.warning{background:color-mix(in srgb,var(--color-warning) 20%,transparent);color:var(--color-warning)}.stat-icon.success{background:color-mix(in srgb,var(--color-success) 20%,transparent);color:var(--color-success)}.stat-icon.info{background:color-mix(in srgb,var(--color-info) 20%,transparent);color:var(--color-info)}.stat-icon.primary{background:color-mix(in srgb,var(--color-accent) 20%,transparent);color:var(--color-accent)}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-bold);line-height:1}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.empty-icon{width:80px;height:80px;border-radius:50%;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg)}.empty-state p{margin:0 0 var(--spacing-lg) 0;color:var(--color-text-muted)}.calendar-legend{display:flex;gap:var(--spacing-lg);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-muted)}.legend-dot{width:12px;height:12px;border-radius:50%}.status-display{margin-bottom:var(--spacing-md)}.status-badge.large{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-medium)}.status-badge.large svg{width:20px;height:20px}.status-badge.status-warning{background:color-mix(in srgb,var(--color-warning) 20%,transparent);color:var(--color-warning)}.status-badge.status-success{background:color-mix(in srgb,var(--color-success) 20%,transparent);color:var(--color-success)}.status-badge.status-danger{background:color-mix(in srgb,var(--color-danger) 20%,transparent);color:var(--color-danger)}.status-badge.status-ghost{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.status-badge.status-info{background:color-mix(in srgb,var(--color-info) 20%,transparent);color:var(--color-info)}.date-display{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.date-main{display:flex;align-items:center;gap:var(--spacing-md)}.date-day{font-size:2.5rem;font-weight:var(--font-bold);line-height:1;color:var(--color-accent)}.date-details{display:flex;flex-direction:column}.date-month{font-weight:var(--font-medium)}.date-weekday{color:var(--color-text-muted);font-size:var(--font-size-sm)}.date-time{font-size:1.5rem;font-weight:var(--font-semibold);color:var(--color-text-muted)}.vehicle-display{display:flex;align-items:center;gap:var(--spacing-md)}.vehicle-icon.large{width:60px;height:60px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.vehicle-icon.large svg{width:32px;height:32px;color:var(--color-text-muted)}.vehicle-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.vehicle-name{font-size:var(--font-size-lg);font-weight:var(--font-semibold)}.vehicle-year{color:var(--color-text-muted)}.service-display{display:flex;flex-direction:column;gap:var(--spacing-xs)}.service-name{font-size:var(--font-size-lg);font-weight:var(--font-medium)}.service-price{font-size:var(--font-size-xl);font-weight:var(--font-bold);color:var(--color-accent)}.service-duration{font-size:var(--font-size-sm)}.message-box{padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border-left:3px solid var(--color-accent);font-style:italic}.info-box{padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.info-box p{margin:0;margin-bottom:var(--spacing-xs)}.info-box p:last-child{margin-bottom:0}.filters-bar{padding:var(--spacing-md)}.filters-row{display:flex;gap:var(--spacing-md);align-items:flex-end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:140px}.filter-group label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.filter-group .form-input{padding:var(--spacing-sm)}.license-plate.small{font-size:var(--font-size-xs);padding:2px 6px}.form-grid,.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.details-grid .full-width{grid-column:1/-1}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md)}@media(max-width:768px){.form-grid,.details-grid{grid-template-columns:1fr}.filters-row{flex-direction:column;align-items:stretch}.filter-group{min-width:100%}.page-header{flex-direction:column;align-items:flex-start}.date-display{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.date-time{font-size:1.2rem}}.bookings-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.booking-card{display:flex;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast)}.booking-card:hover{border-color:var(--color-border-hover);box-shadow:0 4px 12px #00000014}@media(max-width:768px){.booking-card{flex-direction:column}}.booking-status-indicator{width:5px;flex-shrink:0}.booking-status-indicator.status-pending{background:var(--color-warning)}.booking-status-indicator.status-confirmed{background:var(--color-success)}.booking-status-indicator.status-completed{background:var(--color-text-muted)}.booking-status-indicator.status-rejected{background:var(--color-error)}.booking-status-indicator.status-cancelled{background:var(--color-text-muted)}@media(max-width:768px){.booking-status-indicator{width:100%;height:4px}}.booking-main{flex:1;padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:0}@media(max-width:768px){.booking-main{padding:var(--spacing-md)}}.booking-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.booking-number{font-family:monospace;font-weight:var(--font-bold);font-size:var(--font-size-lg)}.booking-details{display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.booking-detail{display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.booking-detail svg{width:14px;height:14px;flex-shrink:0;color:var(--color-text-muted)}.booking-detail .text-muted{color:var(--color-text-muted)}.booking-services{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.service-tag{background:var(--color-bg-tertiary);padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-medium);color:var(--color-text-secondary)}.booking-notes{display:flex;align-items:flex-start;gap:8px;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);font-style:italic;margin-top:var(--spacing-xs)}.booking-notes svg{width:14px;height:14px;flex-shrink:0;margin-top:2px;color:var(--color-text-muted)}.booking-sidebar{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;padding:var(--spacing-lg);background:var(--color-bg-tertiary);min-width:180px}@media(max-width:768px){.booking-sidebar{flex-direction:row;align-items:center;justify-content:space-between;min-width:auto;padding:var(--spacing-md);gap:var(--spacing-md);flex-wrap:wrap}}.booking-price{font-size:var(--font-size-xl);font-weight:var(--font-extrabold)}.booking-duration{font-size:var(--font-size-sm);color:var(--color-text-muted)}.booking-actions{display:flex;gap:var(--spacing-xs);margin-top:auto}@media(max-width:768px){.booking-actions{margin-top:0;width:100%}.booking-actions .btn{flex:1;justify-content:center}}.booking-actions .btn{white-space:nowrap}.license-plate.small{padding:2px 6px;font-size:var(--font-size-xs);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:monospace;font-weight:var(--font-bold);margin-left:var(--spacing-xs)}.empty-icon{width:80px;height:80px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg)}.empty-icon svg{width:40px;height:40px;color:var(--color-text-muted)}.empty-state h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-lg);font-weight:var(--font-semibold)}.empty-state p{margin:0;color:var(--color-text-muted);max-width:400px}.booking-rejection{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-error-bg);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-error);margin-top:var(--spacing-xs)}.booking-rejection strong{font-weight:var(--font-semibold)}@media(max-width:480px){.booking-number{font-size:var(--font-size-md)}.booking-details{flex-direction:column;gap:var(--spacing-sm)}.booking-price{font-size:var(--font-size-lg)}.booking-actions{flex-direction:column}.booking-actions .btn{width:100%}.service-tag{font-size:10px;padding:3px 8px}}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}@media(max-width:1024px){.info-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.info-grid{grid-template-columns:1fr}}.info-item .info-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.info-item .info-value{font-size:var(--font-size-sm);color:var(--color-text)}.order-link-card{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);flex-wrap:wrap}.order-link-card .order-link-info{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.order-link-card .order-link-info strong{font-weight:var(--font-semibold)}.vehicle-info-compact .vehicle-name{font-weight:var(--font-semibold);font-size:var(--font-size-md);margin-bottom:var(--spacing-xs)}.divider{height:1px;background:var(--color-border);margin:var(--spacing-md) 0}.sms-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.sms-toggle-content{display:flex;align-items:center;gap:var(--spacing-sm)}.sms-toggle-content svg{width:20px;height:20px;color:var(--color-text-secondary);flex-shrink:0}.empty-state-inline{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-md);text-align:center}.empty-state-inline svg{width:48px;height:48px;color:var(--color-text-muted);opacity:.5;margin-bottom:var(--spacing-sm)}.empty-state-inline p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.row-muted{opacity:.5}@media(max-width:768px){.service-cards-table-desktop{display:none}.service-cards-mobile{display:flex;flex-direction:column;gap:var(--spacing-sm)}}@media(min-width:769px){.service-cards-table-desktop{display:block}.service-cards-mobile{display:none}}.service-card-mobile{display:flex;flex-direction:column;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);gap:var(--spacing-sm);text-decoration:none;color:inherit;transition:all var(--transition-fast)}.service-card-mobile:active{transform:scale(.98);opacity:.9}.service-card-mobile.muted{opacity:.5}.card-header-mobile{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.card-number-mobile{font-family:monospace;font-weight:var(--font-bold);font-size:var(--font-size-md)}.card-service-mobile{font-weight:var(--font-medium);font-size:var(--font-size-sm)}.card-vehicle-mobile{display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.card-vehicle-mobile svg{width:14px;height:14px;flex-shrink:0;color:var(--color-text-muted)}.card-vehicle-mobile .license-plate.small{margin-left:var(--spacing-xs)}.card-details-mobile{display:flex;flex-direction:column;gap:var(--spacing-xs)}.card-detail-row{display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.card-detail-row svg{width:14px;height:14px;flex-shrink:0;color:var(--color-text-muted)}.card-detail-row.overdue{color:var(--color-warning)}.card-detail-row.overdue svg{color:var(--color-warning)}.card-footer-mobile{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-sm);border-top:1px solid var(--color-border);margin-top:var(--spacing-xs)}.card-services-mobile{font-size:var(--font-size-sm);color:var(--color-text-muted)}.empty-state-mobile{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;color:var(--color-text-muted)}.empty-state-mobile svg{width:48px;height:48px;margin-bottom:var(--spacing-md);opacity:.5}.empty-state-mobile p{margin:0;font-size:var(--font-size-sm)}.sc-mobile-layout{display:none}.sc-desktop-layout{display:block}@media(max-width:768px){.sc-mobile-layout{display:flex;flex-direction:column;gap:var(--spacing-md)}.sc-desktop-layout{display:none!important}}.sc-main-card{padding:var(--spacing-lg)}.sc-main-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.sc-id-section{display:flex;align-items:center;gap:var(--spacing-md)}.sc-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sc-icon svg{width:24px;height:24px;color:var(--color-text-secondary)}.sc-header-info{display:flex;flex-direction:column;gap:4px}.sc-number{font-size:var(--font-size-lg);font-weight:var(--font-bold);font-family:monospace;color:var(--color-text)}.sc-separator{height:1px;background:var(--color-border);margin:var(--spacing-md) 0}.sc-info-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm)}.sc-info-grid.desktop{grid-template-columns:repeat(2,1fr)}.sc-info-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0}.sc-info-icon{width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sc-info-icon svg{width:16px;height:16px;color:var(--color-text-secondary)}.sc-info-content{display:flex;flex-direction:column;gap:2px;min-width:0}.sc-info-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.sc-info-value{font-size:var(--font-size-sm);color:var(--color-text);font-weight:var(--font-medium)}@media(max-width:768px){.sc-main-header{flex-direction:column;align-items:flex-start}.sc-main-action,.sc-main-action .btn{width:100%}}.vehicle-detail-card{padding:var(--spacing-sm) 0}.vehicle-detail-main{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:var(--spacing-xs)}.vehicle-detail-name{font-weight:var(--font-semibold);font-size:var(--font-size-md);color:var(--color-text)}.vehicle-detail-meta{display:flex;flex-direction:column;gap:2px;font-size:var(--font-size-sm);color:var(--color-text-muted)}.vehicle-detail-meta span{display:block}.vehicle-vin{font-family:monospace;font-size:var(--font-size-xs);word-break:break-all}.sc-info-row.clickable{cursor:pointer;border-radius:var(--radius-md);margin:0 calc(-1 * var(--spacing-xs));padding-left:var(--spacing-xs);padding-right:var(--spacing-xs);transition:background var(--transition-fast)}.sc-info-row.clickable:hover{background:var(--color-bg-tertiary)}.sc-info-row.clickable:active{transform:scale(.99)}.table-filters{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:200px;max-width:400px}.search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--color-text-muted);pointer-events:none}.search-box .form-input{padding-left:40px}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.modal{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal-header h3{margin:0;font-size:var(--font-size-lg)}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--color-text-muted);cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:var(--color-text)}.modal-body{padding:var(--spacing-lg);overflow-y:auto}.modal-footer{display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-lg);border-top:1px solid var(--color-border)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media(max-width:500px){.form-row{grid-template-columns:1fr}}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-medium);margin-bottom:var(--spacing-xs);color:var(--color-text)}.form-group textarea.form-input{resize:vertical;min-height:80px}.form-error{font-size:var(--font-size-xs);color:var(--color-error);margin-top:4px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.info-item .info-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.info-item .info-value{font-size:var(--font-size-md)}.info-item .info-value a{color:var(--color-text)}.info-item .info-value a:hover{text-decoration:underline}.vehicles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--spacing-lg)}.vehicle-card{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md)}.vehicle-header{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.vehicle-icon{width:48px;height:48px;background:var(--color-bg-secondary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.vehicle-icon svg{width:24px;height:24px;color:var(--color-text-muted)}.vehicle-info{flex:1}.vehicle-name{font-weight:var(--font-semibold);margin-bottom:2px}.vehicle-meta{display:flex;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-muted)}.vehicle-stats{display:flex;gap:var(--spacing-lg);padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-md);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.vehicle-stats .stat{text-align:center}.vehicle-stats .stat-value{font-size:var(--font-size-lg);font-weight:var(--font-bold)}.vehicle-stats .stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.vehicle-actions{display:flex;gap:var(--spacing-sm)}.stats-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.stat-row{display:flex;justify-content:space-between;align-items:center}.stat-row .stat-label{color:var(--color-text-muted);font-size:var(--font-size-sm)}.stat-row .stat-value{font-weight:var(--font-semibold)}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted)}.pagination-wrapper{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.text-danger{color:var(--color-error)}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:var(--font-size-sm)}.font-medium{font-weight:var(--font-medium)}.py-8{padding-top:2rem;padding-bottom:2rem}.mb-4{margin-bottom:1rem}@media(max-width:768px){.clients-table-desktop{display:none}.clients-cards-mobile{display:flex;flex-direction:column;gap:var(--spacing-sm)}}@media(min-width:769px){.clients-table-desktop{display:block}.clients-cards-mobile{display:none}}.client-card-mobile{display:flex;flex-direction:column;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);gap:var(--spacing-sm);transition:all var(--transition-fast)}.client-card-mobile:active{transform:scale(.98);opacity:.9}.client-card-header-mobile{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.client-details-mobile{display:flex;flex-direction:column;gap:var(--spacing-xs)}.client-detail-row{display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.client-detail-row svg{width:14px;height:14px;flex-shrink:0;color:var(--color-text-muted)}.client-detail-row a{color:var(--color-text-secondary);text-decoration:none}.client-detail-row a:hover{color:var(--color-accent)}.client-footer-mobile{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-sm);border-top:1px solid var(--color-border);margin-top:var(--spacing-xs)}.cl-client-cell{display:flex;align-items:center;gap:12px}.cl-avatar{width:38px;height:38px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:var(--font-bold);flex-shrink:0;letter-spacing:.5px}.cl-name{font-size:13px;font-weight:var(--font-semibold);color:var(--color-text);text-decoration:none;display:block;line-height:1.2}.cl-name:hover{color:var(--color-text)}.cl-since{font-size:11px;color:var(--color-text-muted);display:block;margin-top:2px}.cl-contact{display:flex;flex-direction:column;gap:4px}.cl-contact-row{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast)}.cl-contact-row svg{width:13px;height:13px;flex-shrink:0;color:var(--color-accent);opacity:.7}.cl-contact-row:hover{color:var(--color-text)}.cl-contact-row:hover svg{opacity:1}.cl-contact-email svg{color:var(--color-info)}.cl-stat{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-muted)}.cl-stat svg{width:14px;height:14px;opacity:.5}.cl-stat--active{color:var(--color-success);font-weight:var(--font-semibold)}.cl-stat--active svg{opacity:.8;color:var(--color-success)}.import-dropzone{position:relative}.import-file-input{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:2}.import-dropzone-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.import-dropzone-label:hover{border-color:var(--color-accent);background:var(--color-bg-tertiary)}.client-main-card{padding:0!important;overflow:hidden}.client-main-header{padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-bg-tertiary) 0%,transparent 100%)}.client-id-section{display:flex;align-items:center;gap:var(--spacing-md)}.client-avatar-lg{width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-border);color:var(--color-text);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-lg);flex-shrink:0}.client-header-info{display:flex;flex-direction:column;gap:4px}.client-name-row{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.client-name{font-size:1.25rem;font-weight:700;color:var(--color-text);margin:0}.badge-quick7{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;padding:3px 8px 3px 6px;border-radius:6px;background:linear-gradient(135deg,#22c55e14,#3b82f614);border:1px solid rgba(34,197,94,.2);color:var(--color-success)}.badge-quick7 svg{width:10px;height:10px}.client-since{font-size:var(--font-size-sm);color:var(--color-text-muted)}.client-separator{height:1px;background:var(--color-border)}.client-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);padding:var(--spacing-lg)}.client-info-row{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm)}.client-info-row.full-width{grid-column:1/-1}.client-info-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-bg-tertiary);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0}.client-info-icon svg{width:18px;height:18px}.client-info-content{display:flex;flex-direction:column;gap:2px}.client-info-label{font-size:10px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.client-info-value{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);text-decoration:none}.orders-list{display:flex;flex-direction:column;gap:2px;margin-top:var(--spacing-md)}.order-list-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:all var(--transition-fast)}.order-list-item:hover{background:var(--color-bg-secondary);box-shadow:0 0 0 1px var(--color-accent)}.order-list-item:first-child{border-radius:var(--radius-md) var(--radius-md) 4px 4px}.order-list-item:last-child{border-radius:4px 4px var(--radius-md) var(--radius-md)}.order-list-item:only-child{border-radius:var(--radius-md)}.order-list-main{flex:1;min-width:0}.order-list-number{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text)}.order-list-vehicle{font-size:var(--font-size-xs);color:var(--color-text-muted)}.order-list-meta{display:flex;align-items:center;gap:var(--spacing-sm)}.order-list-date{font-size:var(--font-size-xs);color:var(--color-text-muted)}.order-list-amount{font-weight:700;font-size:var(--font-size-sm);color:var(--color-text);white-space:nowrap}.empty-state-compact{padding:var(--spacing-lg);text-align:center}.client-stats{margin-top:var(--spacing-sm)}.client-stat-item{text-align:center;padding:var(--spacing-sm)}.client-stat-item.highlight{padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.client-stat-value{font-size:1.25rem;font-weight:800;color:var(--color-text)}.highlight .client-stat-value{font-size:1.5rem;color:var(--color-success)}.client-stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.client-stat-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.loyalty-balance{text-align:center;padding:var(--spacing-md);background:#eab30814;border:1px solid rgba(234,179,8,.2);border-radius:var(--radius-md);margin-top:var(--spacing-sm)}.loyalty-points{font-size:2rem;font-weight:800;color:#eab308}.loyalty-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}@media(max-width:768px){.client-info-grid{grid-template-columns:1fr}.order-list-item{flex-wrap:wrap}.order-list-amount{width:100%;text-align:right;margin-top:var(--spacing-xs)}}.vehicles-list{display:flex;flex-direction:column;gap:2px;margin-top:var(--spacing-md)}.vehicle-list-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.vehicle-list-item:first-child{border-radius:var(--radius-md) var(--radius-md) 4px 4px}.vehicle-list-item:last-child{border-radius:4px 4px var(--radius-md) var(--radius-md)}.vehicle-list-item:only-child{border-radius:var(--radius-md)}.vehicle-list-item:hover{background:var(--color-bg-secondary)}.vehicle-list-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0}.vehicle-list-icon svg{width:18px;height:18px}.vehicle-list-info{flex:1;min-width:0}.vehicle-list-name{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text);display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.vehicle-plate{display:inline-block;padding:2px 6px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:10px;font-weight:700;font-family:monospace;letter-spacing:1px}.vehicle-list-meta{display:flex;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.vehicle-list-meta span:not(:last-child):after{content:"·";margin-left:var(--spacing-sm)}.vehicle-list-actions{display:flex;gap:4px}@media(max-width:768px){.vehicle-list-item{flex-wrap:wrap}.vehicle-list-actions{width:100%;justify-content:flex-end;margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--color-border)}}.client-mobile-layout{display:none}.client-desktop-layout{display:block}@media(max-width:768px){.client-mobile-layout{display:flex;flex-direction:column;gap:var(--spacing-md)}.client-desktop-layout{display:none!important}.client-info-grid{grid-template-columns:1fr!important}}.orders-list-mobile{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.order-card-mobile{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:all var(--transition-fast)}.order-card-mobile:active{transform:scale(.98)}.order-card-header{display:flex;justify-content:space-between;align-items:center}.order-card-number{font-weight:700;font-size:var(--font-size-sm);color:var(--color-text)}.order-card-vehicle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.order-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-xs);border-top:1px solid var(--color-border);margin-top:var(--spacing-xs)}.order-card-date{font-size:var(--font-size-xs);color:var(--color-text-muted)}.order-card-amount{font-weight:700;font-size:var(--font-size-sm);color:var(--color-text)}.loyalty-status-card{background:var(--color-bg-secondary);margin-bottom:var(--spacing-lg)}.loyalty-status-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.loyalty-status-info{display:flex;align-items:center;gap:var(--spacing-md)}.loyalty-status-info h3{font-size:var(--font-size-lg);font-weight:var(--font-semibold);margin:0 0 4px}.loyalty-status-info p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}@media(max-width:768px){.loyalty-status-info h3{font-size:var(--font-size-base)}.loyalty-status-info p{font-size:var(--font-size-xs)}}.loyalty-stack{display:flex;flex-direction:column;gap:var(--spacing-lg)}.loyalty-expire-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.loyalty-expire-row .loyalty-expire-info span{font-size:var(--font-size-sm);color:var(--color-text);font-weight:var(--font-medium)}.toggle-switch{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-switch input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.toggle-slider{position:relative;width:44px;height:24px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);border:1px solid var(--color-border);transition:all var(--transition-fast)}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:var(--radius-full);transition:all var(--transition-fast);box-shadow:0 2px 4px #0000001a}input:checked+.toggle-slider{background:var(--color-success);border-color:var(--color-success)}input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-label{font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.toggle-switch input:checked~.toggle-label{color:var(--color-success)}.toggle-switch-sm{display:inline-flex;cursor:pointer}.toggle-switch-sm input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.toggle-slider-sm{position:relative;width:36px;height:20px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);border:1px solid var(--color-border);transition:all var(--transition-fast);display:block}.toggle-slider-sm:before{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:var(--radius-full);transition:all var(--transition-fast);box-shadow:0 1px 3px #0000001a}input:checked+.toggle-slider-sm{background:var(--color-success);border-color:var(--color-success)}input:checked+.toggle-slider-sm:before{transform:translate(16px)}.input-with-suffix{position:relative;display:flex;align-items:center}.input-with-suffix .form-input{padding-right:70px}.input-suffix{position:absolute;right:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:var(--font-medium);pointer-events:none}.rewards-table-desktop{display:block}@media(max-width:768px){.rewards-table-desktop{display:none}}.reward-name{font-weight:var(--font-medium);color:var(--color-text);margin-bottom:2px}.reward-description{font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.4}.points-cell{display:flex;align-items:center;gap:6px;font-weight:var(--font-semibold);color:var(--color-accent)}.points-cell svg{width:16px;height:16px;color:var(--color-accent)}.usage-progress{display:flex;flex-direction:column;gap:4px;min-width:80px}.usage-progress span{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-medium)}.progress-bar{height:4px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--color-accent);border-radius:var(--radius-full);transition:width var(--transition-normal)}.table-actions{display:flex;gap:var(--spacing-xs);justify-content:flex-end}.btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.btn-icon svg{width:18px;height:18px}.btn-icon:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.btn-icon-danger:hover{background:var(--color-error-bg);color:var(--color-error)}.rewards-cards-mobile{display:none}@media(max-width:768px){.rewards-cards-mobile{display:flex;flex-direction:column;gap:var(--spacing-md)}}.reward-card-mobile{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);transition:all var(--transition-fast)}.reward-card-mobile.inactive{opacity:.5}.reward-card-header-mobile{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.reward-card-header-mobile strong{font-weight:var(--font-semibold);font-size:var(--font-size-sm)}.reward-details-mobile{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.reward-detail-row{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.reward-detail-row strong{color:var(--color-text);font-weight:var(--font-medium)}.points-badge{display:inline-flex;align-items:center;gap:4px;background:var(--color-accent-bg, rgba(59, 130, 246, .1));color:var(--color-accent);padding:4px 8px;border-radius:var(--radius-sm);font-weight:var(--font-semibold);font-size:var(--font-size-xs)}.points-badge svg{width:12px;height:12px}.reward-footer-mobile{display:flex;gap:var(--spacing-xs);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-lg);text-align:center}.empty-state svg{width:64px;height:64px;color:var(--color-text-muted);margin-bottom:var(--spacing-md);opacity:.5}.empty-state p{font-size:var(--font-size-lg);font-weight:var(--font-medium);color:var(--color-text);margin-bottom:var(--spacing-xs)}.empty-state span{font-size:var(--font-size-sm)}[data-theme=dark] .toggle-slider:before,[data-theme=dark] .toggle-slider-sm:before{background:#e5e5e5}[data-theme=dark] .btn-icon:hover{background:var(--color-bg-tertiary)}.integrations-grid{display:grid;grid-template-columns:1fr 420px;gap:var(--spacing-lg)}@media(max-width:1100px){.integrations-grid{grid-template-columns:1fr}}.integrations-main,.integrations-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg)}.widget-status-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.widget-status-bar .status-info{display:flex;align-items:center;gap:var(--spacing-md)}.widget-status-bar .status-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.widget-status-bar .status-icon svg{width:20px;height:20px}.widget-status-bar .status-icon.active{background:var(--color-success-bg);color:var(--color-success)}.widget-status-bar .status-icon.inactive{background:var(--color-bg-secondary);color:var(--color-text-muted)}.widget-status-bar .status-text .status-title{font-weight:var(--font-semibold);margin-bottom:2px}.widget-status-bar .status-text .status-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.embed-type-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}@media(max-width:600px){.embed-type-grid{grid-template-columns:1fr}}.embed-type-card{position:relative;padding:var(--spacing-lg);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:center}.embed-type-card:hover{border-color:var(--color-border-hover)}.embed-type-card.selected{border-color:var(--color-accent);background:var(--color-info-bg)}.embed-type-card .embed-type-icon{width:48px;height:48px;margin:0 auto var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.embed-type-card .embed-type-icon svg{width:24px;height:24px;color:var(--color-text-secondary)}.embed-type-card.selected .embed-type-icon{background:var(--color-accent)}.embed-type-card.selected .embed-type-icon svg{color:#fff}.embed-type-card .embed-type-name{font-weight:var(--font-semibold);margin-bottom:4px}.embed-type-card .embed-type-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.embed-type-card .embed-type-check{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:20px;height:20px;background:var(--color-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:all var(--transition-fast)}.embed-type-card .embed-type-check svg{width:12px;height:12px;color:#fff}.embed-type-card.selected .embed-type-check{opacity:1;transform:scale(1)}.theme-options{display:flex;gap:var(--spacing-sm)}@media(max-width:500px){.theme-options{flex-direction:column}}.theme-option{flex:1;padding:var(--spacing-md);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:center}.theme-option:hover{border-color:var(--color-border-hover)}.theme-option.selected{border-color:var(--color-accent)}.theme-option .theme-preview{width:100%;height:40px;border-radius:var(--radius-sm);margin-bottom:var(--spacing-sm);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-medium)}.theme-option .theme-preview-auto{background:linear-gradient(135deg,#f5f5f7 50%,#1a1a1a 50%);color:transparent}.theme-option .theme-preview-light{background:#f5f5f7;border:1px solid rgba(0,0,0,.1);color:#1a1a1a}.theme-option .theme-preview-dark{background:#1a1a1a;color:#fff}.theme-option .theme-name{font-size:var(--font-size-sm);font-weight:var(--font-medium)}.code-block{position:relative;background:var(--color-bg-tertiary);border-radius:var(--radius-md);overflow:hidden}.code-block .code-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.code-block .code-header .code-label{font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.code-block .code-content{padding:var(--spacing-md);font-family:JetBrains Mono,Fira Code,monospace;font-size:var(--font-size-sm);line-height:1.6;color:var(--color-text);overflow-x:auto;white-space:pre-wrap;word-break:break-all;max-height:200px;overflow-y:auto}.copy-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.copy-btn svg{width:14px;height:14px}.copy-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-border-hover);color:var(--color-text)}.copy-btn.copied{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border)}.settings-row:last-child{border-bottom:none}.settings-row .settings-label .label-title{font-weight:var(--font-medium);margin-bottom:2px}.settings-row .settings-label .label-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.settings-row .settings-control{display:flex;align-items:center;gap:var(--spacing-sm)}.input-with-unit{display:flex;align-items:center;gap:0}.input-with-unit input{width:80px;border-radius:var(--radius-sm) 0 0 var(--radius-sm);border-right:none;text-align:center}.input-with-unit .input-unit{padding:10px 12px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.preview-card{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center}.preview-card .preview-title{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.preview-card .preview-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:14px 28px;background:var(--color-accent);color:#fff;font-weight:var(--font-semibold);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.preview-card .preview-button svg{width:18px;height:18px}.preview-card .preview-button:hover{filter:brightness(1.1);transform:translateY(-2px)}.services-warning{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-warning-bg);border:1px solid var(--color-warning);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.services-warning .warning-icon{flex-shrink:0;width:20px;height:20px;color:var(--color-warning)}.services-warning .warning-content{flex:1}.services-warning .warning-content .warning-title{font-weight:var(--font-semibold);color:var(--color-warning);margin-bottom:4px}.services-warning .warning-content .warning-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.services-warning .warning-content a{color:var(--color-warning);text-decoration:underline}.services-warning .warning-content a:hover{text-decoration:none}.token-display{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);font-family:JetBrains Mono,monospace;font-size:var(--font-size-sm)}.token-display .token-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary)}.color-picker-row{display:flex;align-items:center;gap:var(--spacing-sm)}.color-picker-row input[type=color]{width:40px;height:40px;padding:0;border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer}.color-picker-row input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.color-picker-row input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.color-picker-row input[type=text]{width:100px;font-family:monospace;text-transform:uppercase}.toggle-switch{position:relative;width:48px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch input:checked+.toggle-slider{background:var(--color-accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-switch .toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:var(--transition-fast)}.toggle-switch .toggle-slider:before{content:"";position:absolute;width:20px;height:20px;left:2px;top:2px;background:#fff;border-radius:50%;transition:var(--transition-fast);box-shadow:0 2px 4px #0000001a}.checkbox-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0}.checkbox-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-accent)}.checkbox-row label{font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer}.checkbox-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacing-sm)}.checkbox-group .checkbox-item{flex:1;min-width:150px}.checkbox-item{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:10px 12px;background:var(--color-bg-secondary);border-radius:var(--radius-md);transition:background var(--transition-fast)}.checkbox-item:hover{background:var(--color-bg-tertiary)}.checkbox-item input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.checkbox-item .checkbox-box{width:20px;height:20px;border:2px solid var(--color-border);border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);flex-shrink:0;background:var(--color-bg-primary)}.checkbox-item .checkbox-box:after{content:"";width:10px;height:6px;border:2px solid white;border-top:none;border-right:none;transform:rotate(-45deg) scale(0);transition:transform var(--transition-fast);margin-top:-2px}.checkbox-item input:checked+.checkbox-box{background:var(--color-accent);border-color:var(--color-accent)}.checkbox-item input:checked+.checkbox-box:after{transform:rotate(-45deg) scale(1)}.checkbox-item .checkbox-label{font-size:var(--font-size-sm);color:var(--color-text)}.settings-row-inline{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}@media(max-width:700px){.settings-row-inline{grid-template-columns:1fr}}.settings-row-inline .setting-item label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.settings-row-inline .setting-item .input-with-unit input{width:100%;flex:1}.account-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}@media(max-width:600px){.account-header{flex-direction:column;gap:var(--spacing-md);text-align:center}}.account-avatar{display:flex;align-items:center;gap:var(--spacing-md)}@media(max-width:600px){.account-avatar{flex-direction:column}}.avatar-circle{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:var(--font-bold);color:#fff;text-transform:uppercase}.avatar-info h1{font-size:var(--font-size-xl);font-weight:var(--font-bold);margin-bottom:4px}.avatar-info p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.account-badge{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-success-bg);border-radius:var(--radius-full);color:var(--color-success);font-size:var(--font-size-sm);font-weight:var(--font-medium)}.account-badge svg{width:16px;height:16px}.account-grid{display:grid;grid-template-columns:1fr 380px;gap:var(--spacing-lg)}@media(max-width:1100px){.account-grid{grid-template-columns:1fr}}.account-main,.account-sidebar{display:flex;flex-direction:column;gap:var(--spacing-lg)}.account-main .section-header,.account-sidebar .section-header{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);justify-content:flex-start}.account-main .section-header h3,.account-sidebar .section-header h3{font-size:var(--font-size-lg);font-weight:var(--font-semibold);margin-bottom:4px}.account-main .section-header p,.account-sidebar .section-header p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}@media(max-width:768px){.account-main .section-header,.account-sidebar .section-header{flex-direction:row!important;align-items:center!important;gap:var(--spacing-sm)}.account-main .section-header h3,.account-sidebar .section-header h3{font-size:var(--font-size-base)}.account-main .section-header p,.account-sidebar .section-header p{font-size:var(--font-size-xs)}}.section-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--color-info-bg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-icon svg{width:22px;height:22px;color:var(--color-accent)}.section-icon.warning{background:var(--color-warning-bg)}.section-icon.warning svg{color:var(--color-warning)}.section-icon.danger{background:var(--color-error-bg)}.section-icon.danger svg{color:var(--color-error)}.password-requirements{background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.password-requirements p{font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.password-requirements ul{list-style:none;padding:0;margin:0}.password-requirements ul li{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:4px 0 4px 20px;position:relative}.password-requirements ul li:before{content:"•";position:absolute;left:6px;color:var(--color-accent)}.account-info-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.account-info-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.info-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:center}.info-icon svg{width:18px;height:18px;color:var(--color-text-muted)}.info-icon.success svg{color:var(--color-success)}.info-content{display:flex;flex-direction:column;gap:2px}.info-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:var(--font-size-sm);font-weight:var(--font-medium);color:var(--color-text)}.quick-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.quick-action-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-medium);transition:all var(--transition-fast)}.quick-action-btn svg{width:18px;height:18px;color:var(--color-text-muted);transition:color var(--transition-fast)}.quick-action-btn:hover{background:var(--color-bg-secondary)}.quick-action-btn:hover svg{color:var(--color-text)}.danger-card{border:1px solid rgba(239,68,68,.2);background:#ef444405}.danger-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md);line-height:1.6}.btn-full{width:100%;justify-content:center}.cs-container .tabs-wrapper,.cs-container .glass-card,.cs-container .cs-grid{margin-bottom:var(--spacing-lg)!important}.cs-container .section-header{display:flex;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);justify-content:flex-start}.cs-container .section-header h3{font-size:var(--font-size-lg);font-weight:var(--font-semibold);margin-bottom:4px}.cs-container .section-header p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}@media(max-width:768px){.cs-container .section-header{flex-direction:row!important;align-items:flex-start!important}}.cs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}@media(max-width:900px){.cs-grid{grid-template-columns:1fr}}.cs-divider{font-size:var(--font-size-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-xs);margin:var(--spacing-lg) 0 var(--spacing-md) 0}.logo-upload{display:flex;align-items:center;gap:var(--spacing-lg)}@media(max-width:500px){.logo-upload{flex-direction:column;align-items:flex-start}}.logo-avatar{width:72px;height:72px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--color-bg-tertiary);border:2px solid var(--color-border)}.logo-avatar img{width:100%;height:100%;object-fit:cover}.logo-avatar .logo-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:var(--font-bold);color:var(--color-text-muted);text-transform:uppercase;background:var(--color-bg-tertiary)}.logo-info{display:flex;flex-direction:column;gap:6px}.logo-buttons{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.hours-list{display:flex;flex-direction:column;gap:6px}.hours-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all var(--transition-fast)}.hours-row.is-open{border-color:#22c55e26}.hours-row.is-closed{opacity:.55}.hours-row:hover{opacity:1;background:var(--color-bg-tertiary)}@media(max-width:500px){.hours-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}.hours-left{display:flex;align-items:center;gap:var(--spacing-md)}.hours-day-label{font-weight:var(--font-medium);min-width:110px}.hours-day-label .hours-short{display:none}@media(max-width:500px){.hours-day-label{min-width:auto}.hours-day-label .hours-full{display:none}.hours-day-label .hours-short{display:inline}}.hours-right{display:flex;align-items:center;gap:var(--spacing-sm)}.hours-toggle{position:relative;width:42px;height:24px;border-radius:12px;border:none;background:var(--color-bg-tertiary);cursor:pointer;transition:background var(--transition-fast);flex-shrink:0;padding:0}.hours-toggle .hours-toggle-dot{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--color-text-muted);transition:all var(--transition-fast)}.hours-toggle.on{background:var(--color-success)}.hours-toggle.on .hours-toggle-dot{transform:translate(18px);background:#fff}.hours-input{width:100px!important;text-align:center;padding:6px var(--spacing-sm)!important;font-size:var(--font-size-sm)!important}@media(max-width:500px){.hours-input{width:90px!important}}.hours-sep{color:var(--color-text-muted)}.hours-off{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic}.workstation-form{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border:1px solid var(--color-border)}.form-row-inline{display:flex;align-items:flex-start;gap:var(--spacing-md);flex-wrap:wrap}.form-row-inline>.form-group{margin-bottom:0;flex:1;min-width:180px}.form-row-inline>.color-select{padding-top:8px}.form-row-inline>.form-group:last-child{flex:0 0 auto;min-width:auto;padding-top:0}.form-row-inline>.form-group:last-child .btn{margin-right:var(--spacing-sm)}@media(max-width:900px){.form-row-inline{flex-direction:column}.form-row-inline>.form-group,.form-row-inline>.color-select{width:100%;flex:none;min-width:0}}.color-select{display:flex;gap:6px;flex-wrap:wrap}.color-dot{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.color-dot:hover{transform:scale(1.15)}.color-dot.active{border-color:#fff;box-shadow:0 0 0 2px var(--color-text-muted);transform:scale(1.15)}.workstations-list{display:flex;flex-direction:column;gap:6px}.workstation-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all var(--transition-fast)}.workstation-item:hover{background:var(--color-bg-tertiary)}.workstation-item.inactive{opacity:.5}.workstation-item.editing{border-color:var(--color-text-muted)}@media(max-width:700px){.workstation-item{flex-wrap:wrap}}.workstation-color{width:6px;height:40px;border-radius:3px;flex-shrink:0}.workstation-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.workstation-name{font-weight:var(--font-medium);color:var(--color-text)}.workstation-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workstation-status{flex-shrink:0}.workstation-actions{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}@media(max-width:700px){.workstation-actions{width:100%;justify-content:flex-end;padding-top:var(--spacing-sm);margin-top:var(--spacing-sm);border-top:1px solid var(--color-border)}}.team-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);gap:var(--spacing-md)}@media(max-width:600px){.team-header{flex-direction:column;align-items:stretch}}.team-header p{margin:0}.team-list{display:flex;flex-direction:column;gap:6px}.team-member{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all var(--transition-fast)}.team-member:hover{background:var(--color-bg-tertiary)}@media(max-width:700px){.team-member{flex-wrap:wrap}}.member-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-bg-tertiary);border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:var(--font-bold);color:var(--color-text-muted);text-transform:uppercase;flex-shrink:0}.member-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.member-name{font-weight:var(--font-medium);color:var(--color-text)}.member-email{font-size:var(--font-size-sm);color:var(--color-text-muted)}.member-role{flex-shrink:0}.member-role .form-select{width:auto;min-width:150px;padding:6px var(--spacing-md);font-size:var(--font-size-sm)}@media(max-width:700px){.member-role,.member-role .form-select{width:100%}}.member-actions{flex-shrink:0}@media(max-width:700px){.member-actions{width:100%;display:flex;justify-content:flex-end;padding-top:var(--spacing-sm);margin-top:var(--spacing-sm);border-top:1px solid var(--color-border)}}.role-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-semibold)}.role-badge svg{width:14px;height:14px}.role-badge.owner{background:#ffffff14;color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.role-badge.admin{background:#ffffff0d;color:var(--color-text);border:1px solid var(--color-border)}.role-badge.employee{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border)}.roles-info{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border);margin-top:var(--spacing-lg)}.role-info-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.role-info-item:not(:last-child){border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.role-info-item .role-badge{min-width:120px;justify-content:center}.role-info-item span:last-child{font-size:var(--font-size-sm);color:var(--color-text-muted)}@media(max-width:600px){.role-info-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.settings-grid .full-width{grid-column:1/-1}.logo-section{display:flex;align-items:flex-start;gap:var(--spacing-lg)}.current-logo{width:120px;height:120px;object-fit:contain;border-radius:var(--radius-lg);background:var(--color-bg-tertiary);padding:var(--spacing-sm)}.logo-placeholder{width:120px;height:120px;border-radius:var(--radius-lg);background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:var(--font-bold);color:var(--color-text-muted);text-transform:uppercase}@media(max-width:768px){.cs-tabs{gap:2px;padding:3px}.cs-tab{padding:8px 12px;font-size:12px;gap:4px}.cs-tab svg{width:14px;height:14px}.logo-upload{flex-direction:row!important;align-items:center;gap:var(--spacing-md)}.logo-avatar{width:56px;height:56px}.cs-container .section-header{flex-direction:row!important;align-items:center!important;gap:var(--spacing-sm)}.cs-container .section-header h3{font-size:var(--font-size-base)}.cs-container .section-header p{font-size:var(--font-size-xs)}.hours-row{flex-direction:row!important;align-items:center;padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.hours-left{gap:var(--spacing-sm);flex-shrink:0}.hours-toggle{width:36px;height:20px;border-radius:10px}.hours-toggle .hours-toggle-dot{width:14px;height:14px;top:3px;left:3px}.hours-toggle.on .hours-toggle-dot{transform:translate(16px)}.hours-day-label{min-width:auto;font-size:var(--font-size-sm)}.hours-day-label .hours-full{display:none}.hours-day-label .hours-short{display:inline}.hours-right{margin-left:auto}.hours-input{width:80px!important;padding:4px 6px!important;font-size:13px!important}.hours-off{font-size:var(--font-size-xs)}.cs-grid{grid-template-columns:1fr}.cs-divider{margin:var(--spacing-md) 0 var(--spacing-sm) 0;font-size:10px}.workstation-form{padding:var(--spacing-md)}.form-row-inline{flex-direction:column}.form-row-inline>.form-group,.form-row-inline>.color-select{width:100%;flex:none;min-width:0}.workstation-item{padding:var(--spacing-sm) var(--spacing-md)}.workstation-actions{width:auto;border-top:none;padding-top:0;margin-top:0}.team-header{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.team-member{flex-wrap:nowrap;padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.member-avatar{width:36px;height:36px;font-size:11px}.member-role .form-select{min-width:110px;padding:4px 8px;font-size:var(--font-size-xs)}.member-role .role-badge{font-size:10px;padding:3px 8px}.member-actions{width:auto;border-top:none;padding-top:0;margin-top:0}.roles-info{padding:var(--spacing-sm) var(--spacing-md)}.role-info-item{flex-direction:row;gap:var(--spacing-sm)}.role-info-item .role-badge{min-width:90px;font-size:10px}.role-info-item span:last-child{font-size:var(--font-size-xs)}.form-row{flex-direction:column;gap:0}.form-actions .btn{width:100%}}.sub-hero{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-radius:var(--radius-xl);border:1px solid var(--color-border);background:var(--color-bg-secondary);margin-bottom:16px}.sub-hero--active{border-color:color-mix(in srgb,var(--color-success) 30%,transparent);background:linear-gradient(135deg,var(--color-bg-secondary),color-mix(in srgb,var(--color-success) 5%,var(--color-bg-secondary)))}.sub-hero--trial{border-color:color-mix(in srgb,var(--color-warning) 30%,transparent);background:linear-gradient(135deg,var(--color-bg-secondary),color-mix(in srgb,var(--color-warning) 5%,var(--color-bg-secondary)))}.sub-hero--expired{border-color:color-mix(in srgb,var(--color-error) 30%,transparent);background:linear-gradient(135deg,var(--color-bg-secondary),color-mix(in srgb,var(--color-error) 5%,var(--color-bg-secondary)))}.sub-hero-plan{display:flex;align-items:center;gap:10px;margin-bottom:6px}.sub-hero-plan-badge{font-size:20px;font-weight:var(--font-bold)}.sub-status-dot{width:8px;height:8px;border-radius:50%}.sub-status-dot--active{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.sub-status-dot--trial{background:var(--color-warning);box-shadow:0 0 6px var(--color-warning)}.sub-status-dot--expired{background:var(--color-error);box-shadow:0 0 6px var(--color-error)}.sub-status-text{font-size:12px;font-weight:var(--font-semibold);color:var(--color-text-secondary)}.sub-hero-studio{font-size:13px;color:var(--color-text-muted);margin-bottom:8px}.sub-hero-date{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-secondary)}.sub-hero-date svg{width:16px;height:16px;flex-shrink:0}.sub-hero-price{display:flex;align-items:baseline;gap:4px}.sub-price-amount{font-size:36px;font-weight:var(--font-bold);line-height:1}.sub-price-unit{font-size:13px;color:var(--color-text-muted);line-height:1.2}.sub-price-unit small{font-size:11px}.sub-alert{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;border-radius:var(--radius-lg);font-size:13px;margin-bottom:16px}.sub-alert svg{width:20px;height:20px;flex-shrink:0;margin-top:1px}.sub-alert p{margin-top:4px;opacity:.8;font-size:12px}.sub-alert--warning{background:color-mix(in srgb,var(--color-warning) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-warning) 25%,transparent);color:var(--color-warning)}.sub-alert--error{background:color-mix(in srgb,var(--color-error) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 25%,transparent);color:var(--color-error)}.sub-alert--info{background:color-mix(in srgb,var(--color-info) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-info) 25%,transparent);color:var(--color-info)}.sub-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}@media(max-width:900px){.sub-stats-grid{grid-template-columns:repeat(2,1fr)}}.sub-stat-card{display:flex;align-items:center;gap:14px;padding:18px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.sub-stat-icon{width:42px;height:42px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sub-stat-icon svg{width:20px;height:20px}.sub-stat-icon--accent{background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent)}.sub-stat-icon--info{background:color-mix(in srgb,var(--color-info) 12%,transparent);color:var(--color-info)}.sub-stat-icon--success{background:color-mix(in srgb,var(--color-success) 12%,transparent);color:var(--color-success)}.sub-stat-icon--warning{background:color-mix(in srgb,var(--color-warning) 12%,transparent);color:var(--color-warning)}.sub-stat-data{display:flex;flex-direction:column}.sub-stat-value{font-size:20px;font-weight:var(--font-bold);line-height:1.1}.sub-stat-label{font-size:11px;color:var(--color-text-muted);margin-top:2px}.sub-two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:768px){.sub-two-col{grid-template-columns:1fr}}.sub-section-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:var(--font-bold);margin-bottom:16px}.sub-section-title svg{width:18px;height:18px;color:var(--color-text-secondary)}.sub-sms-display{display:flex;flex-direction:column;gap:12px}.sub-sms-big-number{display:flex;align-items:baseline;gap:4px}.sub-sms-used{font-size:32px;font-weight:var(--font-bold);line-height:1}.sub-sms-sep,.sub-sms-total{font-size:20px;color:var(--color-text-muted)}.sub-sms-bar-wrap{height:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.sub-sms-bar{height:100%;border-radius:var(--radius-full);transition:width .6s ease}.sub-sms-bar[data-color=ok]{background:var(--color-success)}.sub-sms-bar[data-color=warning]{background:var(--color-warning)}.sub-sms-bar[data-color=danger]{background:var(--color-error)}.sub-sms-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--color-text-muted)}.sub-features{display:flex;flex-direction:column;gap:10px}.sub-feature{display:flex;align-items:center;gap:10px;font-size:13px}.sub-feature--disabled{opacity:.4}.sub-feature-check{width:18px;height:18px;color:var(--color-success);flex-shrink:0}.sub-feature-x{width:18px;height:18px;color:var(--color-text-muted);flex-shrink:0}.sub-invoices-table{overflow-x:auto}.sub-invoices-table table{width:100%;border-collapse:collapse}.sub-invoices-table th{padding:8px 12px;text-align:left;font-size:11px;font-weight:var(--font-bold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border)}.sub-invoices-table td{padding:10px 12px;font-size:13px;border-bottom:1px solid var(--color-border)}.sub-invoices-table tr:last-child td{border-bottom:none}.sub-invoices-table tr:hover td{background:var(--color-bg-tertiary)}.sub-dl-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast)}.sub-dl-btn svg{width:16px;height:16px}.sub-dl-btn:hover{background:var(--color-bg-tertiary);color:var(--color-accent)}.sub-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px;color:var(--color-text-muted);font-size:13px}.sub-empty svg{width:32px;height:32px;opacity:.4}.sub-cta{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;margin-top:16px;border-radius:var(--radius-xl);background:linear-gradient(135deg,color-mix(in srgb,var(--color-accent) 10%,var(--color-bg-secondary)),color-mix(in srgb,var(--color-accent) 4%,var(--color-bg-secondary)));border:1px solid color-mix(in srgb,var(--color-accent) 25%,transparent)}.sub-cta h3{font-size:16px;font-weight:var(--font-bold);margin-bottom:4px}.sub-cta p{font-size:13px;color:var(--color-text-secondary)}@media(max-width:768px){.sub-cta{flex-direction:column;gap:16px;text-align:center}}.sub-cta-btn{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:12px 24px!important;font-size:14px!important}@media(max-width:768px){.sub-hero{flex-direction:column;align-items:flex-start;padding:18px 16px}.sub-hero-plan-badge{font-size:16px}.sub-stats-grid{grid-template-columns:1fr 1fr;gap:8px}.sub-stat-card{padding:14px;gap:10px}.sub-stat-icon{width:36px;height:36px}.sub-stat-icon svg{width:16px;height:16px}.sub-stat-value{font-size:16px}.sub-stat-label{font-size:10px}.sub-two-col{grid-template-columns:1fr;gap:12px}.sub-sms-big-number .sub-sms-used{font-size:24px}.sub-sms-big-number .sub-sms-total,.sub-sms-big-number .sub-sms-sep{font-size:16px}.sub-sms-meta{flex-direction:column;gap:4px}.sub-features{gap:8px}.sub-feature{font-size:12px;gap:8px}.sub-feature-check,.sub-feature-x{width:16px;height:16px}.sub-alert{flex-direction:column;gap:8px;padding:12px 14px}.sub-alert svg{width:18px;height:18px}.sub-alert .btn{margin-left:0!important;width:100%;justify-content:center}.sub-section-title{font-size:13px}.sub-invoices-table table,.sub-invoices-table thead,.sub-invoices-table tbody,.sub-invoices-table th,.sub-invoices-table td,.sub-invoices-table tr{display:block}.sub-invoices-table thead{display:none}.sub-invoices-table tr{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:14px;margin-bottom:8px;border:1px solid var(--color-border)}.sub-invoices-table tr:hover td{background:transparent}.sub-invoices-table td{padding:3px 0;border-bottom:none;display:flex;justify-content:space-between;align-items:center;font-size:13px}.sub-invoices-table td:before{content:attr(data-label);font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px;min-width:80px}.sub-invoices-table td:first-child{padding-top:0;font-size:14px}.sub-invoices-table td:last-child{padding-top:6px;padding-bottom:0;justify-content:flex-end}.sub-dl-btn{width:36px;height:36px}.glass-card{padding:14px}}@media(max-width:480px){.sub-stats-grid{grid-template-columns:1fr;gap:6px}.sub-stat-card{padding:12px;flex-direction:row}.sub-stat-value{font-size:15px}.sub-hero-plan{flex-wrap:wrap;gap:6px}.sub-hero-plan-badge{font-size:14px}.sub-hero-date{font-size:12px}}.client-layout{min-height:100vh;display:flex;flex-direction:column}.client-header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.client-header .header-brand .brand-name{font-size:var(--font-size-lg);font-weight:700;color:var(--color-text-primary);text-decoration:none}.client-header .header-nav{display:flex;gap:var(--spacing-md)}.client-header .nav-link{color:var(--color-text-muted);text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all .2s}.client-header .nav-link:hover,.client-header .nav-link.active{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.client-main{flex:1;padding:var(--spacing-xl)}.client-main .container{max-width:1200px;margin:0 auto}.client-footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--spacing-lg);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.client-dashboard .page-header{margin-bottom:var(--spacing-xl)}.client-dashboard .page-header h1{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xs)}.client-dashboard .dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg)}.items-list{display:flex;flex-direction:column}.list-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.list-item:last-child{border-bottom:none}.list-item-link{text-decoration:none;color:inherit;transition:background .2s}.list-item-link:hover{background:var(--color-bg-tertiary)}.item-icon{width:40px;height:40px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.item-icon svg{width:20px;height:20px;color:var(--color-text-muted)}.item-info{flex:1;min-width:0}.item-meta{text-align:right;flex-shrink:0}.user-dropdown{position:relative}.user-btn{display:flex;align-items:center;gap:var(--spacing-sm);background:none;border:none;cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);color:var(--color-text-primary)}.user-btn:hover{background:var(--color-bg-tertiary)}.user-dropdown .dropdown-menu{position:absolute;top:100%;right:0;margin-top:var(--spacing-xs);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-lg);display:none;z-index:1000}.user-dropdown:hover .dropdown-menu,.user-dropdown:focus-within .dropdown-menu{display:block}.dropdown-header{padding:var(--spacing-md)}.dropdown-divider{border-top:1px solid var(--color-border)}.dropdown-item{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;text-align:left;cursor:pointer;color:var(--color-text-primary)}.dropdown-item:hover{background:var(--color-bg-tertiary)}.dropdown-item.text-danger{color:var(--color-danger)}@media(max-width:768px){.client-header{flex-wrap:wrap;gap:var(--spacing-md);padding:var(--spacing-md)}.client-dashboard .dashboard-grid{grid-template-columns:1fr}}.q7-widget{--q7-bg: #f8f9fa;--q7-bg-card: #ffffff;--q7-text: #1a1a1a;--q7-text-secondary: #6b7280;--q7-text-muted: #9ca3af;--q7-border: #e5e7eb;--q7-radius: 12px;--q7-radius-sm: 8px;--q7-success: #22c55e;--q7-error: #ef4444}.q7-widget.dark{--q7-bg: #0f0f0f;--q7-bg-card: #1a1a1a;--q7-text: #ffffff;--q7-text-secondary: #a1a1a1;--q7-text-muted: #666666;--q7-border: #2a2a2a}.q7-widget{font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;line-height:1.5;color:var(--q7-text);background:var(--q7-bg);min-height:100%}.q7-widget *,.q7-widget *:before,.q7-widget *:after{box-sizing:border-box;margin:0;padding:0}.q7-widget button{font-family:inherit;cursor:pointer}.q7-widget input,.q7-widget textarea,.q7-widget select{font-family:inherit;font-size:15px;color:var(--q7-text);background:var(--q7-bg-card)}.q7-bg-gradient{display:none}.q7-container{max-width:520px;margin:0 auto;padding:16px}.q7-container.animate-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.q7-header{display:flex;align-items:center;gap:12px;padding:12px 0 16px}.q7-logo{width:48px;height:48px;border-radius:10px;object-fit:cover}.q7-logo-placeholder{width:48px;height:48px;background:var(--accent);border-radius:10px;display:flex;align-items:center;justify-content:center}.q7-logo-placeholder svg{width:24px;height:24px;color:#fff}.q7-header-text h1{font-size:18px;font-weight:700;color:var(--q7-text)}.q7-header-text p{font-size:13px;color:var(--q7-text-secondary)}.q7-progress{display:flex;align-items:center;justify-content:center;padding:8px 0 16px}.q7-step{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 8px;background:none;border:none}.q7-step.active .q7-step-num{background:var(--accent);color:#fff;border-color:var(--accent)}.q7-step-num{width:32px;height:32px;border-radius:50%;border:2px solid var(--q7-border);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;color:var(--q7-text-muted);background:var(--q7-bg-card)}.q7-step-num svg{width:16px;height:16px}.q7-step-label{font-size:11px;font-weight:500;color:var(--q7-text-secondary)}.q7-step-line{width:32px;height:2px;background:var(--q7-border)}.q7-step-line.active{background:var(--accent)}.q7-card{background:var(--q7-bg-card);border:1px solid var(--q7-border);border-radius:var(--q7-radius);padding:18px;margin-bottom:12px}.q7-card-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.q7-card-header h2{font-size:17px;font-weight:700;color:var(--q7-text)}.q7-card-header p{font-size:13px;color:var(--q7-text-secondary)}.q7-card-icon{width:42px;height:42px;background:rgba(var(--accent-rgb),.1);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.q7-card-icon svg{width:22px;height:22px;color:var(--accent)}.q7-service-category{margin-bottom:14px}.q7-service-category:last-child{margin-bottom:0}.q7-category-name{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--q7-text-muted);margin-bottom:8px}.q7-service-list{display:flex;flex-direction:column;gap:8px}.q7-service{display:flex;align-items:center;gap:10px;padding:12px;background:var(--q7-bg);border:2px solid transparent;border-radius:10px;text-align:left;width:100%}.q7-service:hover{border-color:rgba(var(--accent-rgb),.3)}.q7-service.selected{border-color:var(--accent);background:rgba(var(--accent-rgb),.05)}.q7-service.selected .q7-service-check{background:var(--accent);border-color:var(--accent)}.q7-service.selected .q7-service-check svg{opacity:1}.q7-service-check{width:22px;height:22px;border:2px solid var(--q7-border);border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--q7-bg-card)}.q7-service-check svg{width:12px;height:12px;color:#fff;opacity:0}.q7-service-info{flex:1;min-width:0}.q7-service-name{display:block;font-weight:600;font-size:15px;color:var(--q7-text)}.q7-service-desc{display:block;font-size:12px;color:var(--q7-text-muted);margin:2px 0}.q7-service-duration{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--q7-text-secondary)}.q7-service-duration svg{width:12px;height:12px}.q7-service-price{font-weight:700;font-size:15px;color:var(--accent);white-space:nowrap}.q7-summary-float{position:fixed;bottom:0;left:0;right:0;background:var(--q7-bg-card);border-top:1px solid var(--q7-border);padding:12px 16px;z-index:100}.q7-summary-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding-bottom:10px;background:none;border:none}.q7-summary-info{text-align:left}.q7-summary-count{font-size:12px;color:var(--q7-text-secondary)}.q7-summary-total{font-size:17px;font-weight:700;color:var(--q7-text)}.q7-chevron{width:18px;height:18px;color:var(--q7-text-muted);transition:transform .2s}.q7-chevron.rotate{transform:rotate(180deg)}.q7-summary-details{border-top:1px solid var(--q7-border);padding-top:10px;margin-bottom:10px}.q7-summary-item{display:flex;justify-content:space-between;font-size:13px;padding:3px 0;color:var(--q7-text-secondary)}.q7-summary-duration{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--q7-text-muted);margin-top:6px}.q7-summary-duration svg{width:14px;height:14px}.q7-workstation-filter{margin-bottom:16px}.q7-workstation-tabs{display:flex;flex-wrap:wrap;gap:8px}.q7-workstation-tab{padding:10px 16px;font-size:13px;font-weight:500;background:var(--q7-bg-card);border:1px solid var(--q7-border);border-radius:8px;color:var(--q7-text-secondary);cursor:pointer;transition:all .15s}.q7-workstation-tab:hover{border-color:var(--accent);color:var(--q7-text)}.q7-workstation-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.q7-calendar{margin-bottom:16px}.q7-calendar-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.q7-calendar-nav h3{font-size:16px;font-weight:600;color:var(--q7-text);text-transform:capitalize}.q7-nav-btn{width:34px;height:34px;border-radius:50%;background:var(--q7-bg-card);border:1px solid var(--q7-border);display:flex;align-items:center;justify-content:center}.q7-nav-btn svg{width:16px;height:16px;color:var(--q7-text-secondary)}.q7-nav-btn:hover{border-color:var(--accent)}.q7-nav-btn:hover svg{color:var(--accent)}.q7-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.q7-day-header{text-align:center;font-size:11px;font-weight:600;text-transform:uppercase;color:var(--q7-text-muted);padding:6px 0}.q7-day{height:38px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:14px;font-weight:500;color:var(--q7-text);background:none;border:none;position:relative}.q7-day:hover:not(.disabled):not(.other-month){background:rgba(var(--accent-rgb),.1)}.q7-day.today:after{content:"";position:absolute;bottom:3px;width:4px;height:4px;background:var(--accent);border-radius:50%}.q7-day.selected{background:var(--accent);color:#fff}.q7-day.selected:after{background:#fff}.q7-day.disabled{color:var(--q7-text-muted);opacity:.4;cursor:not-allowed}.q7-day.other-month{opacity:.3}.q7-day.closed{text-decoration:line-through;color:var(--q7-error)}.q7-closed-dot{position:absolute;top:3px;right:3px;width:4px;height:4px;background:var(--q7-error);border-radius:50%}.q7-timeslots{margin-top:16px}.q7-section-title{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;margin-bottom:10px;color:var(--q7-text)}.q7-section-title svg{width:16px;height:16px;color:var(--accent)}.q7-slots-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.q7-slot{padding:10px 6px;text-align:center;font-size:14px;font-weight:500;background:var(--q7-bg-card);border:1px solid var(--q7-border);border-radius:8px;color:var(--q7-text)}.q7-slot:hover:not(.unavailable){border-color:var(--accent)}.q7-slot.selected{background:var(--accent);border-color:var(--accent);color:#fff}.q7-slot.unavailable{background:var(--q7-bg);color:var(--q7-text-muted);opacity:.5;cursor:not-allowed}.q7-no-slots{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;text-align:center;color:var(--q7-text-muted)}.q7-no-slots svg{width:28px;height:28px;opacity:.5}.q7-no-slots p{font-size:14px}.q7-form{display:flex;flex-direction:column;gap:12px}.q7-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.q7-form-group{display:flex;flex-direction:column;gap:4px;min-width:0}.q7-form-group label{font-size:13px;font-weight:500;color:var(--q7-text-secondary)}.q7-form-group label .required{color:var(--q7-error)}.q7-form-group input,.q7-form-group textarea,.q7-form-group select{width:100%;min-width:0;padding:11px 14px;border:1px solid var(--q7-border);border-radius:8px}.q7-form-group input::placeholder,.q7-form-group textarea::placeholder,.q7-form-group select::placeholder{color:var(--q7-text-muted)}.q7-form-group input:focus,.q7-form-group textarea:focus,.q7-form-group select:focus{outline:none;border-color:var(--accent)}.q7-form-group input.error,.q7-form-group textarea.error,.q7-form-group select.error{border-color:var(--q7-error)}.q7-form-group textarea{resize:vertical;min-height:60px}.q7-input-icon{position:relative}.q7-input-icon svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--q7-text-muted)}.q7-input-icon input{padding-left:38px}.q7-error{font-size:11px;color:var(--q7-error)}.q7-card-summary{background:rgba(var(--accent-rgb),.05);border-color:rgba(var(--accent-rgb),.2)}.q7-summary-title{font-size:16px;font-weight:700;margin-bottom:12px;color:var(--q7-text)}.q7-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.q7-summary-section .q7-summary-label{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--q7-text-muted);margin-bottom:4px}.q7-summary-section .q7-summary-value{font-size:14px;color:var(--q7-text);line-height:1.5}.q7-summary-section .q7-summary-value strong{color:var(--accent)}.q7-summary-services{list-style:none;font-size:14px}.q7-summary-services li{padding:2px 0;color:var(--q7-text)}.q7-summary-services li:before{content:"•";color:var(--accent);margin-right:6px}.q7-summary-total-row{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--q7-border);font-weight:600;font-size:15px;color:var(--q7-text)}.q7-summary-total-row .q7-summary-price{font-size:18px;font-weight:700;color:var(--accent)}.q7-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;font-size:15px;font-weight:600;border-radius:10px;border:none;cursor:pointer;transition:all .15s}.q7-btn svg{width:16px;height:16px}.q7-btn:disabled{opacity:.5;cursor:not-allowed}.q7-btn-primary{background:var(--accent);color:#fff}.q7-btn-primary:hover:not(:disabled){filter:brightness(1.1)}.q7-btn-ghost{background:var(--q7-bg-card);border:1px solid var(--q7-border);color:var(--q7-text-secondary)}.q7-btn-ghost:hover:not(:disabled){border-color:var(--q7-text-muted);color:var(--q7-text)}.q7-btn-full{width:100%}.q7-btn-lg{padding:14px 24px;font-size:16px}.q7-nav-buttons{display:flex;gap:10px;margin-top:10px}.q7-nav-buttons .q7-btn:last-child{flex:1}.q7-success{text-align:center;padding:32px 16px}.q7-success-icon{width:64px;height:64px;background:var(--q7-success);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.q7-success-icon svg{width:32px;height:32px;color:#fff}.q7-success h2{font-size:20px;font-weight:700;margin-bottom:6px;color:var(--q7-text)}.q7-success-subtitle{color:var(--q7-text-secondary);margin-bottom:20px;font-size:15px}.q7-booking-number{background:var(--q7-bg);border:1px solid var(--q7-border);border-radius:10px;padding:12px 20px;display:inline-block;margin-bottom:20px}.q7-booking-number span{display:block;font-size:11px;color:var(--q7-text-muted);margin-bottom:2px}.q7-booking-number strong{font-size:18px;font-weight:700;color:var(--accent)}.q7-success-details{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:20px}.q7-detail-row{display:flex;align-items:center;gap:6px;color:var(--q7-text-secondary);font-size:14px}.q7-detail-row svg{width:14px;height:14px;color:var(--q7-text-muted)}.q7-success-note{display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(var(--accent-rgb),.1);border-radius:10px;padding:12px 16px;font-size:13px;color:var(--q7-text-secondary)}.q7-success-note svg{width:16px;height:16px;color:var(--accent);flex-shrink:0}.q7-alert{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;margin-bottom:12px;font-size:14px}.q7-alert svg{width:18px;height:18px;flex-shrink:0}.q7-alert span{flex:1}.q7-alert button{font-size:18px;background:none;border:none;color:inherit;opacity:.5;cursor:pointer}.q7-alert button:hover{opacity:1}.q7-alert-error{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--q7-text)}.q7-alert-error svg{color:var(--q7-error)}.q7-footer{display:flex;align-items:center;justify-content:center;gap:5px;padding:16px 0;margin-top:auto;font-size:12px;color:var(--q7-text-muted)}.q7-footer a{color:var(--q7-text-secondary);text-decoration:none;font-weight:600}.q7-footer a:hover{color:var(--accent)}.q7-footer svg{display:none}.q7-loading{position:fixed;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:1000}.q7-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.q7-animate-slide{animation:fadeIn .3s ease}.q7-animate-scale{animation:scaleIn .3s ease}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:400px){.q7-container{padding:12px}.q7-card{padding:14px}.q7-step-label{display:none}.q7-form-row{grid-template-columns:1fr}.q7-slots-grid{grid-template-columns:repeat(4,1fr)}.q7-summary-grid{grid-template-columns:1fr}.q7-day{height:34px;font-size:13px}.q7-slot{padding:8px 4px;font-size:13px}}.q7-widget:has(.q7-summary-float) .q7-container{padding-bottom:110px}.q7-notice{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:var(--q7-radius-sm);margin-bottom:16px}.q7-notice>svg{width:20px;height:20px;color:var(--accent);flex-shrink:0;margin-top:2px}.q7-notice strong{display:block;font-size:13px;font-weight:600;color:var(--q7-text);margin-bottom:2px}.q7-notice p{font-size:12px;color:var(--q7-text-secondary);margin:0;line-height:1.4}.sidebar-verify-btn{display:flex;align-items:center;gap:var(--spacing-sm);margin:0 var(--spacing-md) var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#eab30826;border:1px solid rgba(234,179,8,.3);border-radius:var(--radius-md);color:#eab308;font-size:var(--font-size-sm);font-weight:var(--font-medium);text-decoration:none;transition:all var(--transition-fast);cursor:pointer;width:calc(100% - var(--spacing-md) * 2)}.sidebar-verify-btn svg{width:16px;height:16px;flex-shrink:0}.sidebar-verify-btn:hover{background:#eab30840;border-color:#eab30880}.sidebar-verify-btn.pending{background:#3b82f626;border-color:#3b82f64d;color:#3b82f6;pointer-events:none;cursor:default}.modal-verify{max-width:480px}.verify-hero{text-align:center;margin-bottom:var(--spacing-lg)}.verify-hero h4{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs)}.verify-hero p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.verify-hero-icon{width:80px;height:80px;margin:0 auto var(--spacing-md);background:#eab30826;border-radius:50%;display:flex;align-items:center;justify-content:center}.verify-hero-icon svg{width:36px;height:36px;color:#eab308}.verify-hero-icon.sms{background:#3b82f626}.verify-hero-icon.sms svg{color:#3b82f6}.verify-hero-icon.pending{background:#3b82f626}.verify-hero-icon.pending svg{color:#3b82f6}.verify-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-input-code{font-size:28px!important;letter-spacing:.3em;text-align:center;font-weight:var(--font-bold);padding:var(--spacing-md)!important}.verification-alert-bar{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,#eab30826,#eab3080d);border:1px solid rgba(234,179,8,.3);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);color:var(--color-text);text-decoration:none;transition:all var(--transition-fast)}.verification-alert-bar:hover{background:linear-gradient(135deg,#eab30840,#eab3081a);transform:translateY(-1px)}.verification-alert-bar.pending{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border-color:#3b82f64d;pointer-events:none}.verification-alert-bar.pending .alert-icon svg{color:#3b82f6}.verification-alert-bar .alert-icon{width:40px;height:40px;border-radius:var(--radius-md);background:#eab30833;display:flex;align-items:center;justify-content:center;flex-shrink:0}.verification-alert-bar .alert-icon svg{width:20px;height:20px;color:#eab308}.verification-alert-bar .alert-text{flex:1;font-size:var(--font-size-sm)}.verification-alert-bar .alert-text strong{font-weight:var(--font-semibold)}.verification-alert-bar .alert-action{font-weight:var(--font-medium);font-size:var(--font-size-sm);color:#eab308;white-space:nowrap}@media(max-width:768px){.verification-alert-bar{flex-direction:column;align-items:flex-start;text-align:left}.verification-alert-bar .alert-action{align-self:flex-end}}.verification-success-popup{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--spacing-lg)}.popup-content{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);max-width:420px;width:100%;text-align:center}.popup-content h3{font-size:var(--font-size-xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-sm)}.popup-content p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6}.popup-icon{width:64px;height:64px;border-radius:50%;margin:0 auto var(--spacing-md);display:flex;align-items:center;justify-content:center}.popup-icon svg{width:32px;height:32px}.popup-icon.success{background:#22c55e26}.popup-icon.success svg{color:#22c55e}.verify-studio-page{max-width:500px;margin:0 auto;padding:var(--spacing-lg)}.verification-form{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl)}.verification-header{text-align:center;margin-bottom:var(--spacing-lg)}.verification-header h2{font-size:var(--font-size-xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-xs)}.verification-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6}.verification-icon{width:64px;height:64px;border-radius:50%;background:#eab30826;margin:0 auto var(--spacing-md);display:flex;align-items:center;justify-content:center}.verification-icon svg{width:32px;height:32px;color:#eab308}.verification-icon.sms{background:#3b82f626}.verification-icon.sms svg{color:#3b82f6}.verification-icon.pending{background:#3b82f626}.verification-icon.pending svg{color:#3b82f6}.verification-fields{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-input-lg{font-size:var(--font-size-xl)!important;letter-spacing:.5em;padding:var(--spacing-md)!important}.checkbox-label{display:flex;align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-sm)}.checkbox-label input[type=checkbox]{margin-top:2px;flex-shrink:0}.sms-templates-group{margin-bottom:var(--spacing-xl)}.sms-templates-group:last-child{margin-bottom:0}.sms-group-title{font-size:var(--font-size-sm);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.sms-templates-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.sms-template-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);background:var(--color-bg-primary);transition:all var(--transition-fast)}.sms-template-item.disabled{opacity:.5}.sms-template-item:hover{border-color:var(--color-border-hover)}.template-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.template-info h4,.template-info h5{font-size:var(--font-size-sm);font-weight:var(--font-semibold);margin-bottom:4px}.pickup-datetime-box{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-lg)}.pickup-inputs{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.pickup-inputs .form-input{text-align:center}.template-vars{display:flex;flex-wrap:wrap;gap:4px}.var-tag{display:inline-flex;align-items:center;padding:2px 6px;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:monospace;color:var(--color-text-muted)}.var-tag.clickable{cursor:pointer;transition:all var(--transition-fast)}.var-tag.clickable:hover{background:var(--color-primary);color:#fff}.template-preview{font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-bg-tertiary);padding:var(--spacing-sm);border-radius:var(--radius-md);line-height:1.5;margin-bottom:var(--spacing-sm)}.template-footer{display:flex;gap:var(--spacing-sm)}.template-vars-help{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.sms-counter{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:4px}.alert-warning{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:#eab3081a;border:1px solid rgba(234,179,8,.3);border-radius:var(--radius-lg)}.alert-warning svg{width:20px;height:20px;color:#eab308;flex-shrink:0;margin-top:2px}.alert-warning strong{display:block;margin-bottom:2px}.alert-info{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:var(--radius-lg)}.alert-info svg{width:20px;height:20px;color:#3b82f6;flex-shrink:0;margin-top:2px}.alert-info strong{display:block;margin-bottom:2px}.badge-muted{background:var(--color-bg-tertiary);color:var(--color-text-muted)}