@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}.items-center{align-items:center}.items-end{align-items: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-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)}.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}.overflow-y-auto{overflow-y:auto}.font-mono{font-family:Courier New,Consolas,monospace}.text-xs{font-size:var(--font-size-xs)}.text-10px{font-size:10px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mr-auto{margin-right:auto}.border-dashed{border-style:dashed}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.flex-2{flex:2}.flex-shrink-0{flex-shrink:0}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.items-start{align-items:flex-start}.w-3{width:12px}.h-3{height:12px}.w-3\.5,.w-3-5{width:14px}.h-3\.5,.h-3-5{height:14px}.w-4{width:16px}.h-4{height:16px}.w-5{width:20px}.h-5{height:20px}.w-6{width:24px}.h-6{height:24px}.w-8{width:32px}.h-8{height:32px}.w-10{width:40px}.h-10{height:40px}.w-12{width:48px}.h-12{height:48px}.mr-1{margin-right:4px}.mr-1\.5,.mr-1-5{margin-right:6px}.mr-2{margin-right:8px}.mt-lg{margin-top:var(--spacing-lg)}.gap-md{gap:var(--spacing-md)}.opacity-70{opacity:.7}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.bg-bg{background:var(--color-bg)}.bg-tertiary{background:var(--color-bg-tertiary)}.border-border{border:1px solid var(--color-border)}::-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-accent);color:#fff}.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)}.badge-sm{padding:3px 8px;font-size:10px}.badge-xs{padding:2px 6px;font-size:9px}.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:visible;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,.empty-state-mobile,.sub-empty{text-align:center;padding:var(--spacing-xl) var(--spacing-md);color:var(--color-text-muted)}.empty-state svg,.empty-state-mobile svg,.sub-empty svg{width:48px;height:48px;margin-bottom:var(--spacing-md);opacity:.3;display:block;margin-left:auto;margin-right:auto}.empty-state p,.empty-state-mobile p,.sub-empty p{margin:0;font-size:var(--font-size-sm)}.empty-state-compact{text-align:center;padding:var(--spacing-md);color:var(--color-text-muted)}.empty-state-compact p{margin:0;font-size:var(--font-size-sm)}.section-icon{width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-text-secondary)}.section-icon svg{width:20px;height:20px}.glass-card--muted{background:var(--color-bg-tertiary);border-color:var(--color-border)}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{font-size:14px}.form-input-sm{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:10px 12px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-md);color:var(--color-text);transition:all var(--transition-fast)}.form-input::placeholder{color:var(--color-text-muted)}.form-input:focus{outline:none;border-color:var(--color-text);background:var(--color-bg-secondary)}.form-input:disabled{opacity:.5;cursor:not-allowed}.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:7px 10px;font-size:var(--font-size-sm)}.form-input-lg{padding:14px 16px;font-size:var(--font-size-lg)}textarea.form-input{min-height:100px;resize:vertical}.form-select{width:100%;padding:10px 40px 10px 12px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);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{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;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 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:var(--font-size-sm);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}.form-group .checkbox{flex-direction:row}.form-group .checkbox-mark{display:block}.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}.q-toggle{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.q-toggle input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.q-toggle .q-toggle-track{width:36px;height:20px;border-radius:10px;background:var(--color-border);transition:background .2s ease;position:relative;flex-shrink:0}.q-toggle .q-toggle-track:after{content:"";width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:left .2s ease;box-shadow:0 1px 3px #0003}.q-toggle input:checked+.q-toggle-track,.q-toggle.on .q-toggle-track{background:var(--color-success)}.q-toggle input:checked+.q-toggle-track:after,.q-toggle.on .q-toggle-track:after{left:18px}.q-toggle.q-toggle-success input:checked+.q-toggle-track,.q-toggle.q-toggle-success.on .q-toggle-track{background:var(--color-success)}.q-toggle.q-toggle-success input:checked+.q-toggle-track:after,.q-toggle.q-toggle-success.on .q-toggle-track:after{left:18px}.q-toggle .q-toggle-content{display:flex;flex-direction:column;gap:1px}.q-toggle .q-toggle-label{font-size:13px;font-weight:600;color:var(--color-text);line-height:1.3}.q-toggle .q-toggle-desc{font-size:11px;color:var(--color-text-muted);line-height:1.3}.list-container{display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:visible;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:visible;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);overflow-x:auto}}.table-responsive{width:100%;overflow:visible;-webkit-overflow-scrolling:touch}@media(max-width:1100px){.table-responsive{display:block;width:100%;overflow-x:auto}.table-responsive .table{min-width:700px}}@media(max-width:768px){.table-responsive{margin:0 calc(-1 * var(--spacing-md));padding:0 var(--spacing-md)}.table-responsive .table{min-width:600px}}.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:18px 24px;border-bottom:1px solid var(--color-border);flex-shrink:0;gap:12px}.modal-header h2,.modal-header h3{font-size:17px;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 24px;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:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:5px}.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-tertiary);color:var(--color-text);font-family:inherit;transition:border-color .15s;outline:none}.modal-body .form-input::placeholder,.modal-body .form-select::placeholder,.modal-body input::placeholder,.modal-body select::placeholder,.modal-body textarea::placeholder{color:var(--color-text-muted)}.modal-body .form-input:focus,.modal-body .form-select:focus,.modal-body input:focus,.modal-body select:focus,.modal-body textarea:focus{border-color:var(--color-text-muted)}.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:space-between;gap:10px;padding:16px 24px;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:36px;height:20px;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:10px;transition:background .2s}.toggle-switch .toggle-slider:after{content:"";position:absolute;width:16px;height:16px;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-success)}.toggle-switch.active .toggle-slider:after,.toggle-switch input:checked+.toggle-slider:after{left:18px}.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;z-index:999}[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;font-family:inherit;color:var(--color-text);cursor:pointer;transition:background .15s;border:none;background:none;width:100%;text-align:left;text-decoration:none}.dropdown-item svg{width:16px;height:16px;flex-shrink:0;color:var(--color-text-secondary)}.dropdown-item.danger,.dropdown-item.dropdown-item-danger{color:var(--color-error)}.dropdown-item.danger svg,.dropdown-item.dropdown-item-danger svg{color:var(--color-error)}.dropdown-divider{height:1px;background:var(--color-border);margin:4px 0}@media(max-width:768px){.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:36px;height:20px}.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}}.q-confirm-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:99999;opacity:0;transition:opacity .2s ease}.q-confirm-overlay.show{opacity:1}.q-confirm-box{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:16px;padding:28px;max-width:380px;width:90%;text-align:center;transform:scale(.95);transition:transform .2s ease}.show .q-confirm-box{transform:scale(1)}.q-confirm-icon{width:48px;height:48px;border-radius:50%;background:#ef44441a;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.q-confirm-icon svg{width:24px;height:24px;color:#ef4444}.q-confirm-msg{font-size:15px;font-weight:500;color:var(--color-text);margin:0 0 24px;line-height:1.5}.q-confirm-btns{display:flex;gap:10px}.q-confirm-cancel{flex:1;padding:12px;border-radius:10px;border:1px solid var(--color-border);background:transparent;color:var(--color-text-secondary);font-family:Manrope,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.q-confirm-cancel:hover{background:var(--color-bg-tertiary)}.q-confirm-ok{flex:1;padding:12px;border-radius:10px;border:none;background:#ef4444;color:#fff;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.q-confirm-ok:hover{background:#dc2626}.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:2147483647;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}.sidebar-group .sidebar-submenu{overflow:hidden;max-height:0;opacity:0;transition:max-height .25s ease,opacity .2s ease;display:flex;flex-direction:column}.sidebar-group .sidebar-chevron{transition:transform .25s ease;opacity:.4}.sidebar-group.open .sidebar-submenu{max-height:200px;opacity:1}.sidebar-group.open .sidebar-chevron{transform:rotate(180deg)}.sidebar-link.sidebar-sublink{padding-left:46px!important;font-size:12.5px!important;opacity:.6;position:relative}.sidebar-link.sidebar-sublink:before{content:"";position:absolute;left:28px;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:50%;background:var(--color-text-muted)}.sidebar-link.sidebar-sublink svg{display:none!important}.sidebar-link.sidebar-sublink:hover{opacity:.9}.sidebar-link.sidebar-sublink.active{opacity:1}.sidebar-link.sidebar-sublink.active:before{background:var(--color-text)}.sidebar-plan-badge{margin-left:auto;font-size:9px;font-weight:700;letter-spacing:.5px;padding:1px 6px;border-radius:4px;line-height:16px;flex-shrink:0;text-transform:uppercase}.sidebar-plan-badge--pro{background:linear-gradient(135deg,#6366f126,#8b5cf626);color:#8b5cf6}.sidebar-plan-badge--max{background:linear-gradient(135deg,#f59e0b26,#f9731626);color:#f59e0b}.sidebar-link--locked{opacity:.5}.sidebar-link--locked:hover{opacity:.7}.sidebar-sublink.sidebar-link--locked{opacity:.4}.plan-gate-banner{display:flex;align-items:center;gap:16px;padding:16px 20px;margin-bottom:20px;border-radius:12px;background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1px solid rgba(139,92,246,.2)}.plan-gate-banner__icon{flex-shrink:0;width:40px;height:40px;border-radius:10px;background:#8b5cf61f;display:flex;align-items:center;justify-content:center}.plan-gate-banner__icon svg{width:20px;height:20px;stroke:#8b5cf6}.plan-gate-banner__content{flex:1;min-width:0}.plan-gate-banner__content h3{font-size:14px;font-weight:600;margin:0 0 2px;color:var(--color-text)}.plan-gate-banner__content p{font-size:12.5px;margin:0;color:var(--color-text-secondary)}.plan-gate-banner__plan{font-weight:700;letter-spacing:.5px;padding:1px 6px;border-radius:4px;font-size:11px}.plan-gate-banner__plan--pro{background:linear-gradient(135deg,#6366f126,#8b5cf626);color:#8b5cf6}.plan-gate-banner__plan--max{background:linear-gradient(135deg,#f59e0b26,#f9731626);color:#f59e0b}.plan-gate-banner .btn{flex-shrink:0;white-space:nowrap}.plan-gate-overlay{position:relative;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.5;filter:grayscale(.3)}.plan-gate-overlay:after{content:"";position:absolute;inset:0;z-index:10;cursor:not-allowed}.plan-gate-overlay *{pointer-events:none!important}@media(max-width:768px){.plan-gate-banner{flex-direction:column;text-align:center;gap:12px}.plan-gate-banner .btn{width:100%}}.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-bg-tertiary);color:var(--color-text-muted);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;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.status-tabs::-webkit-scrollbar{display:none}}.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:0 0 auto;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}.q7-chat-bubble{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--color-bg-tertiary);border:1px solid var(--color-border);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #0000001a;z-index:9998;transition:transform .2s,box-shadow .2s}.q7-chat-bubble svg{width:24px;height:24px;color:var(--color-text)}.q7-chat-bubble:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.q7-chat-bubble:active{transform:scale(.95)}@media(max-width:640px){.q7-chat-bubble{bottom:16px;right:16px;width:52px;height:52px}}.q7-chat-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:10px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid var(--color-bg)}.q7-chat-window{position:fixed;bottom:92px;right:24px;width:380px;max-height:560px;border-radius:16px;background:var(--color-bg);border:1px solid var(--color-border);box-shadow:0 8px 40px #0000001f,0 2px 8px #0000000f;z-index:9999;display:flex;flex-direction:column;overflow:hidden;animation:q7SlideUp .3s cubic-bezier(.16,1,.3,1)}@media(max-width:640px){.q7-chat-window{bottom:0;right:0;left:0;width:100%;max-height:85vh;border-radius:16px 16px 0 0;border-bottom:none;animation:q7SlideUpMobile .3s cubic-bezier(.16,1,.3,1)}}@keyframes q7SlideUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes q7SlideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.q7-chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);flex-shrink:0}.q7-chat-header-info{display:flex;align-items:center;gap:10px}.q7-chat-avatar{width:34px;height:34px;border-radius:50%;background:var(--color-text);display:flex;align-items:center;justify-content:center;flex-shrink:0}.q7-chat-avatar img{width:20px;height:auto}.q7-logo-light{display:block}.q7-logo-dark,[data-theme=dark] .q7-logo-light{display:none}[data-theme=dark] .q7-logo-dark{display:block}.q7-chat-title{font-weight:700;font-size:13px;color:var(--color-text)}.q7-chat-status{font-size:11px;color:var(--color-text-muted);display:flex;align-items:center;gap:4px}.q7-status-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;animation:q7Pulse 2s infinite}@keyframes q7Pulse{0%,to{opacity:1}50%{opacity:.5}}.q7-chat-close{width:32px;height:32px;border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.q7-chat-close svg{width:16px;height:16px;color:var(--color-text-muted)}.q7-chat-close:hover{background:var(--color-bg-secondary)}.q7-chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:6px;min-height:200px;max-height:360px;background:var(--color-bg);-webkit-overflow-scrolling:touch}@media(max-width:640px){.q7-chat-messages{max-height:50vh;min-height:150px}}.q7-chat-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:16px;gap:12px}.q7-welcome-card{text-align:center;padding:20px;background:var(--color-bg-secondary);border-radius:16px;border:1px solid var(--color-border);width:100%}.q7-welcome-avatar{width:48px;height:48px;border-radius:50%;background:var(--color-text);display:flex;align-items:center;justify-content:center;margin:0 auto 10px}.q7-welcome-avatar img{width:28px;height:auto}.q7-welcome-name{font-weight:700;font-size:14px;color:var(--color-text)}.q7-welcome-msg{font-size:13px;color:var(--color-text-secondary);margin-top:4px;line-height:1.5}.q7-welcome-hints{display:flex;flex-direction:column;gap:6px;width:100%}.q7-welcome-hint-btn{width:100%;padding:10px 14px;border-radius:12px;background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text);font-size:12px;text-align:left;cursor:pointer;transition:all .15s}.q7-welcome-hint-btn:hover{border-color:var(--color-text-muted)}.q7-chat-closed{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 24px;flex:1;gap:8px}.q7-chat-closed-check{width:52px;height:52px;border-radius:50%;background:color-mix(in srgb,#22c55e 10%,var(--color-bg));border:1px solid color-mix(in srgb,#22c55e 20%,var(--color-border));display:flex;align-items:center;justify-content:center;margin-bottom:4px}.q7-chat-closed-check svg{width:24px;height:24px;color:#22c55e}.q7-chat-closed-title{font-weight:700;font-size:15px;color:var(--color-text)}.q7-chat-closed-desc{font-size:12px;color:var(--color-text-muted);max-width:240px;line-height:1.6}.q7-chat-new-btn{margin-top:12px;padding:10px 20px;border-radius:12px;background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text);font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s}.q7-chat-new-btn:hover{border-color:var(--color-text-muted)}.q7-chat-msg{display:flex;flex-direction:column;max-width:82%}.q7-chat-msg.q7-msg-user{align-self:flex-end}.q7-chat-msg.q7-msg-user .q7-msg-bubble{background:#3b82f6;color:#fff;border-radius:16px 16px 4px}.q7-chat-msg.q7-msg-user .q7-msg-time{text-align:right}.q7-chat-msg.q7-msg-admin{align-self:flex-start}.q7-chat-msg.q7-msg-admin .q7-msg-bubble{background:var(--color-bg-secondary);color:var(--color-text);border:1px solid var(--color-border);border-radius:16px 16px 16px 4px}.q7-msg-sender{font-size:10px;font-weight:600;color:var(--color-text-muted);margin-bottom:2px;padding:0 4px;display:flex;align-items:center;gap:4px}.q7-msg-sender-dot{width:4px;height:4px;border-radius:50%;background:#22c55e}.q7-msg-bubble{padding:10px 14px;font-size:13px;line-height:1.5;word-break:break-word}.q7-msg-image{display:block;margin-top:6px}.q7-msg-image img{max-width:200px;max-height:150px;border-radius:8px;display:block}.q7-msg-time{font-size:10px;color:var(--color-text-muted);margin-top:2px;padding:0 4px}.q7-chat-preview{padding:8px 16px;border-top:1px solid var(--color-border);background:var(--color-bg)}.q7-chat-preview-thumb{position:relative;display:inline-block}.q7-chat-preview-thumb img{width:64px;height:64px;object-fit:cover;border-radius:12px;border:1px solid var(--color-border)}.q7-chat-preview-x{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:var(--color-text);border:2px solid var(--color-bg);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.q7-chat-preview-x svg{width:10px;height:10px;color:var(--color-bg)}.q7-chat-input{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--color-border);background:var(--color-bg);align-items:center}.q7-chat-input input[type=text]{flex:1;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:24px;padding:10px 16px;font-size:16px;color:var(--color-text);outline:none;-webkit-appearance:none}.q7-chat-input input[type=text]:focus{border-color:var(--color-text-muted)}.q7-chat-input input[type=text]::placeholder{color:var(--color-text-muted)}.q7-chat-attach{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;color:var(--color-text-muted)}.q7-chat-attach svg{width:18px;height:18px}.q7-chat-attach:hover{color:var(--color-text)}.q7-chat-send{width:40px;height:40px;border-radius:50%;background:#3b82f6;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.q7-chat-send svg{width:18px;height:18px;color:#fff}.q7-chat-send:disabled{opacity:.3;cursor:default}.q7-chat-send:hover:not(:disabled){opacity:.85}.q7-admin-chat{display:flex;height:calc(100vh - 140px);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);background:var(--color-bg)}@media(max-width:768px){.q7-admin-chat{height:calc(100vh - 100px);border-radius:var(--radius-md)}}.q7-admin-sidebar{width:320px;border-right:1px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0}@media(max-width:768px){.q7-admin-sidebar{width:100%}.q7-admin-sidebar.q7-hidden-mobile{display:none}}.q7-admin-sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--color-border)}.q7-admin-sidebar-top h3{font-size:16px;font-weight:700;margin:0}.q7-admin-unread-total{min-width:22px;height:22px;border-radius:11px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 6px}.q7-admin-filters{display:flex;border-bottom:1px solid var(--color-border)}.q7-admin-filter{flex:1;padding:10px;font-size:12px;font-weight:600;background:none;border:none;color:var(--color-text-muted);cursor:pointer;border-bottom:2px solid transparent}.q7-admin-filter.active{color:var(--color-text);border-bottom-color:var(--color-text)}.q7-admin-filter:hover:not(.active){color:var(--color-text-secondary)}.q7-admin-tickets{flex:1;overflow-y:auto}.q7-admin-ticket{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;border-bottom:1px solid var(--color-border);background:none;cursor:pointer;text-align:left;color:var(--color-text);transition:background .15s}.q7-admin-ticket:hover,.q7-admin-ticket.active{background:var(--color-bg-secondary)}.q7-admin-ticket-avatar{width:40px;height:40px;border-radius:12px;background:var(--color-bg-tertiary);color:var(--color-text);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.q7-admin-ticket-avatar.closed{opacity:.4}.q7-admin-ticket-info{flex:1;min-width:0}.q7-admin-ticket-name{font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q7-admin-ticket-meta{font-size:11px;color:var(--color-text-muted);display:flex;align-items:center;gap:4px;margin-top:1px}.q7-admin-ticket-id{font-family:var(--font-mono, monospace);font-size:10px;opacity:.7}.q7-admin-ticket-badge{min-width:20px;height:20px;border-radius:10px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px;flex-shrink:0}.q7-admin-empty-list{padding:32px 20px;text-align:center;color:var(--color-text-muted);font-size:13px}.q7-admin-main{flex:1;display:flex;flex-direction:column;min-width:0}@media(max-width:768px){.q7-admin-main.q7-hidden-mobile{display:none}}.q7-admin-main-header{padding:12px 16px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:12px}.q7-admin-main-header-left{display:flex;align-items:center;gap:8px;min-width:0}.q7-admin-back-btn{width:32px;height:32px;border-radius:8px;background:none;border:1px solid var(--color-border);cursor:pointer;display:none;align-items:center;justify-content:center;flex-shrink:0}.q7-admin-back-btn svg{width:16px;height:16px;color:var(--color-text)}@media(max-width:768px){.q7-admin-back-btn{display:flex}}.q7-admin-main-title{font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.q7-admin-main-ticket{font-size:10px;font-family:var(--font-mono, monospace);color:var(--color-text-muted)}.q7-admin-main-actions{display:flex;gap:6px;flex-shrink:0}.q7-admin-action-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text)}.q7-admin-action-btn svg{width:14px;height:14px}.q7-admin-action-btn.close{color:#22c55e}.q7-admin-action-btn.close:hover{background:color-mix(in srgb,#22c55e 8%,var(--color-bg))}.q7-admin-action-btn.reopen{color:var(--color-text-muted)}.q7-admin-action-btn.reopen:hover{background:var(--color-bg-tertiary)}@media(max-width:640px){.q7-admin-action-btn span{display:none}}.q7-admin-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:6px;background:var(--color-bg);-webkit-overflow-scrolling:touch}.q7-admin-no-selection{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--color-text-muted);font-size:13px}.q7-admin-no-selection svg{width:48px;height:48px;opacity:.2}.q7-admin-closed-bar{padding:14px 16px;text-align:center;color:var(--color-text-muted);font-size:12px;font-weight:600;border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}.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-badge-new{margin-left:auto;font-size:9px;font-weight:700;letter-spacing:.5px;padding:2px 7px;border-radius:4px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;line-height:1.2}.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)}.global-search{position:relative;display:flex;align-items:center}.global-search input{width:260px;max-width:100%;padding:8px 12px 8px 36px;font-size:14px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-text);transition:all .15s}.global-search input:focus{outline:none;border-color:var(--color-text);width:320px;max-width:100%}.global-search input::placeholder{color:var(--color-text-muted)}.global-search>svg{position:absolute;left:12px;width:16px;height:16px;color:var(--color-text-muted);pointer-events:none}.search-results-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;min-width:300px;max-width:calc(100vw - 24px);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 12px 40px #00000026;z-index:100;max-height:400px;overflow-y:auto}.search-results-dropdown.hidden{display:none}.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;max-width:calc(100vw - 24px);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-text);background:var(--color-bg-tertiary)}.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-text)}.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-text)}.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}}@media(max-width:380px){.page-content{padding:var(--spacing-sm)}.topbar{padding:0 var(--spacing-sm)}}.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-border-hover);box-shadow:0 0 0 3px #ffffff0d}.search-input-wrap.search-focused .search-icon{color:var(--color-text)}.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-text);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-text)}.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;max-width:calc(100vw - 24px);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-text)}.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}.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}}.badge-new{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;margin-left:auto;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:9px;font-weight:700;border-radius:8px;text-transform:uppercase;letter-spacing:.3px;line-height:1.2;white-space:nowrap}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.7}}.badge-new{animation:pulse-badge 2s ease-in-out infinite}.sidebar-link .badge-new{margin-left:auto}.fab-container{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end}.fab-overlay{position:fixed;inset:0;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:-1}.fab-button{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#1a1a1a,#333);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0000004d;transition:all .3s cubic-bezier(.4,0,.2,1)}.fab-button:hover{transform:scale(1.05);box-shadow:0 6px 24px #0006}.fab-button.fab-open{background:linear-gradient(135deg,#333,#555)}.fab-button.fab-open .fab-icon-main{transform:rotate(45deg)}.fab-icon-main{width:24px;height:24px;color:#fff;transition:transform .3s cubic-bezier(.4,0,.2,1)}.fab-menu{display:flex;flex-direction:column;align-items:flex-end;gap:12px;margin-bottom:16px}.fab-item{display:flex;align-items:center;gap:12px;text-decoration:none}.fab-label{background:#fff;color:#1a1a1a;padding:8px 14px;border-radius:8px;font-size:14px;font-weight:500;white-space:nowrap;box-shadow:0 2px 10px #00000026}.fab-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #0003;transition:transform .2s ease}.fab-icon svg{width:22px;height:22px}.fab-icon-order{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.fab-icon-protocol{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.fab-icon-reservation{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.fab-item:hover .fab-icon{transform:scale(1.1)}@media(max-width:768px){.fab-container{bottom:16px;right:16px}.fab-button{width:52px;height:52px}.fab-icon{width:44px;height:44px}}[data-theme=dark] .fab-label{background:#2a2a2a;color:#fff}[data-theme=dark] .fab-button{background:linear-gradient(135deg,#fff,#e0e0e0)}[data-theme=dark] .fab-icon-main{color:#1a1a1a}[data-theme=dark] .fab-button.fab-open{background:linear-gradient(135deg,#e0e0e0,#ccc)}.pm-sms-row{display:flex;align-items:center;justify-content:space-between;padding:6px 16px}.pm-sms-info{display:flex;align-items:center;gap:8px}.pm-sms-icon{width:24px;height:24px;border-radius:6px;background:color-mix(in srgb,var(--color-text) 6%,transparent);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.pm-sms-icon svg{width:12px;height:12px}.pm-sms-icon.warning{background:color-mix(in srgb,var(--color-warning) 12%,transparent);color:var(--color-warning)}.pm-sms-icon.danger{background:color-mix(in srgb,var(--color-error) 12%,transparent);color:var(--color-error)}.pm-sms-label{font-size:10px;font-weight:600;color:var(--color-text-muted)}.pm-sms-count{font-size:12px;font-weight:700;color:var(--color-text)}.pm-sms-count.warning{color:var(--color-warning)}.pm-sms-count.danger{color:var(--color-error)}.pm-sms-buy{padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600;color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);text-decoration:none;transition:all .15s;white-space:nowrap}.pm-sms-buy:hover{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.sms-alert-banner{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:9000;animation:sms-alert-in .35s ease-out;max-width:560px;width:calc(100% - 32px)}@keyframes sms-alert-in{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.sms-alert-content{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:14px;border:1px solid var(--color-border);background:var(--color-bg-secondary);box-shadow:0 8px 32px #0000001f}[data-theme=dark] .sms-alert-content{box-shadow:0 8px 32px #0006}.sms-alert-warning .sms-alert-content{border-color:color-mix(in srgb,var(--color-warning) 30%,var(--color-border))}.sms-alert-danger .sms-alert-content{border-color:color-mix(in srgb,var(--color-error) 30%,var(--color-border))}.sms-alert-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sms-alert-icon svg{width:20px;height:20px}.sms-alert-warning .sms-alert-icon{background:color-mix(in srgb,var(--color-warning) 14%,transparent);color:var(--color-warning)}.sms-alert-danger .sms-alert-icon{background:color-mix(in srgb,var(--color-error) 14%,transparent);color:var(--color-error)}.sms-alert-text{flex:1;font-size:13px;color:var(--color-text-secondary);line-height:1.4}.sms-alert-text strong{color:var(--color-text);font-weight:700}.sms-alert-action{padding:7px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap;transition:all .15s;flex-shrink:0}.sms-alert-warning .sms-alert-action{background:var(--color-warning);color:#fff}.sms-alert-warning .sms-alert-action:hover{filter:brightness(1.1)}.sms-alert-danger .sms-alert-action{background:var(--color-error);color:#fff}.sms-alert-danger .sms-alert-action:hover{filter:brightness(1.1)}.sms-alert-close{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:var(--color-text-muted);flex-shrink:0;transition:all .15s}.sms-alert-close svg{width:16px;height:16px}.sms-alert-close:hover{background:var(--color-bg-tertiary);color:var(--color-text)}@media(max-width:768px){.sms-alert-banner{bottom:16px;left:12px;right:12px;width:auto;max-width:none;transform:none}@keyframes sms-alert-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sms-alert-content{flex-wrap:wrap;padding:14px;gap:10px}.sms-alert-icon{width:32px;height:32px}.sms-alert-icon svg{width:18px;height:18px}.sms-alert-text{flex:1;min-width:0;font-size:13px}.sms-alert-close{position:absolute;top:10px;right:10px}.sms-alert-action{width:100%;text-align:center;padding:10px 16px;margin-top:2px;border-radius:10px}}.admin-layout{--ap-accent: #ef4444;--ap-accent-hover: #dc2626;--ap-accent-glow: rgba(239, 68, 68, .15);--ap-gradient: linear-gradient(135deg, #ef4444, #f97316);--ap-sidebar-bg: #0c0c10;--ap-sidebar-border: rgba(255,255,255,.06);--ap-sidebar-text: rgba(255,255,255,.5);--ap-sidebar-text-hover: rgba(255,255,255,.85);--ap-sidebar-active: #fff}.admin-layout{display:flex;min-height:100vh;background:var(--color-bg)}.admin-sidebar{width:260px;background:var(--ap-sidebar-bg);border-right:1px solid var(--ap-sidebar-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:40;transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 24px #0003}@media(max-width:1024px){.admin-sidebar{transform:translate(-100%);width:280px;z-index:100;box-shadow:8px 0 32px #0006}.sidebar-open .admin-sidebar{transform:translate(0)}}.admin-sidebar-overlay{display:none}@media(max-width:1024px){.admin-sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none}.sidebar-open .admin-sidebar-overlay{display:block}}.admin-sidebar-header{padding:24px 20px 20px;display:flex;align-items:center;justify-content:space-between}.admin-logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:15px;font-weight:700;color:#fff;letter-spacing:-.3px}.admin-logo .admin-logo-icon{width:34px;height:34px;background:var(--ap-gradient);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ef444440}.admin-logo .admin-logo-icon svg{width:18px;height:18px;color:#fff}.admin-sidebar-close{display:none;background:none;border:none;cursor:pointer;padding:6px;border-radius:8px}.admin-sidebar-close svg{width:18px;height:18px;color:#fff6}.admin-sidebar-close:hover{background:#ffffff0f}@media(max-width:1024px){.admin-sidebar-close{display:flex}}.admin-nav{flex:1;padding:4px 10px;overflow-y:auto;display:flex;flex-direction:column;gap:1px}.admin-nav::-webkit-scrollbar{width:3px}.admin-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.admin-nav-group{margin-bottom:6px}.admin-nav-label{padding:16px 14px 6px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#ffffff40;-webkit-user-select:none;user-select:none}.admin-nav-item{display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:10px;color:var(--ap-sidebar-text);text-decoration:none;font-size:13px;font-weight:500;transition:all .15s ease;position:relative;border-left:3px solid transparent;margin-left:-3px}.admin-nav-item svg{width:17px;height:17px;flex-shrink:0;opacity:.5}.admin-nav-item:hover{background:#ffffff0a;color:var(--ap-sidebar-text-hover)}.admin-nav-item:hover svg{opacity:.8}.admin-nav-item.active{background:#ef444414;color:var(--ap-sidebar-active);font-weight:600;border-left-color:var(--ap-accent)}.admin-nav-item.active svg{opacity:1;color:var(--ap-accent)}.admin-nav-item .nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;display:flex;align-items:center;justify-content:center;border-radius:99px;font-size:10px;font-weight:700;line-height:1}.admin-nav-item .nav-badge.badge-warn{background:#f59e0b26;color:#f59e0b}.admin-nav-item .nav-badge.badge-err{background:#ef444426;color:#ef4444}.admin-sidebar-footer{padding:12px 10px;border-top:1px solid var(--ap-sidebar-border)}.admin-back-btn{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;color:#ffffff59;text-decoration:none;font-size:13px;transition:all .15s ease}.admin-back-btn svg{width:16px;height:16px}.admin-back-btn:hover{background:#ffffff0a;color:#ffffffb3}.admin-main{flex:1;margin-left:260px;display:flex;flex-direction:column;min-height:100vh}@media(max-width:1024px){.admin-main{margin-left:0}}.admin-topbar{height:56px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--color-bg-secondary) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:30}@media(max-width:768px){.admin-topbar{padding:0 16px;height:52px}}.admin-topbar-left{display:flex;align-items:center;gap:12px}.admin-hamburger{display:none;background:none;border:none;cursor:pointer;padding:6px;border-radius:8px}.admin-hamburger svg{width:22px;height:22px;color:var(--color-text)}.admin-hamburger:hover{background:var(--color-bg-tertiary)}@media(max-width:1024px){.admin-hamburger{display:flex}}.admin-breadcrumb{font-size:15px;font-weight:700;color:var(--color-text);letter-spacing:-.3px}@media(max-width:640px){.admin-breadcrumb{font-size:13px}}.admin-topbar-right{display:flex;align-items:center;gap:8px}.admin-topbar-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:none;background:none;cursor:pointer;color:var(--color-text-secondary);transition:all .15s ease}.admin-topbar-btn svg{width:18px;height:18px}.admin-topbar-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.admin-topbar-btn.active{color:var(--ap-accent);background:var(--ap-accent-glow)}.admin-user-pill{font-size:11px;color:var(--color-text-muted);padding:6px 14px;background:var(--color-bg-tertiary);border-radius:99px;font-weight:600;border:1px solid var(--color-border)}@media(max-width:768px){.admin-user-pill{display:none}}.admin-content{flex:1;padding:28px;width:100%}@media(max-width:768px){.admin-content{padding:16px}}@media(max-width:480px){.admin-content{padding:12px}}.ap-header,.admin-page-header{display:flex;align-items:center;justify-content:flex-end;margin-bottom:24px;flex-wrap:wrap;gap:12px}.ap-header h1,.admin-page-header h1{font-size:22px;font-weight:800;letter-spacing:-.5px;margin-right:auto}@media(max-width:640px){.ap-header h1,.admin-page-header h1{font-size:18px}}.ap-header .ap-actions,.admin-page-header .ap-actions{display:flex;gap:8px;flex-wrap:wrap}.ap-stats,.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}@media(max-width:1100px){.ap-stats,.admin-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.ap-stats,.admin-stats{gap:10px}}.ap-stat,.admin-stat-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:4px;transition:all .2s ease;position:relative;overflow:hidden}.ap-stat:before,.admin-stat-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ap-gradient);border-radius:3px 0 0 3px;opacity:0;transition:opacity .2s}.ap-stat:hover,.admin-stat-card:hover{border-color:color-mix(in srgb,var(--ap-accent) 25%,var(--color-border));transform:translateY(-1px);box-shadow:0 4px 16px #0000000f}.ap-stat:hover:before,.admin-stat-card:hover:before{opacity:1}@media(max-width:480px){.ap-stat,.admin-stat-card{padding:14px}}.ap-stat .ap-stat-label,.admin-stat-card .ap-stat-label{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:700}.ap-stat .ap-stat-value,.admin-stat-card .ap-stat-value{font-size:28px;font-weight:800;line-height:1;letter-spacing:-1px}@media(max-width:480px){.ap-stat .ap-stat-value,.admin-stat-card .ap-stat-value{font-size:22px}}.ap-stat .ap-stat-sub,.admin-stat-card .ap-stat-sub{font-size:12px;color:var(--color-text-muted);margin-top:2px}.ap-card,.admin-table-wrap{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:14px;overflow:hidden;margin-bottom:20px;box-shadow:0 1px 3px #0000000a}.ap-card .ap-card-header,.ap-card .admin-table-header,.admin-table-wrap .ap-card-header,.admin-table-wrap .admin-table-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border);flex-wrap:wrap;gap:12px}@media(max-width:640px){.ap-card .ap-card-header,.ap-card .admin-table-header,.admin-table-wrap .ap-card-header,.admin-table-wrap .admin-table-header{padding:12px 16px}}.ap-card .ap-card-header h2,.ap-card .admin-table-header h2,.admin-table-wrap .ap-card-header h2,.admin-table-wrap .admin-table-header h2,.ap-card .ap-card-header h3,.ap-card .admin-table-header h3,.admin-table-wrap .ap-card-header h3,.admin-table-wrap .admin-table-header h3{font-size:13px;font-weight:700;letter-spacing:-.2px}.ap-card .ap-card-body,.admin-table-wrap .ap-card-body{padding:20px}@media(max-width:640px){.ap-card .ap-card-body,.admin-table-wrap .ap-card-body{padding:16px}}.ap-card .ap-card-footer,.admin-table-wrap .ap-card-footer{padding:12px 20px;border-top:1px solid var(--color-border)}.ap-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.ap-table,.admin-table{width:100%;border-collapse:separate;border-spacing:0}.ap-table th,.admin-table th{padding:10px 16px;text-align:left;font-size:10px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary);white-space:nowrap}.ap-table th:first-child,.admin-table th:first-child{border-radius:0}.ap-table th:last-child,.admin-table th:last-child{border-radius:0}.ap-table td,.admin-table td{padding:12px 16px;font-size:13px;border-bottom:1px solid var(--color-border);vertical-align:middle}.ap-table tr:last-child td,.admin-table tr:last-child td{border-bottom:none}.ap-table tbody tr,.admin-table tbody tr{transition:background .15s}.ap-table tbody tr:hover td,.admin-table tbody tr:hover td{background:color-mix(in srgb,var(--ap-accent) 3%,transparent)}.ap-toolbar{display:flex;align-items:center;gap:10px;padding:16px 20px;flex-wrap:wrap}@media(max-width:640px){.ap-toolbar{padding:12px 16px}}.ap-toolbar .ap-search{flex:1;min-width:200px;position:relative}.ap-toolbar .ap-search input{width:100%;padding:9px 14px 9px 38px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg);font-size:13px;color:var(--color-text);transition:all .15s}.ap-toolbar .ap-search input:focus{outline:none;border-color:var(--ap-accent);box-shadow:0 0 0 3px var(--ap-accent-glow)}.ap-toolbar .ap-search input::placeholder{color:var(--color-text-muted)}.ap-toolbar .ap-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--color-text-muted);pointer-events:none}.ap-toolbar select{padding:9px 14px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg);font-size:13px;color:var(--color-text);cursor:pointer;transition:all .15s}.ap-toolbar select:focus{outline:none;border-color:var(--ap-accent);box-shadow:0 0 0 3px var(--ap-accent-glow)}.ap-badge,.admin-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:99px;font-size:11px;font-weight:700;white-space:nowrap}.b-success,.admin-badge.badge-active{background:#10b9811a;color:#10b981}.b-warning,.admin-badge.badge-trial{background:#f59e0b1a;color:#f59e0b}.b-error,.admin-badge.badge-expired{background:#ef44441a;color:#ef4444}.b-info,.admin-badge.badge-pro,.admin-badge.badge-tester{background:#3b82f61a;color:#3b82f6}.b-muted{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.b-partner{background:#8b5cf61a;color:#8b5cf6}.ap-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;font-size:13px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:all .15s;white-space:nowrap;text-decoration:none;font-family:inherit}.ap-btn svg{width:15px;height:15px}.ap-btn.b-primary{background:var(--ap-gradient);color:#fff;border:none;box-shadow:0 2px 8px #ef444440}.ap-btn.b-primary:hover{box-shadow:0 4px 16px #ef444459;transform:translateY(-1px)}.ap-btn.b-secondary{background:var(--color-bg-tertiary);color:var(--color-text);border-color:var(--color-border)}.ap-btn.b-secondary:hover{border-color:var(--color-border-hover);background:var(--color-bg)}.ap-btn.b-danger{background:#ef444414;color:#ef4444;border:1px solid rgba(239,68,68,.15)}.ap-btn.b-danger:hover{background:#ef444426}.ap-btn.b-success,.ap-btn.admin-badge.badge-active{background:#10b98114;color:#10b981;border:1px solid rgba(16,185,129,.15)}.ap-btn.b-success:hover,.ap-btn.admin-badge.badge-active:hover{background:#10b98126}.ap-btn.b-ghost{background:none;color:var(--color-text-secondary)}.ap-btn.b-ghost:hover{background:var(--color-bg-tertiary)}.ap-btn.b-sm{padding:5px 10px;font-size:12px;border-radius:8px}.ap-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:640px){.ap-form-grid{grid-template-columns:1fr}}.ap-field{display:flex;flex-direction:column;gap:6px}.ap-field label{font-size:12px;font-weight:600;color:var(--color-text-secondary)}.ap-field input,.ap-field select,.ap-field textarea{padding:9px 14px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg);font-size:13px;color:var(--color-text);font-family:inherit;transition:all .15s}.ap-field input:focus,.ap-field select:focus,.ap-field textarea:focus{outline:none;border-color:var(--ap-accent);box-shadow:0 0 0 3px var(--ap-accent-glow)}.ap-field .field-error{font-size:11px;color:#ef4444}.ap-modal-bg{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}.ap-modal{background:var(--color-bg-secondary);border-radius:20px;width:100%;max-width:520px;max-height:85vh;overflow-y:auto;box-shadow:0 24px 80px #0003;border:1px solid var(--color-border)}.ap-modal .ap-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border)}.ap-modal .ap-modal-header h3{font-size:16px;font-weight:700}.ap-modal .ap-modal-body{padding:24px}.ap-modal .ap-modal-footer{display:flex;gap:8px;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--color-border)}.ap-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;border-radius:8px;color:var(--color-text-muted)}.ap-modal-close svg{width:18px;height:18px}.ap-modal-close:hover{background:var(--color-bg-tertiary)}.ap-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;text-align:center;color:var(--color-text-muted)}.ap-empty svg{width:40px;height:40px;opacity:.4}.ap-empty p{font-size:14px}.ap-alert{padding:12px 16px;border-radius:10px;font-size:13px;font-weight:500;margin-bottom:16px}.a-success{background:#10b98114;color:#10b981;border:1px solid rgba(16,185,129,.15)}.a-error{background:#ef444414;color:#ef4444;border:1px solid rgba(239,68,68,.15)}.a-info{background:#3b82f614;color:#3b82f6;border:1px solid rgba(59,130,246,.15)}.ap-copy{background:none;border:none;cursor:pointer;font-size:14px;padding:2px;opacity:.6}.ap-copy:hover{opacity:1}.ap-pagination{padding:12px 16px;display:flex;justify-content:center}.ap-pin-gate{position:fixed;inset:0;z-index:9999;background:#07070a;display:flex;align-items:center;justify-content:center;overflow:hidden}.ap-pin-particles{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 600px 400px at 20% 50%,rgba(239,68,68,.06),transparent),radial-gradient(ellipse 500px 500px at 80% 30%,rgba(249,115,22,.05),transparent),radial-gradient(ellipse 400px 300px at 50% 80%,rgba(139,92,246,.04),transparent)}.ap-pin-box{position:relative;z-index:1;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:40px 36px 32px;width:100%;max-width:360px;text-align:center;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);box-shadow:0 24px 80px #0006,0 0 0 1px #ffffff0a inset}.ap-pin-box h2{font-size:18px;font-weight:700;color:#f0f0f0;margin-bottom:6px;letter-spacing:-.3px}.ap-pin-box p{font-size:12px;color:#ffffff59;margin-bottom:28px;line-height:1.5}.ap-pin-logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:28px}.ap-pin-logo-icon{width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#ef4444,#f97316);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ef44444d}.ap-pin-logo-icon svg{width:18px;height:18px;color:#fff}.ap-pin-logo-text{font-size:15px;font-weight:700;color:#ffffffb3;letter-spacing:-.3px}.ap-pin-lock{width:48px;height:48px;margin:0 auto 16px;border-radius:50%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center}.ap-pin-lock svg{width:24px;height:24px;color:#fff6}.ap-pin-lock{animation:pinPulse 3s ease-in-out infinite}@keyframes pinPulse{0%,to{box-shadow:0 0 #ef444400}50%{box-shadow:0 0 0 8px #ef44440f}}.ap-pin-dots{display:flex;justify-content:center;gap:16px;margin-bottom:28px}.ap-pin-dot{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.15);background:transparent;transition:all .25s cubic-bezier(.4,0,.2,1)}.ap-pin-dot.filled{background:#ef4444;border-color:#ef4444;box-shadow:0 0 12px #ef444466}.ap-pin-dot.pop{transform:scale(1.3)}.ap-pin-hidden-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.ap-pin-numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:260px;margin:0 auto 20px}.ap-pin-key{width:100%;aspect-ratio:1.4;border:none;border-radius:14px;background:#ffffff0d;color:#e0e0e0;font-size:22px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.ap-pin-key:hover{background:#ffffff1a}.ap-pin-key:active{background:#ef444433;transform:scale(.95)}.ap-pin-key.empty{background:none;cursor:default}.ap-pin-key.del{background:#ffffff08;color:#fff6}.ap-pin-key.del:hover{background:#ef44441a;color:#ef4444}.ap-pin-submit{display:none}.ap-pin-error{color:#ef4444;font-size:12px;font-weight:600;margin:-16px 0 16px;padding:8px 14px;border-radius:8px;background:#ef44441a;border:1px solid rgba(239,68,68,.15);animation:pinShake .4s ease}@keyframes pinShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.ap-pin-footer{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:8px}.ap-pin-footer span{font-size:10px;color:#fff3;text-transform:uppercase;letter-spacing:1px}.ap-maintenance-banner{display:flex;align-items:center;gap:10px;padding:10px 24px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:12px;font-weight:600;position:sticky;top:0;z-index:50}.ap-checkbox{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;cursor:pointer}.ap-checkbox input{position:absolute;opacity:0;width:0;height:0}.ap-checkbox .ap-check-mark{width:18px;height:18px;border:2px solid var(--color-border);border-radius:5px;background:var(--color-bg);transition:all .15s ease;display:flex;align-items:center;justify-content:center}.ap-checkbox .ap-check-mark:after{content:"";display:none;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-2px}.ap-checkbox input:checked+.ap-check-mark{background:var(--ap-accent);border-color:var(--ap-accent)}.ap-checkbox input:checked+.ap-check-mark:after{display:block}.ap-checkbox input:focus-visible+.ap-check-mark{box-shadow:0 0 0 2px var(--ap-accent-glow)}.ap-checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--color-text);cursor:pointer}.ap-inline-edit{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;border-radius:6px;color:var(--color-text-muted);transition:all .15s}.ap-inline-edit svg{width:13px;height:13px}.ap-inline-edit:hover{background:var(--ap-accent-glow);color:var(--ap-accent)}.ap-form-select,.ap-form-input{padding:9px 14px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg);font-size:13px;color:var(--color-text);font-family:inherit;transition:all .15s}.ap-form-select:focus,.ap-form-input:focus{outline:none;border-color:var(--ap-accent);box-shadow:0 0 0 3px var(--ap-accent-glow)}.ap-form-select::placeholder,.ap-form-input::placeholder{color:var(--color-text-muted)}.ap-form-select{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='%23999' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.ap-tab-btn{padding:8px 16px;border-radius:8px;border:none;background:none;font-size:13px;font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:all .15s;white-space:nowrap;font-family:inherit}.ap-tab-btn:hover{color:var(--color-text);background:var(--color-bg-tertiary)}.ap-tab-btn.active{background:var(--ap-gradient);color:#fff;font-weight:600;box-shadow:0 2px 8px #ef444433}.ap-dropdown{position:absolute;z-index:100;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:14px;box-shadow:0 12px 40px #00000026;overflow:hidden}[x-cloak]{display:none!important}.ap-mini-stat{display:flex;flex-direction:column;gap:4px;padding:12px 0}.ap-mini-stat .ap-mini-label{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:700}.ap-mini-stat .ap-mini-value{font-size:22px;font-weight:800;line-height:1;letter-spacing:-.5px}@media(max-width:768px){.admin-content>div>[style*="grid-template-columns: 1fr 1fr"],.admin-content>div>[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important}.admin-content>div>[style*="grid-template-columns: 2fr 1fr"],.admin-content>div>[style*="grid-template-columns:2fr 1fr"]{grid-template-columns:1fr!important}}.auth-body{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f5f5f7;color:#1a1a1a;min-height:100vh;margin:0;padding:0;overflow-x:hidden}.auth-canvas{position:fixed;inset:0;z-index:0;pointer-events:none}@keyframes authOrbitSpin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes authFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes authSlideIn{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes authPulse{0%,to{opacity:1}50%{opacity:.3}}.auth-split{display:flex;min-height:100vh}@media(max-width:860px){.auth-split .auth-hero{display:none}.auth-split .auth-main{padding:60px 24px 40px;align-items:center}.auth-split .auth-mobile-logo{display:block!important}.auth-split .auth-form-wrap,.auth-split .auth-title,.auth-split .auth-subtitle{text-align:center}.auth-split .auth-form{text-align:left}}.auth-hero{flex:0 0 45%;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#ececee}.auth-hero .hero-grid{position:absolute;inset:0;opacity:.04;background-image:linear-gradient(rgb(0,0,0) 1px,transparent 1px),linear-gradient(90deg,rgb(0,0,0) 1px,transparent 1px);background-size:80px 80px}.auth-hero .hero-orbit{position:absolute;top:50%;left:50%;border-radius:50%;border:1px solid rgba(0,0,0,.04)}.auth-hero .hero-orbit.orbit-1{width:480px;height:480px;animation:authOrbitSpin 50s linear infinite}.auth-hero .hero-orbit.orbit-2{width:320px;height:320px;border-color:#00000008;animation:authOrbitSpin 35s linear infinite reverse}.auth-hero .orbit-dot{position:absolute;border-radius:50%;background:#1a1a1a}.auth-hero .orbit-dot.dot-1{top:-4px;left:50%;width:8px;height:8px}.auth-hero .orbit-dot.dot-2{bottom:-3px;right:18%;width:5px;height:5px;opacity:.4}.auth-hero .hero-content{position:relative;z-index:1;text-align:center;padding:0 48px}.auth-hero .hero-logo{height:40px;margin-bottom:28px;animation:authFadeUp .8s ease-out}.auth-hero .hero-title{font-size:72px;font-weight:800;letter-spacing:-3px;line-height:.9;margin:0 0 20px;background:linear-gradient(180deg,#000000d9,#00000014);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:authFadeUp .8s ease-out .1s both}@media(max-width:1100px){.auth-hero .hero-title{font-size:56px}}.auth-hero .hero-desc{font-size:15px;color:#00000059;line-height:1.7;max-width:260px;margin:0 auto;font-weight:500;animation:authFadeUp .8s ease-out .2s both}.auth-hero .hero-stats{display:flex;gap:40px;justify-content:center;margin-top:48px;animation:authFadeUp .8s ease-out .4s both}.auth-hero .hero-stat{text-align:center}.auth-hero .stat-number{font-size:24px;font-weight:800;color:#1a1a1a}.auth-hero .stat-label{font-size:10px;color:#00000040;margin-top:4px;letter-spacing:1px;text-transform:uppercase}.auth-main{flex:1;display:flex;flex-direction:column;justify-content:center;padding:40px 60px 40px 80px;position:relative;z-index:1}@media(max-width:1100px){.auth-main{padding:40px 40px 40px 60px}}@media(max-width:860px){.auth-main{padding:40px 24px}}.auth-centered{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;position:relative;z-index:1}.auth-form-wrap{width:100%;max-width:380px}.auth-form-wrap.auth-form-wide{max-width:440px}.auth-logo{margin-bottom:6px}.auth-logo img{height:24px;width:auto}.auth-title{font-size:34px;font-weight:800;letter-spacing:-.8px;line-height:1.1;color:#1a1a1a;margin:0 0 8px}.auth-subtitle{font-size:15px;color:#00000059;margin:0 0 36px;font-weight:500}.auth-alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;font-size:13px;margin-bottom:20px}.auth-alert svg{width:18px;height:18px;flex-shrink:0;margin-top:1px}.auth-alert.alert-success{background:#22c55e14;border:1px solid rgba(34,197,94,.15);color:#16a34a}.auth-alert.alert-error{background:#ef444414;border:1px solid rgba(239,68,68,.15);color:#dc2626}.auth-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:480px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label:not(.auth-checkbox){font-size:12px;font-weight:600;color:#0006;letter-spacing:.5px;transition:color .2s ease}.form-group label:not(.auth-checkbox) .label-opt{font-weight:400;color:#00000040;margin-left:6px}.form-group:focus-within label:not(.auth-checkbox){color:#000000b3}.auth-input{width:100%;height:48px;padding:0 16px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;font-family:Manrope,sans-serif;font-size:15px;font-weight:500;color:#1a1a1a;outline:none;transition:all .25s ease;box-sizing:border-box}.auth-input::placeholder{color:#0003}.auth-input:hover{border-color:#00000024}.auth-input:focus{border-color:#00000040;box-shadow:0 0 0 3px #00000008}.auth-input.input-error{border-color:#ef444480}.auth-input:disabled{opacity:.35;cursor:not-allowed}.auth-input.input-mono{font-family:monospace;font-size:22px;letter-spacing:8px;text-align:center}.input-password{position:relative}.input-password .auth-input{padding-right:48px}.input-password .password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:8px;color:#00000040;cursor:pointer;transition:color .2s ease}.input-password .password-toggle:hover{color:#00000080}.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:12px;margin-top:-12px}.strength-bar{flex:1;height:3px;background:#0000000f;border-radius:2px;overflow:hidden}.strength-fill{height:100%;width:0%;border-radius:2px;transition:all .4s ease}.strength-text{font-size:11px;font-weight:700;min-width:42px;text-align:right}.auth-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.auth-checkbox input{display:none}.auth-checkbox .check-mark{width:16px;height:16px;min-width:16px;border:1.5px solid rgba(0,0,0,.18);border-radius:4px;background:transparent;position:relative;transition:all .2s ease;flex-shrink:0;box-sizing:border-box}.auth-checkbox .check-mark:after{content:"";position:absolute;top:2px;left:4px;width:5px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform .2s ease}.auth-checkbox input:checked+.check-mark{border-color:#1a1a1a;background:#1a1a1a}.auth-checkbox input:checked+.check-mark:after{transform:rotate(45deg) scale(1)}.auth-checkbox:hover .check-mark{border-color:#00000059}.auth-checkbox .check-text{font-size:13px;color:#00000073;line-height:1}.auth-checkbox .check-text a{color:#1a1a1a;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.2);padding-bottom:1px;transition:border-color .2s}.auth-checkbox .check-text a:hover{border-bottom-color:#1a1a1a}.auth-options{display:flex;align-items:center;justify-content:space-between}.link-forgot{font-size:13px;color:#00000040;text-decoration:none;transition:color .2s ease}.link-forgot:hover{color:#0009}.btn-auth{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;font-family:Manrope,sans-serif;font-size:14px;font-weight:700;letter-spacing:.2px;color:#fff;background:#1a1a1a;border:none;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:4px;text-decoration:none}.btn-auth svg{width:18px;height:18px;transition:transform .25s ease}.btn-auth:hover{opacity:.88;transform:translateY(-1px);box-shadow:0 8px 32px #00000026}.btn-auth:hover svg{transform:translate(4px)}.btn-auth:active{transform:scale(.98)}.btn-auth-outline{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;font-family:Manrope,sans-serif;font-size:14px;font-weight:700;letter-spacing:.2px;color:#0000008c;background:transparent;border:1.5px solid rgba(0,0,0,.08);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative}.btn-auth-outline svg{width:18px;height:18px;transition:transform .25s ease}.btn-auth-outline:hover{border-color:#0003;background:#00000005;transform:translateY(-1px)}.btn-auth-outline:hover svg{transform:translate(4px)}.btn-back{height:52px;padding:0 22px;background:#00000005;border:1px solid rgba(0,0,0,.06);border-radius:12px;color:#0006;cursor:pointer;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px;transition:all .2s ease}.btn-back:hover{border-color:#00000024;color:#0009}.btn-back svg{width:16px;height:16px}.btn-row{display:flex;gap:12px;margin-top:4px}.btn-badge{position:absolute;top:-11px;left:50%;transform:translate(-50%);padding:3px 10px;font-size:9px;font-weight:800;letter-spacing:1px;color:#fff;background:#1a1a1a;border-radius:6px;z-index:2}.auth-divider{display:flex;align-items:center;gap:16px;margin:20px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:#0000000f}.auth-divider span{font-size:10px;color:#0003;letter-spacing:2px;text-transform:uppercase}.auth-register{margin-top:32px}.auth-link-text{font-size:13px;color:#0000004d;margin:0}.auth-link-text a{color:#1a1a1a;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.2);padding-bottom:1px;transition:border-color .2s}.auth-link-text a:hover{border-bottom-color:#1a1a1a}.auth-links{margin-top:28px}.auth-links .auth-link-text+.auth-link-text{margin-top:6px}.register-choices{display:flex;flex-direction:column;gap:12px}.choice-card{display:flex;align-items:center;gap:16px;padding:18px;cursor:pointer;position:relative;background:#00000004;border:1.5px solid rgba(0,0,0,.06);border-radius:16px;text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.4,0,.2,1)}.choice-card:hover{background:#00000008;border-color:#0000001f;transform:translateY(-2px)}.choice-card:hover .choice-arrow svg{transform:translate(4px)}.choice-card.choice-featured{border-color:#00000026}.choice-badge{position:absolute;top:-10px;right:16px;padding:3px 10px;font-size:9px;font-weight:800;letter-spacing:1px;color:#fff;background:#1a1a1a;border-radius:6px}.choice-icon{width:48px;height:48px;border-radius:14px;background:#00000008;border:1px solid rgba(0,0,0,.06);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#0006}.choice-featured .choice-icon{color:#1a1a1a}.choice-icon svg{width:22px;height:22px}.choice-content{flex:1;min-width:0}.choice-title{font-size:15px;font-weight:700;color:#1a1a1a;margin:0 0 3px}.choice-desc{font-size:12px;color:#00000059;margin:0;line-height:1.4}.choice-arrow{flex-shrink:0;color:#00000026}.choice-arrow svg{width:18px;height:18px;transition:all .3s ease}.choice-card:hover .choice-arrow{color:#1a1a1a}.step-dots{display:flex;align-items:center;gap:8px;margin-bottom:32px}@media(max-width:860px){.step-dots{justify-content:center}}.step-dot{height:8px;border-radius:4px;background:#0000000f;transition:all .4s cubic-bezier(.4,0,.2,1)}.step-dot.dot-active{width:32px;background:#1a1a1a}.step-dot.dot-done{width:8px;background:#1a1a1a;cursor:pointer}.step-dot.dot-pending{width:8px}.step-label{display:inline-flex;align-items:center;gap:8px;margin-bottom:28px;padding:6px 14px;border-radius:100px;border:1px solid rgba(0,0,0,.06)}.step-label .step-pulse{width:6px;height:6px;border-radius:50%;background:#1a1a1a;animation:authPulse 2s infinite}.step-label span{font-size:12px;font-weight:700;color:#00000073;letter-spacing:.3px}.step-content{animation:authSlideIn .4s ease-out}.auth-footer{font-size:11px;color:#0003;margin-top:48px;display:flex;gap:20px}.auth-footer a{color:#0003;text-decoration:none;cursor:pointer;transition:color .2s}.auth-footer a:hover{color:#00000080}.auth-social{margin-top:24px}.social-buttons{display:flex;gap:10px}.social-btn{width:100%;flex:1;display:flex;align-items:center;justify-content:center;gap:8px;height:44px;background:#fff;border:1.5px solid rgba(0,0,0,.08);border-radius:10px;font-family:Manrope,sans-serif;font-size:13px;font-weight:600;color:#0009;cursor:pointer;transition:all .2s ease}.social-btn:hover{border-color:#0000002e;background:#00000005;transform:translateY(-1px)}.social-btn svg{flex-shrink:0}.landing-body{font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif;background:#f5f5f7;color:#1a1a1a;margin:0;overflow-x:hidden;-webkit-font-smoothing:antialiased}.landing-particles{position:fixed;inset:0;z-index:0;pointer-events:none}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.section-wrap{max-width:1200px;margin:0 auto;padding:0 28px}.section-wrap--narrow{max-width:720px}.section-head{text-align:center;margin-bottom:64px}.section-head h2{font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-1.5px;color:#1a1a1a;margin:0 0 12px}.section-head p{font-size:16px;color:#0006;max-width:480px;margin:0 auto}.section-head--white h2{color:#fff}.section-head--white p{color:#fff6}.slabel{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:100px;border:1px solid rgba(0,0,0,.06);margin-bottom:16px;background:#fff9}.slabel span{font-size:12px;font-weight:700;color:#0006}.slabel svg{color:#0006}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;font-size:14px;font-weight:700;font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.2px;border-radius:12px;border:none;cursor:pointer;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:hover{transform:translateY(-2px)}.btn--black{background:#1a1a1a;color:#fff;box-shadow:0 2px 8px #0000001a}.btn--black:hover{box-shadow:0 8px 32px #0003}.btn--white{background:#fff;color:#1a1a1a;box-shadow:0 2px 8px #0000000a}.btn--white:hover{box-shadow:0 8px 32px #00000014}.btn--outline{background:transparent;color:#0009;border:1.5px solid rgba(0,0,0,.08)}.btn--outline:hover{border-color:#00000026;background:#00000008;box-shadow:0 4px 16px #0000000a}.btn--ghost{background:transparent;color:#ffffffb3;border:1.5px solid rgba(255,255,255,.15)}.btn--ghost:hover{border-color:#ffffff4d;background:#ffffff0d}.btn--big{padding:16px 36px;font-size:15px}.btn--full{width:100%}.lh{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;border-bottom:1px solid transparent;transition:all .4s cubic-bezier(.4,0,.2,1)}.lh.scrolled{padding:10px 0;background:#f5f5f7e0;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom-color:#0000000a}.lh__inner{max-width:1200px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.lh__logo{display:flex;align-items:center;text-decoration:none}.lh__logo-img{height:32px}.lh__nav{display:flex;align-items:center;gap:4px}.lh__nav-link{padding:8px 16px;font-size:13px;font-weight:600;color:#00000073;text-decoration:none;border-radius:8px;transition:all .2s}.lh__nav-link:hover{color:#1a1a1a;background:#0000000a}.lh__actions{display:flex;align-items:center;gap:8px}.lh__btn{display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:700;font-size:13px;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.lh__btn--outline{padding:9px 18px;background:#0000000a;color:#0009;border:1px solid rgba(0,0,0,.06)}.lh__btn--outline:hover{border-color:#00000026;background:#0000000f}.lh__btn--black{padding:9px 20px;background:#1a1a1a;color:#fff;border:none;box-shadow:0 2px 8px #0000001f}.lh__btn--black:hover{transform:translateY(-1px);box-shadow:0 4px 16px #0003}.lh__burger{display:none;width:40px;height:40px;background:none;border:none;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:6px}.lh__burger span{display:block;width:20px;height:2px;background:#1a1a1a;border-radius:2px;transition:all .3s}.lh__burger.open span:first-child{transform:translateY(4px) rotate(45deg)}.lh__burger.open span:last-child{transform:translateY(-4px) rotate(-45deg)}.lh__mobile{position:fixed;inset:0;z-index:99;background:#f5f5f7fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:none;flex-direction:column;align-items:center;justify-content:center;gap:8px;opacity:0;pointer-events:none;transition:opacity .3s}.lh__mobile.open{opacity:1;pointer-events:auto}.lh__mobile a{font-size:22px;font-weight:700;color:#1a1a1a;text-decoration:none;padding:12px 24px}.lh__mobile-btns{margin-top:16px;display:flex;flex-direction:column;gap:8px;width:220px}.lh__mobile-btns .lh__btn{width:100%;justify-content:center}@media(max-width:860px){.lh__nav,.lh__actions{display:none}.lh__burger,.lh__mobile{display:flex}}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 28px 80px;position:relative;z-index:1}.hero__inner{max-width:820px;text-align:center}.hero__badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:100px;background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 12px #0000000a;margin-bottom:28px;color:#00000080;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:.3px;transition:all .2s}.hero__badge svg{color:#00000040}.hero__badge:hover{box-shadow:0 4px 20px #00000014}.hero__badge-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;animation:pulse 2s infinite}.hero__title{font-size:clamp(36px,6.5vw,74px);font-weight:800;letter-spacing:-2.5px;line-height:1;color:#1a1a1a;margin:0 0 22px}.hero__title-grad{background:linear-gradient(135deg,#000000d9,#0003);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__sub{font-size:clamp(16px,2vw,19px);color:#0006;line-height:1.7;max-width:540px;margin:0 auto 40px;font-weight:500}.hero__cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:32px}.hero__pills{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:56px}.pill{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:100px;background:#fff;border:1px solid rgba(0,0,0,.05);font-size:12px;font-weight:600;color:#00000073;box-shadow:0 1px 6px #00000008}.pill svg{color:#0000004d}.mockup{border-radius:16px;overflow:hidden;border:1px solid rgba(0,0,0,.08);box-shadow:0 20px 80px #00000014;background:#fff}.mockup__bar{height:40px;background:#00000008;display:flex;align-items:center;padding:0 16px;gap:8px;border-bottom:1px solid rgba(0,0,0,.05)}.mockup__dots{display:flex;gap:6px}.mockup__dots span{width:10px;height:10px;border-radius:50%;opacity:.8}.mockup__url{flex:1;height:24px;border-radius:6px;background:#0000000a;display:flex;align-items:center;justify-content:center;font-size:11px;color:#00000040;font-weight:500}.mockup__screen{height:clamp(180px,30vw,380px);background:linear-gradient(135deg,#f8f8fa,#ececee);display:flex;align-items:center;justify-content:center;padding:24px}.mockup__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:600px}.mockup__card{padding:16px 14px;border-radius:12px;background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 4px #00000008}.mockup__card-label{font-size:10px;color:#00000059;font-weight:600;margin-bottom:6px;letter-spacing:.3px}.mockup__card-val{font-size:20px;font-weight:800;color:#1a1a1a;margin-bottom:2px}.mockup__card-sub{font-size:10px;color:#00000040}.logos{padding:40px 28px;text-align:center;border-top:1px solid rgba(0,0,0,.04);border-bottom:1px solid rgba(0,0,0,.04);position:relative;z-index:1}.logos__label{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#0000002e;margin-bottom:20px}.logos__row{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;align-items:center;opacity:.15}.logos__row span{font-size:16px;font-weight:800;color:#1a1a1a;letter-spacing:-.3px;white-space:nowrap}.how{padding:100px 28px;position:relative;z-index:1}.how__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.step-card{padding:28px;border-radius:20px;background:#ffffff80;border:1px solid rgba(0,0,0,.04);transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 1px 4px #00000005}.step-card:hover{background:#fff;border-color:#00000014;transform:translateY(-4px);box-shadow:0 12px 40px #0000000f}.step-card__num{position:absolute;top:16px;right:20px;font-size:48px;font-weight:800;color:#0000000a;line-height:1}.step-card__icon{width:48px;height:48px;border-radius:14px;background:#0000000a;display:flex;align-items:center;justify-content:center;color:#1a1a1a;margin-bottom:16px;transition:transform .3s}.step-card:hover .step-card__icon{transform:scale(1.08)}.step-card h3{font-size:16px;font-weight:800;color:#1a1a1a;margin:0 0 8px}.step-card p{font-size:13px;color:#0006;line-height:1.65;margin:0}.features{padding:100px 28px;position:relative;z-index:1}.features__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.feat-card{padding:24px;border-radius:18px;background:#fff9;border:1px solid rgba(0,0,0,.04);transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 4px #00000005;cursor:default}.feat-card:hover{background:#fff;border-color:#00000014;transform:translateY(-4px);box-shadow:0 12px 40px #0000000f}.feat-card__top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.feat-card__icon{width:48px;height:48px;border-radius:14px;background:#00000008;display:flex;align-items:center;justify-content:center;color:#1a1a1a;transition:transform .3s}.feat-card:hover .feat-card__icon{transform:scale(1.08)}.feat-card__tag{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 8px;border-radius:6px;background:#0000000a;color:#0000004d}.feat-card h3{font-size:16px;font-weight:800;color:#1a1a1a;margin:0 0 8px}.feat-card p{font-size:13px;color:#0006;line-height:1.65;margin:0}.stats{padding:80px 28px;position:relative;z-index:1;background:#1a1a1a;color:#fff}.stats__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.stat{text-align:center;padding:24px 0}.stat__num{font-size:clamp(36px,5vw,52px);font-weight:800;line-height:1;margin-bottom:8px}.stat__label{font-size:14px;font-weight:700;color:#ffffffb3;margin-bottom:2px}.stat__sub{font-size:12px;color:#ffffff4d}.pricing{padding:100px 28px;position:relative;z-index:1}.pricing__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;align-items:stretch}.price-card{padding:32px;border-radius:20px;background:#fff;border:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;transition:all .35s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000008;position:relative}.price-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #0000000f}.price-card--featured{background:#1a1a1a;color:#fff;border:none;transform:translateY(-4px);box-shadow:0 12px 40px #0003}.price-card--featured:hover{box-shadow:0 20px 60px #00000040}.price-card__badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:4px 14px;font-size:10px;font-weight:800;letter-spacing:1px;background:#fff;color:#1a1a1a;border-radius:8px}.price-card__name{font-size:14px;font-weight:700;opacity:.5;margin-bottom:8px}.price-card__price{font-size:40px;font-weight:800;letter-spacing:-1px;margin-bottom:4px}.price-card__price span{font-size:14px;opacity:.4;font-weight:500}.price-card__desc{font-size:13px;opacity:.4;margin-bottom:28px}.price-card__list{flex:1;list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:12px}.price-card__list li{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;opacity:.7}.price-card__list li:before{content:"";width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2322c55e' stroke-width='2.5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") no-repeat center;flex-shrink:0}.testi{padding:100px 28px;background:#00000004;position:relative;z-index:1}.testi__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.testi-card{padding:24px;border-radius:18px;background:#fff;border:1px solid rgba(0,0,0,.05);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #00000005}.testi-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000000f}.testi-card__stars{font-size:14px;color:#1a1a1a;margin-bottom:14px;letter-spacing:2px}.testi-card__text{font-size:14px;color:#0000008c;line-height:1.65;margin:0 0 18px}.testi-card__author{display:flex;align-items:center;gap:12px;border-top:1px solid rgba(0,0,0,.05);padding-top:16px}.testi-card__avatar{width:38px;height:38px;border-radius:10px;background:#0000000f;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#00000059}.testi-card__name{font-size:13px;font-weight:700;color:#1a1a1a}.testi-card__studio{font-size:11px;color:#00000059}.faq-section{padding:100px 28px;position:relative;z-index:1}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{border-radius:14px;background:#ffffff80;border:1px solid rgba(0,0,0,.04);overflow:hidden;transition:all .3s}.faq-item.open{background:#fff;border-color:#00000014;box-shadow:0 4px 16px #0000000a}.faq-item__q{width:100%;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;background:none;border:none;cursor:pointer;font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif}.faq-item__q span{font-size:15px;font-weight:700;color:#1a1a1a;text-align:left}.faq-item__q svg{color:#0000004d;transition:transform .3s;flex-shrink:0;margin-left:12px}.faq-item.open .faq-item__q svg{transform:rotate(180deg)}.faq-item__a{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1)}.faq-item__a p{padding:0 20px 18px;font-size:14px;color:#00000073;line-height:1.65;margin:0}.faq-item.open .faq-item__a{max-height:200px}.contact-section{padding:80px 28px;position:relative;z-index:1;background:#00000004}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.contact-info h2{font-size:32px;font-weight:800;letter-spacing:-1px;color:#1a1a1a;margin:0 0 16px}.contact-info>p{font-size:15px;color:#0006;line-height:1.7;margin-bottom:28px}.contact-info__items{display:flex;flex-direction:column;gap:16px}.contact-info__item{display:flex;gap:14px;align-items:flex-start}.contact-info__item strong{font-size:14px;font-weight:600;color:#1a1a1a}.contact-info__icon{width:40px;height:40px;border-radius:12px;background:#0000000a;display:flex;align-items:center;justify-content:center;color:#00000059;flex-shrink:0}.contact-info__label{font-size:11px;font-weight:700;color:#0000004d;letter-spacing:.5px;margin-bottom:2px;display:block}.contact-form{padding:32px;border-radius:20px;background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 20px #00000008}.contact-form form{display:flex;flex-direction:column;gap:16px}.contact-form__field label{font-size:12px;font-weight:600;color:#0006;margin-bottom:6px;display:block}.contact-form__field input,.contact-form__field textarea{width:100%;padding:0 14px;height:44px;border:1px solid rgba(0,0,0,.08);border-radius:10px;font-size:14px;font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif;outline:none;transition:border-color .25s,box-shadow .25s;background:#fff}.contact-form__field input:focus,.contact-form__field textarea:focus{border-color:#0003;box-shadow:0 0 0 3px #00000008}.contact-form__field textarea{height:auto;padding:14px;resize:vertical}.cta-section{padding:80px 28px;position:relative;z-index:1}.cta-box{max-width:900px;margin:0 auto;padding:64px 48px;border-radius:28px;background:#1a1a1a;color:#fff;text-align:center;position:relative;overflow:hidden}.cta-box__orb{position:absolute;border-radius:50%;background:#ffffff08}.cta-box__orb--1{width:300px;height:300px;top:-100px;left:-80px}.cta-box__orb--2{width:200px;height:200px;bottom:-60px;right:-40px}.cta-box__content{position:relative;z-index:1}.cta-box__content h2{font-size:clamp(26px,4vw,40px);font-weight:800;letter-spacing:-1px;margin:0 0 12px}.cta-box__content p{font-size:16px;color:#ffffff73;max-width:420px;margin:0 auto 32px;line-height:1.7}.cta-box__btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.lf{border-top:1px solid rgba(0,0,0,.05);padding:64px 28px 32px;position:relative;z-index:1}.lf__inner{max-width:1200px;margin:0 auto}.lf__grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px;margin-bottom:48px}.lf__brand-logo{display:block;margin-bottom:16px}.lf__brand-desc{font-size:13px;color:#0006;line-height:1.7;max-width:260px;margin-bottom:16px}.lf__company{font-size:12px;color:#0000004d;line-height:1.6}.lf__company strong{color:#00000080}.lf__col-title{font-size:12px;font-weight:700;color:#1a1a1a;letter-spacing:.5px;margin-bottom:14px;text-transform:uppercase}.lf__col a{display:block;font-size:13px;color:#0006;text-decoration:none;padding:5px 0;transition:color .2s}.lf__col a:hover{color:#1a1a1a}.lf__bottom{border-top:1px solid rgba(0,0,0,.05);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;color:#00000040}.subpage{padding-top:100px;min-height:100vh;position:relative;z-index:1}.subpage__inner{max-width:760px;margin:0 auto;padding:0 28px 80px}.subpage__back{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#0006;text-decoration:none;margin-bottom:32px;transition:color .2s}.subpage__back:hover{color:#1a1a1a}.subpage__header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.subpage__header h1{font-size:32px;font-weight:800;letter-spacing:-.8px;color:#1a1a1a;margin:0}.subpage__icon{width:40px;height:40px;border-radius:12px;background:#0000000a;display:flex;align-items:center;justify-content:center;color:#0006}.subpage__meta{font-size:12px;color:#00000040;margin-bottom:40px}.subpage__content{font-size:15px;color:#0000008c;line-height:1.8}.subpage__content h3{font-size:18px;font-weight:800;color:#1a1a1a;margin:32px 0 12px}.subpage__content p{margin-bottom:16px}.subpage__content strong{color:#1a1a1a}.subpage__content a{color:#1a1a1a;font-weight:600}.status-ok{padding:20px 24px;border-radius:16px;background:#22c55e0f;border:1px solid rgba(34,197,94,.15);display:flex;align-items:center;gap:12px;margin-bottom:32px;font-size:15px;font-weight:700;color:#16a34a}.status-ok__dot{width:12px;height:12px;border-radius:50%;background:#22c55e}.status-list__item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.05)}.status-list__item span:first-child{font-weight:600;color:#1a1a1a}.status-list__ok{font-size:12px;font-weight:700;color:#22c55e;display:flex;align-items:center;gap:6px}.status-list__dot{width:8px;height:8px;border-radius:50%;background:#22c55e}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@media(max-width:860px){.contact-grid{grid-template-columns:1fr}.lf__grid{grid-template-columns:1fr 1fr}.mockup__cards{grid-template-columns:1fr}}@media(max-width:500px){.lf__grid{grid-template-columns:1fr}.hero__title{letter-spacing:-1.5px}.cta-box{padding:48px 24px}}.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:visible;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;gap:var(--spacing-sm)}}.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}@media(max-width:480px){.metric-card{padding:var(--spacing-md);gap:var(--spacing-sm)}}.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)}@media(max-width:480px){.metric-icon{width:38px;height:38px}.metric-icon svg{width:18px;height:18px}}.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)}@media(max-width:480px){.metric-value{font-size:var(--font-size-xl)}.metric-value span{font-size:var(--font-size-base)}}.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;flex-shrink:0}@media(max-width:480px){.ranking-item{gap:var(--spacing-sm)}.ranking-name,.ranking-value{font-size:var(--font-size-xs)}.status-row{grid-template-columns:80px 1fr 30px;gap:6px}.status-row .badge{font-size:10px;padding:2px 6px}}.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}}.day-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;overflow-x:auto}@media(max-width:900px){.day-view{display:none}}.day-header{display:grid;grid-template-columns:60px repeat(var(--ws-count),1fr);border-bottom:2px solid var(--color-border);position:sticky;top:0;background:var(--color-bg-secondary);z-index:10}.day-ws-header{padding:var(--spacing-md) var(--spacing-sm);text-align:center;font-size:12px;font-weight:var(--font-semibold);display:flex;flex-direction:column;align-items:center;gap:4px;border-left:1px solid var(--color-border)}.day-ws-header .ws-name{font-size:var(--font-size-xs);color:var(--color-text);text-transform:uppercase;letter-spacing:.5px;font-weight:var(--font-bold)}.day-ws-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)}.day-grid{display:grid;grid-template-columns:60px repeat(var(--ws-count),1fr);max-height:calc(100vh - 140px);overflow-y:auto;position:relative}.day-grid .hour-cell,.day-grid .hour-label{height:80px}.day-grid::-webkit-scrollbar{width:6px}.day-grid::-webkit-scrollbar-track{background:transparent}.day-grid::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.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);position:relative}.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:flex;flex-direction:column;gap:4px;padding:8px 10px 8px 14px;margin-bottom:2px;background:var(--color-bg);border-left:4px solid var(--ws-color);border-radius:var(--radius-md);font-size:11px;text-decoration:none;color:var(--color-text);overflow:hidden;transition:all .15s ease;position:relative;box-shadow:0 1px 4px #0000000f,0 0 0 1px color-mix(in srgb,var(--color-border) 60%,transparent)}.event-card:hover{box-shadow:0 4px 16px #0000001a,0 0 0 1px var(--ws-color);transform:translateY(-1px);z-index:5}.event-card.event-reservation{border-left-style:dashed}.event-card.event-multi-day{border-left-width:5px;background:color-mix(in srgb,var(--ws-color) 4%,var(--color-bg))}.event-card.event-continuation{border-left-style:dotted;opacity:.85}.event-card .event-header{display:flex;align-items:center;justify-content:space-between;gap:6px}.event-card .event-time{font-weight:800;font-size:12px;color:var(--ws-color);letter-spacing:-.2px;flex-shrink:0}.event-card .event-day-badge{font-size:9px;font-weight:var(--font-bold);background:var(--ws-color);color:#fff;padding:2px 6px;border-radius:var(--radius-sm);flex-shrink:0;line-height:1.3}.event-card .event-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.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-card .event-body{display:flex;flex-direction:column;gap:2px}.event-card .event-vehicle{font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-card .event-plate{display:inline-block;font-size:10px;font-weight:700;color:var(--color-text-secondary);background:var(--color-bg-tertiary);padding:1px 6px;border-radius:4px;letter-spacing:.8px;text-transform:uppercase}.event-card .event-services{font-size:11px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-card .event-client{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:3px}.event-card .client-avatar{width:22px;height:22px;border-radius:50%;background:var(--ws-color);color:#fff;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:.3px}.event-card .client-name{font-size:11px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.event-card .event-card-line{display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden}.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-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-card-full.event-multi-day{border-left:none}.event-card-full.event-multi-day .event-ws-indicator{width:6px}.event-card-full.event-continuation{opacity:.85}.event-card-full.event-continuation .event-ws-indicator{background-image:repeating-linear-gradient(0deg,transparent,transparent 4px,rgba(255,255,255,.3) 4px,rgba(255,255,255,.3) 8px)!important}.event-card-full .event-day-badge{font-size:var(--font-size-xs);font-weight:var(--font-bold);background:var(--color-accent);color:#fff;padding:2px 8px;border-radius:var(--radius-md);white-space:nowrap}.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] .day-view,[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:1100px){.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:1101px){.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:visible}.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%);border-radius:var(--radius-xl) var(--radius-xl) 0 0;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:1100px){.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}}.row-unpaid-warning{background:#f59e0b0f!important;border-left:3px solid #f59e0b}.row-unpaid-danger{background:#ef44440f!important;border-left:3px solid #ef4444}@media(max-width:480px){.breakdown-item{gap:4px;padding:var(--spacing-xs) var(--spacing-sm)}.breakdown-item-name,.breakdown-item-price{font-size:var(--font-size-sm)}.breakdown-summary{padding:var(--spacing-sm)}.summary-value.profit,.summary-value.loss{font-size:1rem}.payment-card{padding:var(--spacing-md)}.payment-status-icon{width:40px;height:40px}.payment-status-icon svg{width:20px;height:20px}.payment-amount{font-size:1.25rem}.order-info-grid,.order-main-header{padding:var(--spacing-md)!important}.order-id-mobile{font-size:.9rem}.timeline-item{gap:var(--spacing-sm)}}.order-create-modal{position:fixed;right:0;top:0;height:100vh;height:100dvh;width:540px;max-width:100vw;display:flex;flex-direction:column;background:var(--color-bg-secondary);border-left:1px solid var(--color-border);box-shadow:-8px 0 40px #0000001f;overflow:hidden;z-index:10000;animation:ocm-slide-in .2s ease-out}@keyframes ocm-slide-in{0%{transform:translate(100%);opacity:.5}to{transform:translate(0);opacity:1}}.order-create-modal.ocm-dialog{position:relative;right:auto;top:auto;height:auto;max-height:85vh;width:420px;border-left:none;border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 24px 80px #0003;animation:ocm-fade-in .15s ease-out}[data-theme=dark] .order-create-modal.ocm-dialog{box-shadow:0 24px 80px #00000080}@keyframes ocm-fade-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@media(max-width:600px){.order-create-modal.ocm-dialog{width:92vw;max-height:90vh}}[data-theme=dark] .order-create-modal{box-shadow:-8px 0 40px #0006}.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)}.order-create-modal>form{display:flex;flex-direction:column;flex:1;min-height:0}.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:flex;flex-direction:column;gap:4px}.ocm-vehicle{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-vehicle svg{color:var(--color-text-muted);transition:color .15s;width:20px;height:20px}.ocm-vehicle:hover{border-color:var(--color-text-muted);background:var(--color-bg-tertiary)}.ocm-vehicle.selected{border-color:var(--color-text);background:var(--color-bg-tertiary)}.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:var(--font-size-md);font-family:inherit;outline:none;transition:all var(--transition-fast)}.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);background:var(--color-bg-secondary)}.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)}.ocm-side-panel{position:fixed;right:540px;bottom:0;width:460px;height:calc(100vh - 80px);z-index:9999;display:flex;flex-direction:column;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-right:none;border-radius:0;overflow:hidden;animation:ocm-side-slide .3s ease-out}[data-theme=dark] .ocm-side-panel{border-color:var(--color-border)}@keyframes ocm-side-slide{0%{transform:translate(460px);opacity:0}to{transform:translate(0);opacity:1}}.ocm-side-panel .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-side-panel .ocm-field input,.ocm-side-panel .ocm-field select,.ocm-side-panel .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:var(--font-size-md);font-family:inherit;outline:none;transition:all var(--transition-fast)}.ocm-side-panel .ocm-field input::placeholder,.ocm-side-panel .ocm-field select::placeholder,.ocm-side-panel .ocm-field textarea::placeholder{color:var(--color-text-muted)}.ocm-side-panel .ocm-field input:focus,.ocm-side-panel .ocm-field select:focus,.ocm-side-panel .ocm-field textarea:focus{border-color:var(--color-text);background:var(--color-bg-secondary)}.ocm-side-panel .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-side-panel .ocm-field textarea{resize:vertical;min-height:52px}@media(max-width:1024px){.ocm-side-panel{right:0;top:0;bottom:0;width:100vw;height:100vh;height:100dvh;border:none;border-radius:0;z-index:10200;animation:ocm-slide-in .2s ease-out}}@media(max-width:600px){.order-create-modal{width:100vw!important;border-left:none!important;border-radius:0!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:36px;height:20px;border-radius:10px;background: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:#fff;box-shadow:0 1px 3px #0003;transition:all var(--transition-fast)}.status-toggle.active{background:var(--color-success)}.status-toggle.active .toggle-dot{left:18px}.form-color{padding:4px;height:42px;cursor:pointer}.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:1100px){.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:visible}.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:visible;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:1100px){.service-cards-table-desktop{display:none}.service-cards-mobile{display:flex;flex-direction:column;gap:var(--spacing-sm)}}@media(min-width:1101px){.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:0!important;overflow:hidden}.sc-main-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-bg-tertiary) 0%,transparent 100%)}.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)}.sc-info-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-sm);padding:var(--spacing-lg)}.sc-info-grid.desktop{grid-template-columns:repeat(2,1fr)}.sc-info-row{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.sc-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}.sc-info-icon svg{width:18px;height:18px}.sc-info-content{display:flex;flex-direction:column;gap:2px;min-width:0}.sc-info-label{font-size:10px;font-weight:600;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:600;display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}@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}.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:1100px){.clients-table-desktop{display:none}.clients-cards-mobile{display:flex;flex-direction:column;gap:var(--spacing-sm)}}@media(min-width:1101px){.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:visible}.client-main-header{padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-bg-tertiary) 0%,transparent 100%);border-radius:var(--radius-xl) var(--radius-xl) 0 0}.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:1100px){.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:36px;height:20px;background:var(--color-border);border-radius:10px;transition:all var(--transition-fast)}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:all var(--transition-fast);box-shadow:0 1px 3px #0003}input:checked+.toggle-slider{background:var(--color-success)}input:checked+.toggle-slider:before{transform:translate(16px)}.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-border);border-radius:10px;transition:all var(--transition-fast);display:block}.toggle-slider-sm:before{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:all var(--transition-fast);box-shadow:0 1px 3px #0003}input:checked+.toggle-slider-sm{background: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] .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:36px;height:20px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch input:checked+.toggle-slider{background:var(--color-success)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px)}.toggle-switch .toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--color-border);border-radius:10px;transition:var(--transition-fast)}.toggle-switch .toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:2px;top:2px;background:#fff;border-radius:50%;transition:var(--transition-fast);box-shadow:0 1px 3px #0003}.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:1px solid var(--color-border);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);cursor:pointer;width:100%;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-action-btn svg{width:18px;height:18px;flex-shrink:0;color:var(--color-accent);transition:color var(--transition-fast)}.quick-action-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-accent);color:var(--color-text);text-decoration:none}.quick-action-btn:hover svg{color:var(--color-accent)}.quick-action-btn:active{transform:scale(.98)}@media(max-width:1100px){.quick-actions{flex-direction:row;flex-wrap:wrap}.quick-action-btn{flex:1 1 auto;min-width:0;justify-content:center}}@media(max-width:480px){.quick-actions{flex-direction:column}.quick-action-btn{justify-content:flex-start}}.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:36px;height:20px;border-radius:10px;border:none;background:var(--color-border);cursor:pointer;transition:background .2s ease;flex-shrink:0;padding:0}.hours-toggle .hours-toggle-dot{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:all .2s ease}.hours-toggle.on{background:var(--color-success)}.hours-toggle.on .hours-toggle-dot{transform:translate(16px)}.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-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:16px;height:16px;top:2px;left:2px}.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-alert{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:var(--radius-xl);margin-bottom:16px}@media(max-width:640px){.sub-alert{flex-direction:column;align-items:flex-start;gap:12px}}.sub-alert--warning{background:color-mix(in srgb,var(--color-warning) 8%,transparent);border:1px solid color-mix(in srgb,var(--color-warning) 25%,transparent)}.sub-alert--error{background:color-mix(in srgb,var(--color-error) 8%,transparent);border:1px solid color-mix(in srgb,var(--color-error) 25%,transparent)}.sub-alert--info{background:color-mix(in srgb,var(--color-info) 8%,transparent);border:1px solid color-mix(in srgb,var(--color-info) 25%,transparent)}.sub-alert__icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-warning) 15%,transparent);color:var(--color-warning);flex-shrink:0}.sub-alert__icon svg{width:20px;height:20px}.sub-alert__icon--error{background:color-mix(in srgb,var(--color-error) 15%,transparent);color:var(--color-error)}.sub-alert__icon--info{background:color-mix(in srgb,var(--color-info) 15%,transparent);color:var(--color-info)}.sub-alert__body{flex:1;min-width:0}.sub-alert__body strong{display:block;font-size:14px;color:var(--color-text)}.sub-alert__body p{margin:4px 0 0;font-size:13px;color:var(--color-text-secondary)}.sub-alert__actions{display:flex;gap:8px;flex-shrink:0}@media(max-width:640px){.sub-alert__actions{width:100%}.sub-alert__actions .btn{flex:1;justify-content:center}}.sub-hero{position:relative;padding:32px;border-radius:var(--radius-xl);margin-bottom:24px;overflow:hidden;background:var(--color-bg-secondary);border:1px solid var(--color-border)}@media(max-width:640px){.sub-hero{padding:24px 20px}}.sub-hero--active{background:linear-gradient(135deg,color-mix(in srgb,var(--color-success) 3%,var(--color-bg-secondary)),color-mix(in srgb,var(--color-accent) 2%,var(--color-bg-secondary)));border-color:color-mix(in srgb,var(--color-success) 15%,var(--color-border));box-shadow:inset 0 1px #ffffff08}.sub-hero--active .sub-hero__dot{background:color-mix(in srgb,var(--color-success) 75%,var(--color-bg-secondary));box-shadow:0 0 6px color-mix(in srgb,var(--color-success) 40%,transparent)}.sub-hero--active .sub-hero__status{color:color-mix(in srgb,var(--color-success) 75%,var(--color-text-secondary))}.sub-hero--trial{background:linear-gradient(135deg,color-mix(in srgb,var(--color-info) 4%,var(--color-bg-secondary)),color-mix(in srgb,var(--color-accent) 3%,var(--color-bg-secondary)));border-color:var(--color-border);box-shadow:inset 0 1px #ffffff08}.sub-hero--trial .sub-hero__dot{background:var(--color-info);box-shadow:0 0 10px var(--color-info)}.sub-hero--trial .sub-hero__status{color:var(--color-info)}.sub-hero--expired{background:linear-gradient(135deg,color-mix(in srgb,var(--color-error) 5%,var(--color-bg-secondary)),var(--color-bg-secondary));border-color:color-mix(in srgb,var(--color-error) 20%,transparent)}.sub-hero--expired .sub-hero__dot{background:var(--color-error);box-shadow:0 0 8px var(--color-error);animation:pulse-error 2s infinite}.sub-hero--expired .sub-hero__status{color:var(--color-error)}@keyframes pulse-error{0%,to{opacity:1}50%{opacity:.5}}.sub-hero__glow{position:absolute;top:-50%;right:-20%;width:60%;height:200%;background:radial-gradient(ellipse,var(--color-accent) 0%,transparent 70%);opacity:.03;pointer-events:none}.sub-hero__content{position:relative;display:flex;justify-content:space-between;align-items:center;gap:24px}@media(max-width:640px){.sub-hero__content{flex-direction:column;align-items:flex-start}}.sub-hero__left{flex:1}.sub-hero__status{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.sub-hero__dot{width:10px;height:10px;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.sub-hero__title{font-size:36px;font-weight:var(--font-extrabold);margin:0 0 8px;line-height:1.1;color:var(--color-text)}@media(max-width:640px){.sub-hero__title{font-size:28px}}.sub-hero__meta{font-size:14px;color:var(--color-text-secondary);margin:0 0 16px}.sub-hero__meta strong{color:var(--color-text)}.sub-hero__features{display:flex;flex-wrap:wrap;gap:16px}.sub-hero__features span{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-secondary)}.sub-hero__features span svg{width:16px;height:16px;color:var(--color-accent)}@media(max-width:640px){.sub-hero__features{gap:10px}}.sub-hero__right{flex-shrink:0}.sub-hero__price{display:flex;align-items:baseline;gap:6px}.sub-hero__amount{font-size:52px;font-weight:var(--font-extrabold);line-height:1;color:var(--color-text)}@media(max-width:640px){.sub-hero__amount{font-size:40px}}.sub-hero__currency{font-size:16px;color:var(--color-text-secondary);line-height:1.2}.sub-hero__currency small{font-size:12px}.sub-plans-section{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:28px;margin-bottom:24px}@media(max-width:640px){.sub-plans-section{padding:20px}}.sub-plans-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px;flex-wrap:wrap}.sub-plans-header .section-header{margin-bottom:0}@media(max-width:768px){.sub-plans-header{flex-direction:column;align-items:flex-start}}.sub-billing-toggle{display:inline-flex;gap:4px;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:4px}.sub-billing-toggle button{padding:10px 18px;border:none;background:transparent;font-size:13px;font-weight:var(--font-semibold);color:var(--color-text-muted);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:8px}.sub-billing-toggle button.active{background:var(--color-text);color:var(--color-bg)}.sub-billing-toggle button:hover:not(.active){color:var(--color-text)}.sub-billing-badge{background:var(--color-success);color:#fff;font-size:10px;font-weight:var(--font-bold);padding:2px 6px;border-radius:var(--radius-sm)}.sub-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:900px){.sub-plans-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.sub-plans-grid{grid-template-columns:1fr}}.sub-plan{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:28px 24px;display:flex;flex-direction:column;transition:all var(--transition-fast)}.sub-plan:hover{border-color:var(--color-border-hover);transform:translateY(-2px)}.sub-plan--popular{border-color:var(--color-accent);box-shadow:0 8px 32px color-mix(in srgb,var(--color-accent) 15%,transparent)}.sub-plan--current{opacity:.65;pointer-events:none}.sub-plan__badges{display:flex;gap:6px;margin-bottom:16px;flex-wrap:wrap;position:relative;z-index:1;min-height:28px}.sub-plan__badge{display:inline-block;background:var(--color-accent);color:#fff;font-size:11px;font-weight:var(--font-bold);padding:4px 14px;border-radius:var(--radius-full);white-space:nowrap}.sub-plan__badge--muted{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.sub-plan__name{font-size:22px;font-weight:var(--font-bold);margin:0 0 16px;color:var(--color-text)}.sub-plan__price{display:flex;align-items:baseline;gap:4px;margin-bottom:4px;flex-wrap:nowrap}.sub-plan__amount{font-size:44px;font-weight:var(--font-extrabold);line-height:1;color:var(--color-text)}@media(max-width:600px){.sub-plan__amount{font-size:36px}}.sub-plan__unit{font-size:16px;font-weight:var(--font-semibold);color:var(--color-text-secondary);line-height:1.2;white-space:nowrap}.sub-plan__unit small{font-size:12px;font-weight:var(--font-regular, 400);display:inline}.sub-plan__yearly{font-size:12px;color:var(--color-text-muted);margin:0 0 20px}.sub-plan__features{list-style:none;margin:0 0 24px;padding:0;flex:1}.sub-plan__features li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--color-border);font-size:13px;color:var(--color-text)}.sub-plan__features li:last-child{border-bottom:none}.sub-plan__features li.disabled{color:var(--color-text-muted);text-decoration:line-through}.sub-plan__features li svg{width:18px;height:18px;flex-shrink:0;color:var(--color-success)}.sub-plan__features li.disabled svg{color:var(--color-text-muted)}.sub-discount-banner{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:24px;padding:14px 20px;background:color-mix(in srgb,var(--color-success) 8%,transparent);border:1px solid color-mix(in srgb,var(--color-success) 20%,transparent);border-radius:var(--radius-lg);font-size:14px;color:var(--color-text)}.sub-discount-banner svg{width:18px;height:18px;color:var(--color-success);flex-shrink:0}.sub-discount-banner strong{color:var(--color-success)}.sub-sms-content{display:flex;gap:32px;align-items:flex-start}@media(max-width:640px){.sub-sms-content{flex-direction:column;align-items:center}}.sub-sms-meter{flex-shrink:0}.sub-sms-ring{position:relative;width:140px;height:140px}.sub-sms-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.sub-sms-ring-bg{fill:none;stroke:var(--color-bg-tertiary);stroke-width:10}.sub-sms-ring-fill{fill:none;stroke:var(--color-success);stroke-width:10;stroke-linecap:round;transition:stroke-dasharray .6s ease}.sub-sms-ring-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.sub-sms-ring-value{display:block;font-size:32px;font-weight:var(--font-bold);line-height:1;color:var(--color-text)}.sub-sms-ring-label{display:block;font-size:12px;color:var(--color-text-muted);margin-top:4px}.sub-sms-details{flex:1;width:100%}.sub-sms-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--color-border);font-size:14px;color:var(--color-text)}.sub-sms-row:last-child{border-bottom:none}.sub-sms-row--muted{color:var(--color-text-muted)}.sub-sms-row strong{font-weight:var(--font-semibold)}.sub-sms-warning{display:flex;align-items:center;gap:10px;padding:14px 18px;background:color-mix(in srgb,var(--color-warning) 10%,transparent);border-radius:var(--radius-lg);font-size:13px;color:var(--color-warning);margin-top:20px}.sub-sms-warning svg{width:18px;height:18px;flex-shrink:0}.sub-discount-form .form-group{margin-bottom:12px}.sub-discount-error{font-size:12px;color:var(--color-error);margin:10px 0 0}.sub-discount-active{display:flex;align-items:center;gap:16px;padding:14px 18px;background:color-mix(in srgb,var(--color-success) 8%,transparent);border:1px solid color-mix(in srgb,var(--color-success) 20%,transparent);border-radius:var(--radius-lg);flex-wrap:wrap}.sub-discount-badge{display:flex;align-items:center;gap:8px}.sub-discount-badge svg{width:18px;height:18px;color:var(--color-success)}.sub-discount-code{font-weight:var(--font-bold);font-size:15px;color:var(--color-text)}.sub-discount-value{font-weight:var(--font-semibold);color:var(--color-success);margin-left:auto}.sub-discount-note{font-size:12px;color:var(--color-text-muted);margin:12px 0 0}.sub-invoices-table{overflow-x:auto}.sub-invoices-table table{width:100%;border-collapse:collapse}.sub-invoices-table thead tr{border-bottom:1px solid var(--color-border)}.sub-invoices-table thead th{padding:12px 14px;font-size:11px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);text-align:left;white-space:nowrap}.sub-invoices-table thead th:last-child{text-align:right}.sub-invoices-table tbody tr{border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}.sub-invoices-table tbody tr:hover{background:var(--color-bg-tertiary)}.sub-invoices-table tbody tr:last-child{border-bottom:none}.sub-invoices-table tbody td{padding:14px;font-size:13px;color:var(--color-text);vertical-align:middle}.sub-invoices-table tbody td:last-child{text-align:right}@media(max-width:768px){.sub-invoices-table thead{display:none}.sub-invoices-table tbody tr{display:block;padding:14px;margin-bottom:8px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:none}.sub-invoices-table tbody td{display:flex;justify-content:space-between;padding:6px 0;border:none}.sub-invoices-table tbody td:before{content:attr(data-label);font-size:11px;font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase}.sub-invoices-table tbody td:last-child{text-align:left;justify-content:flex-start;padding-top:10px}}.sub-dl-btn{width:32px;height:32px;border-radius:var(--radius-md);background:var(--color-bg-tertiary);display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:all var(--transition-fast)}.sub-dl-btn:hover{background:var(--color-bg);color:var(--color-text)}.sub-dl-btn svg{width:16px;height:16px}.sub-empty{text-align:center;padding:48px 24px;color:var(--color-text-muted)}.sub-empty svg{width:48px;height:48px;margin-bottom:12px;opacity:.4}.sub-empty p{margin:0;font-size:14px}.sidebar-title{font-size:11px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin:0 0 16px}.sidebar-stat{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--color-border)}.sidebar-stat:last-child{border-bottom:none}.sidebar-stat-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.sidebar-stat-icon svg{width:18px;height:18px}.sidebar-stat-icon--accent{background:color-mix(in srgb,var(--color-accent) 12%,transparent);color:var(--color-accent)}.sidebar-stat-icon--info{background:color-mix(in srgb,var(--color-info) 12%,transparent);color:var(--color-info)}.sidebar-stat-icon--success{background:color-mix(in srgb,var(--color-success) 12%,transparent);color:var(--color-success)}.sidebar-stat-content{display:flex;flex-direction:column}.sidebar-stat-label{font-size:10px;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.3px;color:var(--color-text-muted)}.sidebar-stat-value{font-size:15px;font-weight:var(--font-semibold);color:var(--color-text)}.sidebar-help-text{font-size:13px;color:var(--color-text-secondary);margin:0 0 14px;line-height:1.5}.sub-upgrade-visual{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:28px}@media(max-width:480px){.sub-upgrade-visual{flex-direction:column;gap:12px}}.sub-upgrade-box{flex:1;max-width:160px;padding:20px;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);text-align:center}.sub-upgrade-box--highlight{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 5%,var(--color-bg))}.sub-upgrade-label{display:block;font-size:10px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:6px}.sub-upgrade-plan-name{display:block;font-size:18px;font-weight:var(--font-bold);color:var(--color-text);margin-bottom:4px}.sub-upgrade-price{display:block;font-size:13px;color:var(--color-text-secondary)}.sub-upgrade-arrow{flex-shrink:0;color:var(--color-accent)}.sub-upgrade-arrow svg{width:24px;height:24px}@media(max-width:480px){.sub-upgrade-arrow{transform:rotate(90deg)}}.sub-upgrade-summary{text-align:center;padding:20px;background:var(--color-bg);border-radius:var(--radius-lg)}.sub-upgrade-summary p{margin:0 0 8px;font-size:14px;color:var(--color-text-secondary)}.sub-upgrade-free{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:color-mix(in srgb,var(--color-success) 10%,transparent);border-radius:var(--radius-md);color:var(--color-success);font-size:14px;font-weight:var(--font-medium);margin-bottom:8px}.sub-upgrade-free svg{width:20px;height:20px}.sub-upgrade-note{font-size:12px;color:var(--color-text-muted);margin:0}.sub-upgrade-cost{display:block;font-size:28px;font-weight:var(--font-bold);color:var(--color-text)}.sub-sms-packages{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:480px){.sub-sms-packages{grid-template-columns:1fr}}.sub-sms-package{position:relative;display:flex;flex-direction:column;align-items:center;padding:24px 16px;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.sub-sms-package:hover{border-color:var(--color-border-hover)}.sub-sms-package--popular{border-color:var(--color-accent)}.sub-sms-package-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--color-accent);color:#fff;font-size:10px;font-weight:var(--font-bold);padding:3px 10px;border-radius:var(--radius-full);white-space:nowrap}.sub-sms-package-amount{font-size:32px;font-weight:var(--font-bold);color:var(--color-text);line-height:1}.sub-sms-package-label{font-size:14px;color:var(--color-text-secondary);margin-bottom:12px}.sub-sms-package-price{font-size:14px;font-weight:var(--font-semibold);color:var(--color-text)}.sub-sms-package-unit{font-size:11px;color:var(--color-text-muted);margin-top:4px}.sub-modal-discount{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:20px;padding:12px 16px;background:color-mix(in srgb,var(--color-success) 8%,transparent);border-radius:var(--radius-md);font-size:13px;color:var(--color-text)}.sub-modal-discount svg{width:16px;height:16px;color:var(--color-success)}.sub-modal-discount strong{color:var(--color-success)}.modal-footer-note{font-size:12px;color:var(--color-text-muted);margin:0;text-align:center;width:100%}.sub-plan-hero{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--color-bg);border-radius:var(--radius-lg);margin-bottom:20px;gap:20px}@media(max-width:640px){.sub-plan-hero{flex-direction:column;align-items:flex-start}}.sub-plan-hero-left{flex:1}.sub-plan-status{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:var(--font-semibold);padding:4px 12px 4px 8px;border-radius:var(--radius-full);margin-bottom:10px}.sub-plan-status--active{background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success)}.sub-plan-status--trial{background:color-mix(in srgb,var(--color-info) 15%,transparent);color:var(--color-info)}.sub-plan-status--expired{background:color-mix(in srgb,var(--color-error) 15%,transparent);color:var(--color-error)}.sub-plan-status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor}.sub-plan-name{font-size:28px;font-weight:var(--font-bold);margin:0 0 6px;line-height:1.2;color:var(--color-text)}.sub-plan-date{font-size:14px;color:var(--color-text-secondary);margin:0}.sub-plan-date strong{color:var(--color-text)}.sub-plan-hero-right{flex-shrink:0}.sub-plan-price-display{display:flex;align-items:baseline;gap:4px}.sub-plan-price-amount{font-size:42px;font-weight:var(--font-bold);line-height:1;color:var(--color-text)}.sub-plan-price-unit{font-size:16px;color:var(--color-text-secondary)}.sub-plan-price-unit small{font-size:12px;display:block}.sub-plan-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}@media(max-width:480px){.sub-plan-features-grid{grid-template-columns:1fr}}.sub-plan-feature-item{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--color-bg);border-radius:var(--radius-md);font-size:13px;color:var(--color-text)}.sub-plan-feature-item svg{width:18px;height:18px;color:var(--color-accent);flex-shrink:0}.sub-plan-actions{display:flex;gap:10px;flex-wrap:wrap}.sub-plan-card{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:24px;position:relative;display:flex;flex-direction:column;transition:all var(--transition-fast)}.sub-plan-card:hover{border-color:var(--color-border-hover)}.sub-plan-card--popular{border-color:var(--color-accent)}.sub-plan-card--current{opacity:.6}.sub-plan-card h3{font-size:20px;font-weight:var(--font-bold);margin:0 0 12px;color:var(--color-text)}.sub-plan-card-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--color-accent);color:#fff;font-size:11px;font-weight:var(--font-bold);padding:4px 14px;border-radius:var(--radius-full);white-space:nowrap}.sub-plan-card-badge--muted{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.sub-plan-card-price{display:flex;align-items:baseline;gap:4px;margin-bottom:4px}.sub-plan-card-amount{font-size:40px;font-weight:var(--font-bold);line-height:1;color:var(--color-text)}.sub-plan-card-unit{font-size:16px;color:var(--color-text-secondary)}.sub-plan-card-unit small{font-size:12px;display:block}.sub-plan-card-yearly{font-size:12px;color:var(--color-text-muted);margin:0 0 16px}.sub-plan-card-features{list-style:none;margin:0 0 20px;padding:0;flex:1}.sub-plan-card-features li{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--color-border);font-size:13px;color:var(--color-text)}.sub-plan-card-features li:last-child{border-bottom:none}.sub-plan-card-features li.disabled{color:var(--color-text-muted);text-decoration:line-through}.sub-plan-card-features li svg{width:16px;height:16px;flex-shrink:0;color:var(--color-success)}.sub-plan-card-features li.disabled svg{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-info{color:var(--color-info)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.w-full{width:100%}.ml-auto{margin-left:auto}.hw{position:fixed;inset:0;z-index:9990;display:flex;flex-direction:column;background:var(--color-bg);font-family:inherit}.hw-top{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);flex-shrink:0;padding-top:max(12px,env(safe-area-inset-top))}.hw-back{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--color-bg-tertiary);color:var(--color-text);text-decoration:none;transition:all .15s;flex-shrink:0}.hw-back svg{width:18px;height:18px}.hw-back:hover{background:var(--color-border)}.hw-top-center{flex:1;min-width:0}.hw-top-title{font-size:14px;font-weight:700;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hw-progress-track{height:3px;background:var(--color-bg-tertiary);border-radius:2px;margin-top:4px;overflow:hidden}.hw-progress-fill{height:100%;background:var(--color-text);border-radius:2px;transition:width .4s cubic-bezier(.4,0,.2,1)}.hw-timer{padding:4px 10px;background:var(--color-bg-tertiary);border-radius:16px;font-size:11px;font-weight:700;color:var(--color-text-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.hw-dots{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-bottom:1px solid var(--color-border);background:var(--color-bg);flex-shrink:0;overflow-x:auto}.hw-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;border:2px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-muted);cursor:default;transition:all .2s;font-family:inherit;flex-shrink:0}.hw-dot svg{width:12px;height:12px}.hw-dot.current{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg)}.hw-dot.done{background:var(--color-success);border-color:var(--color-success);color:#fff;cursor:pointer}.hw-main{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:flex;justify-content:center}.hw-main::-webkit-scrollbar{width:5px}.hw-main::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.hw-stage{width:100%;max-width:520px;padding:24px 20px;display:flex;flex-direction:column;gap:14px;align-self:flex-start}.hw-foot{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;gap:10px;border-top:1px solid var(--color-border);background:var(--color-bg-secondary);flex-shrink:0;padding-bottom:max(12px,env(safe-area-inset-bottom))}.hw-foot-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;border:none;font-family:inherit;transition:all .15s}.hw-foot-btn svg{width:16px;height:16px}.hw-foot-btn.primary{background:var(--color-text);color:var(--color-bg)}.hw-foot-btn.primary:hover{opacity:.9}.hw-foot-btn.primary:disabled{opacity:.3;cursor:not-allowed}.hw-foot-btn.ghost{background:none;color:var(--color-text-muted);border:1px solid var(--color-border)}.hw-foot-btn.ghost:hover{border-color:var(--color-text-muted);color:var(--color-text)}.hw-hero{text-align:center;padding:16px 0 12px}.hw-hero.compact{padding:8px 0}.hw-hero-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;margin-bottom:8px;color:var(--color-text-muted);opacity:.7}.hw-hero-icon svg{width:56px;height:56px}.hw-hero-icon.car svg{width:72px;height:36px}.hw-hero-title{font-size:20px;font-weight:800;color:var(--color-text);margin:0}.hw-hero-sub{font-size:14px;color:var(--color-text-muted);margin-top:2px}.hw-type-row{display:flex;gap:10px}.hw-type{flex:1;display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:14px;background:var(--color-bg-secondary);border:2px solid var(--color-border);cursor:pointer;transition:all .15s;font-family:inherit}.hw-type:hover{border-color:var(--color-text-muted)}.hw-type.active{border-color:var(--color-text);background:var(--color-bg-tertiary)}.hw-type-badge{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--accent, #3b82f6) 12%,transparent);color:var(--accent, #3b82f6);transition:transform .2s}.hw-type-badge svg{width:18px;height:18px}.hw-type.active .hw-type-badge{transform:scale(1.05)}.hw-type-label{font-weight:700;font-size:14px;color:var(--color-text)}.hw-entity-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:var(--color-bg-secondary);border:2px solid var(--color-border)}.hw-entity-card.selected{border-color:var(--color-text)}.hw-entity-info{flex:1;min-width:0}.hw-entity-info strong{display:block;font-size:15px;color:var(--color-text)}.hw-entity-info span{display:block;font-size:12px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hw-entity-change{padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;font-family:inherit}.hw-entity-change:hover{color:var(--color-text);border-color:var(--color-text-muted)}.hw-select-trigger{display:flex;align-items:center;gap:10px;width:100%;padding:14px 16px;border-radius:14px;background:var(--color-bg-secondary);border:2px dashed var(--color-border);cursor:pointer;font-family:inherit;font-size:14px;color:var(--color-text-muted);transition:all .15s}.hw-select-trigger svg{width:18px;height:18px;flex-shrink:0}.hw-select-trigger:hover{border-color:var(--color-text-muted);color:var(--color-text)}.hw-notice{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;font-size:13px}.hw-notice svg{width:18px;height:18px;flex-shrink:0;margin-top:1px}.hw-notice strong{display:block;font-size:13px;color:var(--color-text)}.hw-notice p{margin:2px 0 0;color:var(--color-text-muted);font-size:12px}.hw-notice.info{background:color-mix(in srgb,#f59e0b 8%,var(--color-bg-secondary));border:1px solid color-mix(in srgb,#f59e0b 20%,var(--color-border))}.hw-notice.info svg{color:#f59e0b}.hw-notice.success{background:color-mix(in srgb,var(--color-success) 8%,var(--color-bg-secondary));border:1px solid color-mix(in srgb,var(--color-success) 20%,var(--color-border))}.hw-notice.success svg{color:var(--color-success)}.hw-orders{display:flex;flex-direction:column;gap:4px}.hw-order{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:var(--color-bg-secondary);border:1px solid var(--color-border);cursor:pointer;width:100%;font-family:inherit;text-align:left;transition:all .15s}.hw-order:hover{border-color:var(--color-text-muted)}.hw-order.active{border-color:var(--color-success);background:color-mix(in srgb,var(--color-success) 5%,var(--color-bg-secondary))}.hw-order-id{font-weight:700;font-size:13px;color:var(--color-text);white-space:nowrap}.hw-order-info{flex:1;font-size:12px;color:var(--color-text-muted)}.hw-order-check{width:16px;height:16px;color:var(--color-success)}.hw-context-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--color-bg-tertiary);border-radius:10px;font-size:13px;color:var(--color-text);font-weight:600}.hw-vehicle-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hw-vehicle{position:relative;padding:16px;border-radius:14px;background:var(--color-bg-secondary);border:2px solid var(--color-border);cursor:pointer;transition:all .15s;text-align:left;font-family:inherit}.hw-vehicle:hover{border-color:var(--color-text-muted)}.hw-vehicle.active{border-color:var(--color-text)}.hw-vehicle-main{display:flex;align-items:baseline;gap:6px;margin-bottom:4px}.hw-vehicle-main strong{font-size:14px;color:var(--color-text)}.hw-vehicle-year{font-size:11px;color:var(--color-text-muted)}.hw-vehicle-plate{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.5px;background:var(--color-bg-tertiary);color:var(--color-text-muted);border:1px solid var(--color-border)}.hw-vehicle-color{font-size:11px;color:var(--color-text-muted);margin-top:2px}.hw-vehicle-tick{position:absolute;top:8px;right:8px}.hw-vehicle-tick svg{width:18px;height:18px;color:var(--color-success)}.hw-empty-hero{text-align:center;padding:24px 0}.hw-empty-hero svg{width:72px;height:72px;color:var(--color-text-muted);margin-bottom:8px}.hw-empty-hero h3{font-size:16px;font-weight:700;color:var(--color-text);margin:0 0 4px}.hw-empty-hero p{font-size:13px;color:var(--color-text-muted);margin:0}.hw-add-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px;border-radius:12px;border:1px dashed var(--color-border);background:none;cursor:pointer;font-size:13px;font-weight:700;color:var(--color-text-muted);font-family:inherit;transition:all .15s}.hw-add-btn svg{width:14px;height:14px}.hw-add-btn:hover{border-color:var(--color-text-muted);color:var(--color-text);background:var(--color-bg-secondary)}.hw-add-btn.full{border-style:solid}.hw-recap{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:var(--color-bg-secondary);border:1px solid var(--color-border)}.hw-recap-item{flex:1;display:flex;align-items:center;gap:10px;min-width:0}.hw-recap-item strong{display:block;font-size:14px;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hw-recap-item span{display:block;font-size:11px;color:var(--color-text-muted)}.hw-recap-divider{width:1px;height:36px;background:var(--color-border);flex-shrink:0}.hw-recap-car-icon{width:36px;height:36px;border-radius:10px;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-text-muted)}.hw-recap-car-icon svg{width:18px;height:18px}.hw-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hw-field-group{display:flex;flex-direction:column;gap:4px}.hw-label{font-size:12px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.3px}.hw-input{width:100%;padding:12px 14px;border-radius:12px;background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text);font-size:15px;font-family:inherit;outline:none;transition:border-color .15s;-webkit-appearance:none;appearance:none;box-sizing:border-box}.hw-input::placeholder{color:var(--color-text-muted)}.hw-input:focus{border-color:var(--color-text-muted)}select.hw-input{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 14px center;padding-right:36px}.hw-link{background:none;border:none;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;color:var(--color-text-muted);text-decoration:underline}.hw-link:hover{color:var(--color-text)}.hw-link.danger:hover{color:#ef4444}.hw-gauge-card{padding:16px;border-radius:14px;background:var(--color-bg-secondary);border:1px solid var(--color-border)}.hw-gauge-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.hw-gauge-label{font-size:12px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.hw-gauge-val{font-size:28px;font-weight:800;color:var(--color-text);font-variant-numeric:tabular-nums}.hw-gauge-track{height:8px;background:var(--color-bg-tertiary);border-radius:4px;overflow:hidden}.hw-gauge-fill{height:100%;border-radius:4px;transition:width .3s;background:var(--color-text)}.hw-gauge-fill.gas{background:#6366f1}.hw-gauge-ticks{display:flex;justify-content:space-between;margin-top:2px;font-size:9px;color:var(--color-text-muted);font-weight:600}.hw-range{-webkit-appearance:none;width:100%;height:6px;margin:6px 0;background:var(--color-border);border-radius:3px;outline:none}.hw-range::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:var(--color-text);border:3px solid var(--color-bg-secondary);box-shadow:0 2px 8px #00000026;cursor:pointer}.hw-range::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--color-text);border:3px solid var(--color-bg-secondary);box-shadow:0 2px 8px #00000026;cursor:pointer}.hw-toggle-row{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:14px;color:var(--color-text);padding:4px 0}.hw-toggle-row input{display:none}.hw-toggle-box{position:relative;width:36px;height:20px;border-radius:10px;background:var(--color-border);transition:background .2s;flex-shrink:0}.hw-toggle-box.on{background:var(--color-success)}.hw-toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0003}.hw-toggle-box.on .hw-toggle-knob{transform:translate(16px)}.hw-section-head{display:flex;align-items:baseline;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--color-text-muted)}.hw-section-opt{font-weight:500;font-size:10px;color:var(--color-text-muted);opacity:.6;text-transform:none;letter-spacing:0}.hw-equip{display:flex;flex-direction:column;gap:4px}.hw-equip-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:var(--color-bg-secondary);border:1px solid var(--color-border)}.hw-equip-row span{flex:1;font-size:14px;color:var(--color-text)}.hw-equip-chk{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;border:2px solid var(--color-border);background:none;cursor:pointer;flex-shrink:0;font-family:inherit;transition:all .15s}.hw-equip-chk svg{width:12px;height:12px}.hw-equip-chk.on{background:var(--color-success);border-color:var(--color-success)}.hw-equip-rm{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:none;border:none;cursor:pointer;font-size:16px;color:var(--color-text-muted)}.hw-equip-rm:hover{color:#ef4444;background:var(--color-bg-tertiary)}.hw-equip-add{display:flex;gap:8px;align-items:center}.hw-btn-sm{padding:10px 14px;border-radius:10px;font-size:13px;font-weight:700;background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;font-family:inherit;white-space:nowrap}.hw-btn-sm:hover{border-color:var(--color-text-muted)}.hw-damage-section{padding:16px;border-radius:16px;background:var(--color-bg-secondary);border:1px solid var(--color-border)}.hw-damage-header{margin-bottom:12px}.hw-damage-title-row{display:flex;align-items:flex-start;gap:12px}.hw-damage-title-row h3{font-size:15px;font-weight:700;color:var(--color-text);margin:0}.hw-damage-title-row p{font-size:12px;color:var(--color-text-muted);margin:2px 0 0}.hw-damage-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hw-damage-icon svg{width:20px;height:20px}.hw-damage-icon.ext{background:#ef444414;color:#ef4444}.hw-damage-icon.int{background:#6366f114;color:#6366f1}.hw-damage-entry{display:flex;gap:10px;padding:10px 0}.hw-damage-entry:not(:last-of-type){border-bottom:1px solid var(--color-border)}.hw-damage-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.hw-damage-dot.ext{background:#ef4444}.hw-damage-dot.int{background:#6366f1}.hw-damage-body{flex:1;min-width:0}.hw-damage-top{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.hw-damage-top strong{font-size:13px;color:var(--color-text)}.hw-damage-tag{font-size:10px;font-weight:600;padding:1px 6px;border-radius:4px;background:var(--color-bg-tertiary);color:var(--color-text-muted)}.hw-damage-body p{font-size:12px;color:var(--color-text-muted);margin:2px 0}.hw-damage-foot{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--color-text-muted);margin-top:2px}.hw-no-damage{display:flex;align-items:center;gap:8px;padding:12px 0;font-size:13px;color:var(--color-text-muted)}.hw-no-damage svg{width:20px;height:20px;color:var(--color-success);flex-shrink:0}.hw-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border-radius:12px;margin-top:8px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);cursor:pointer;font-size:14px;font-weight:700;color:var(--color-text);font-family:inherit;transition:all .15s}.hw-action-btn svg{width:16px;height:16px}.hw-action-btn:hover{border-color:var(--color-text-muted);background:var(--color-border)}.hw-photo-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 0}.hw-photo-hero h2{font-size:20px;font-weight:800;color:var(--color-text);margin:0 0 4px}.hw-photo-hero h3{font-size:16px;font-weight:700;color:var(--color-text);margin:0}.hw-photo-hero p{font-size:14px;color:var(--color-text-muted);margin:0}.hw-photo-hero-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;color:var(--color-text);opacity:.5;margin-bottom:8px}.hw-photo-hero-icon svg{width:56px;height:56px}.hw-photo-hero-icon.muted{opacity:.25}.hw-photo-choice{display:flex;flex-direction:column;gap:8px;width:100%;max-width:300px;margin-top:16px}.hw-btn-big{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 20px;border-radius:14px;font-size:15px;font-weight:700;cursor:pointer;font-family:inherit;border:2px solid var(--color-border);transition:all .15s}.hw-btn-big svg{width:20px;height:20px}.hw-btn-big.primary{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.hw-btn-big.ghost{background:none;color:var(--color-text-muted)}.hw-btn-big.ghost:hover{border-color:var(--color-text-muted);color:var(--color-text)}.hw-photo-section{margin-bottom:4px}.hw-photo-scroll{display:flex;gap:8px;overflow-x:auto;padding:4px 0 8px;-webkit-overflow-scrolling:touch}.hw-photo-scroll::-webkit-scrollbar{height:4px}.hw-photo-scroll::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.hw-photo-thumb{position:relative;width:96px;height:96px;border-radius:12px;overflow:hidden;flex-shrink:0;border:1px solid var(--color-border)}.hw-photo-thumb img{width:100%;height:100%;object-fit:cover}.hw-photo-thumb button{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:#0009;color:#fff;border:none;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.hw-photo-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;border-radius:14px;border:1px dashed var(--color-border);cursor:pointer;font-size:13px;font-weight:600;color:var(--color-text-muted);transition:all .15s}.hw-photo-btn svg{width:20px;height:20px}.hw-photo-btn:hover{border-color:var(--color-text-muted);background:var(--color-bg-secondary)}.hw-summary-table{border-radius:14px;overflow:hidden;background:var(--color-bg-secondary);border:1px solid var(--color-border)}.hw-sum-r{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px}.hw-sum-r:not(:last-child){border-bottom:1px solid var(--color-border)}.hw-sum-r span:first-child{color:var(--color-text-muted)}.hw-sum-r span:last-child{font-weight:700;color:var(--color-text)}.hw-sig-duo{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hw-sig-card{border-radius:14px;overflow:hidden;background:var(--color-bg-secondary);border:2px solid var(--color-border);transition:border-color .2s}.hw-sig-card.signed{border-color:var(--color-success)}.hw-sig-who{padding:12px 14px 4px}.hw-sig-who strong{display:block;font-size:14px;color:var(--color-text)}.hw-sig-who span{font-size:11px;color:var(--color-text-muted)}.hw-sig-tags{padding:2px 14px 8px;display:flex;flex-wrap:wrap;gap:4px}.hw-sig-tags span{font-size:9px;font-weight:600;padding:2px 6px;border-radius:4px;background:var(--color-bg-tertiary);color:var(--color-text-muted)}.hw-sig-img{padding:6px 14px;background:#fff}.hw-sig-img img{width:100%;height:50px;object-fit:contain;border-radius:4px}.hw-sig-trigger{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:12px;border:none;border-top:1px solid var(--color-border);background:var(--color-bg-tertiary);cursor:pointer;font-size:14px;font-weight:700;color:var(--color-text);font-family:inherit;transition:all .15s}.hw-sig-trigger:hover{background:var(--color-border)}.hw-sig-trigger.done{color:var(--color-success);font-size:12px}.hw-sig-fs{position:fixed;inset:0;z-index:10300;background:var(--color-bg);display:flex;flex-direction:column}.hw-sig-fs-top{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--color-border);padding-top:max(14px,env(safe-area-inset-top))}.hw-sig-fs-top span{font-weight:700;font-size:15px;color:var(--color-text)}.hw-sig-fs-top button{background:none;border:none;font-size:18px;color:var(--color-text-muted);cursor:pointer;padding:4px 8px}.hw-sig-fs-canvas-wrap{flex:1;display:flex;overflow:hidden}.hw-sig-fs-cvs{width:100%;height:100%;background:#fff;cursor:crosshair;touch-action:none;display:block}.hw-sig-fs-bot{display:flex;gap:10px;padding:12px 20px;border-top:1px solid var(--color-border);padding-bottom:max(12px,env(safe-area-inset-bottom))}.hw-sig-fs-bot .hw-foot-btn{flex:1}.hw-sheet-overlay{position:fixed;inset:0;z-index:10100;background:#0006;display:flex;align-items:flex-end;justify-content:center}.hw-sheet{width:100%;max-width:480px;max-height:85vh;background:var(--color-bg-secondary);border-radius:20px 20px 0 0;display:flex;flex-direction:column;animation:sheetUp .3s cubic-bezier(.32,.72,0,1)}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.hw-sheet-handle{width:36px;height:4px;border-radius:2px;background:var(--color-border);margin:10px auto 6px}.hw-sheet-header{padding:0 20px 12px;border-bottom:1px solid var(--color-border)}.hw-sheet-header h3{font-size:17px;font-weight:700;color:var(--color-text);margin:0 0 10px}.hw-sheet-search{position:relative}.hw-sheet-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--color-text-muted)}.hw-sheet-search input{width:100%;padding:10px 12px 10px 38px;border-radius:10px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);font-size:15px;color:var(--color-text);outline:none;font-family:inherit;-webkit-appearance:none;box-sizing:border-box}.hw-sheet-search input::placeholder{color:var(--color-text-muted)}.hw-sheet-search input:focus{border-color:var(--color-text-muted)}.hw-sheet-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 0}.hw-sheet-item{display:flex;align-items:center;gap:12px;padding:12px 20px;width:100%;background:none;border:none;cursor:pointer;font-family:inherit;text-align:left;transition:background .1s}.hw-sheet-item:hover{background:var(--color-bg-tertiary)}.hw-sheet-item:not(:last-child){border-bottom:1px solid var(--color-border)}.hw-sheet-item-info{flex:1;min-width:0}.hw-sheet-item-info strong{display:block;font-size:15px;color:var(--color-text)}.hw-sheet-item-info span{display:block;font-size:12px;color:var(--color-text-muted)}.hw-sheet-arrow{width:16px;height:16px;color:var(--color-text-muted);flex-shrink:0}.hw-sheet-empty{padding:32px 20px;text-align:center;font-size:14px;color:var(--color-text-muted)}.hw-sheet-footer{padding:12px 20px;border-top:1px solid var(--color-border);padding-bottom:max(12px,env(safe-area-inset-bottom))}@media(min-width:768px){.hw-stage{max-width:560px;padding:32px 24px}.hw-hero{padding:24px 0 16px}.hw-hero-title{font-size:24px}.hw-hero-icon{width:88px;height:88px}.hw-hero-icon svg{width:64px;height:64px}.hw-sig-duo{gap:14px}.hw-damage-section{padding:20px}.hw-foot-btn{padding:14px 28px;font-size:15px}.hw-sheet{max-width:440px;max-height:70vh;border-radius:20px;margin:auto;position:relative}.hw-sheet-overlay{align-items:center}.hw-foot{justify-content:flex-end;gap:12px}.hw-foot-btn.primary{flex:none;min-width:160px}.hw-foot-btn.ghost{flex:none}}@media(max-width:600px){.hw-top{padding:8px 14px}.hw-stage{padding:16px 14px;gap:12px}.hw-foot{padding:10px 14px}.hw-foot-btn{padding:14px 16px;font-size:15px}.hw-foot-btn.primary{min-height:48px}.hw-dots{padding:8px 14px;gap:6px}.hw-dot{width:26px;height:26px;font-size:10px}.hw-type-row{flex-direction:column}.hw-vehicle-grid,.hw-fields-row,.hw-sig-duo{grid-template-columns:1fr}.hw-recap{flex-direction:column;gap:10px}.hw-recap-divider{width:100%;height:1px}.hw-photo-choice{max-width:100%}.hw-input{font-size:16px}}.protocols-table-desktop{display:block}.protocols-cards-mobile{display:none}@media(max-width:1100px){.protocols-table-desktop{display:none!important}.protocols-cards-mobile{display:flex;flex-direction:column;gap:var(--spacing-sm)}}.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-xs) 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)}.team-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.team-member-card{display:grid;grid-template-columns:1fr auto auto auto;gap:var(--spacing-md);align-items:center;padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-lg)}.member-info{display:flex;align-items:center;gap:var(--spacing-md)}.member-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:var(--font-semibold);font-size:var(--font-size-sm)}.member-details{display:flex;flex-direction:column}.member-name{font-weight:var(--font-semibold)}.member-email{font-size:var(--font-size-sm);color:var(--color-text-muted)}.member-role .form-select-sm{padding:4px 8px;font-size:var(--font-size-sm)}.member-permissions-summary{text-align:center;min-width:80px}.member-actions{display:flex;gap:var(--spacing-xs)}.permissions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--spacing-sm)}.permission-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm)}.permission-checkbox input{display:none}.permission-checkbox:hover{border-color:var(--color-primary)}.permission-checkbox.active{background:#3b82f61a;border-color:var(--color-primary);color:var(--color-primary)}.permissions-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.permissions-actions{display:flex;gap:var(--spacing-sm)}.permissions-groups{display:flex;flex-direction:column;gap:var(--spacing-lg)}.permission-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-sm)}.modal-lg{max-width:600px}@media(max-width:768px){.team-member-card{grid-template-columns:1fr;gap:var(--spacing-sm)}.member-role,.member-permissions-summary,.member-actions{justify-content:flex-start}.permissions-grid{grid-template-columns:1fr}}