.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.75rem 1.25rem;border-radius:var(--radius-xl);font-weight:700;font-size:var(--font-size-md);text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-fast);white-space:nowrap;min-height:48px;width:100%;position:relative;border-bottom-width:4px;border-bottom-style:solid}.btn:active{transform:translateY(4px);border-bottom-width:0px;margin-bottom:4px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;border-bottom-width:4px;margin-bottom:0}.btn--primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary-dark);box-shadow:0 4px 15px #ff003c66}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:0 6px 20px #ff003c99}.btn--secondary{background:#22d3ee0d;color:var(--color-animus);border:1.5px solid var(--color-surface-alt);border-bottom:2px solid var(--color-surface-alt);box-shadow:0 0 10px #22d3ee1a}.btn--secondary:hover:not(:disabled){background:#22d3ee26;border-color:var(--color-animus);box-shadow:var(--color-animus-glow)}.btn--danger{background:var(--color-danger);color:var(--color-text-inverse)}.btn--danger:hover:not(:disabled){background:#dc2626}.btn--ghost{background:transparent;color:var(--color-primary)}.btn--ghost:hover:not(:disabled){background:var(--color-primary-subtle)}.btn--small{padding:.5rem .875rem;font-size:var(--font-size-sm);min-height:36px;width:auto}.btn--icon-only{width:48px;padding:0}.card{background:var(--color-surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast)}.card--interactive{cursor:pointer}.card--interactive:hover{box-shadow:var(--shadow-md)}.card--interactive:active{transform:scale(.99)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.form-input,.form-select,.form-textarea{padding:.75rem 1rem;border:1.5px solid var(--color-surface-alt);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);min-height:48px;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.form-input--error,.form-select--error{border-color:var(--color-danger)}.form-error{font-size:var(--font-size-xs);color:var(--color-danger);margin-top:2px}.form-textarea{min-height:100px;resize:vertical}.status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;letter-spacing:.02em}.status-badge--ingresado{background:#3c8ad91f;color:#2563eb}.status-badge--diagnostico{background:#f59e0b1f;color:#d97706}.status-badge--esperando_refacciones{background:#ef44441f;color:#dc2626}.status-badge--en_reparacion{background:#8b5cf61f;color:#7c3aed}.status-badge--listo{background:#10b9811f;color:#059669}.status-badge--entregado{background:#6b72801f;color:#4b5563}.step-indicator{display:flex;align-items:center;gap:0;padding:0 var(--space-md)}.step-indicator__step{display:flex;align-items:center;gap:var(--space-sm);position:relative}.step-indicator__circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);transition:all var(--transition-fast);flex-shrink:0}.step-indicator__circle--active{background:var(--color-primary);color:var(--color-text-inverse);box-shadow:0 2px 8px #3c8ad966}.step-indicator__circle--completed{background:var(--color-success);color:var(--color-text-inverse)}.step-indicator__circle--pending{background:var(--color-surface-alt);color:var(--color-text-muted)}.step-indicator__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);display:none}.step-indicator__line{flex:1;height:2px;background:var(--color-surface-alt);min-width:24px;margin:0 var(--space-xs)}.step-indicator__line--completed{background:var(--color-success)}@media(min-width:400px){.step-indicator__label{display:block}}.spinner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);gap:var(--space-md)}.spinner{width:40px;height:40px;border:3px solid var(--color-surface-alt);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner--small{width:20px;height:20px;border-width:2px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-lg);text-align:center;gap:var(--space-md)}.empty-state__icon{font-size:3rem;opacity:.5}.empty-state__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.empty-state__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:280px}.navbar{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-surface-alt);display:flex;justify-content:space-around;align-items:center;padding:var(--space-sm) 0;padding-bottom:calc(var(--space-sm) + env(safe-area-inset-bottom,0));z-index:var(--z-sticky);box-shadow:0 -2px 12px #0000000f}.navbar__item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-xs);transition:color var(--transition-fast);text-decoration:none;min-width:64px}.navbar__item--active,.navbar__item:hover{color:var(--color-primary)}.navbar__icon{font-size:1.375rem}.fab{position:fixed;bottom:calc(72px + env(safe-area-inset-bottom,0));right:var(--space-lg);width:56px;height:56px;border-radius:50%;background:var(--color-primary);color:var(--color-text-inverse);font-size:1.75rem;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg),0 4px 16px #3c8ad966;z-index:var(--z-sticky);transition:all var(--transition-fast)}.fab:hover{transform:scale(1.08);box-shadow:var(--shadow-xl),0 6px 20px #3c8ad980}.fab:active{transform:scale(.95)}.page-header{background:#0a0a0dd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--color-text-inverse);padding:var(--space-lg) var(--space-md);padding-top:calc(var(--space-lg) + env(safe-area-inset-top,0));border-radius:0 0 var(--radius-xl) var(--radius-xl);position:relative}.page-header__back{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-text-inverse);font-size:var(--font-size-sm);opacity:.8;margin-bottom:var(--space-sm);background:none;border:none;cursor:pointer;padding:var(--space-xs);margin-left:calc(-1 * var(--space-xs))}.page-header__title{font-family:var(--font-title);font-size:var(--font-size-2xl);font-weight:var(--font-weight-normal);letter-spacing:.05em;text-transform:uppercase}.page-header__subtitle{font-size:var(--font-size-sm);opacity:.7;margin-top:var(--space-xs)}.page-content{flex:1;padding:var(--space-md);padding-bottom:calc(80px + env(safe-area-inset-bottom,0))}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm)}.photo-grid__item{aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;position:relative}.photo-grid__item img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-fast)}.photo-grid__item:hover img{transform:scale(1.05)}.photo-upload-btn{aspect-ratio:1;border-radius:var(--radius-md);border:2px dashed var(--color-surface-alt);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);color:var(--color-text-muted);font-size:var(--font-size-xs);transition:all var(--transition-fast);cursor:pointer;background:transparent}.photo-upload-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-subtle)}.photo-upload-btn__icon{font-size:1.5rem}.status-flow{display:flex;flex-direction:column;gap:0}.status-flow__item{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-sm) 0;position:relative}.status-flow__marker{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);flex-shrink:0;position:relative;z-index:1}.status-flow__marker--completed{background:var(--color-success);color:#fff}.status-flow__marker--current{background:var(--color-primary);color:#fff;box-shadow:0 0 0 4px var(--color-primary-subtle)}.status-flow__marker--pending{background:var(--color-surface-alt);color:var(--color-text-muted)}.status-flow__item:not(:last-child):before{content:"";position:absolute;left:13.5px;top:36px;width:2px;bottom:-4px;background:var(--color-surface-alt)}.status-flow__item--completed:not(:last-child):before{background:var(--color-success)}.status-flow__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding-top:4px}.status-flow__label--current{color:var(--color-primary);font-weight:var(--font-weight-bold)}.status-flow__label--pending{color:var(--color-text-muted)}.filter-chips{display:flex;gap:var(--space-sm);overflow-x:auto;padding:var(--space-sm) 0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-chips::-webkit-scrollbar{display:none}.filter-chip{padding:.375rem .875rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;border:1.5px solid var(--color-surface-alt);background:var(--color-surface);color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer}.filter-chip--active{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.filter-chip:hover:not(.filter-chip--active){border-color:var(--color-primary);color:var(--color-primary)}.order-card{display:flex;flex-direction:column;gap:var(--space-sm);animation:slideUp var(--transition-normal) ease forwards;animation-delay:calc(var(--card-index, 0) * 50ms)}.order-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-sm)}.order-card__vehicle-info{display:flex;flex-direction:column;gap:2px}.order-card__vehicle{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);color:var(--color-text)}.order-card__vehicle-details{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);margin-top:2px}.order-card__detail-tag{font-size:.65rem;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:var(--color-surface-alt);padding:2px 6px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.02em}.order-card__detail-tag--plate{font-family:Courier New,monospace;letter-spacing:.05em}.order-card__problem{font-size:var(--font-size-sm);color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.order-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-xs);gap:var(--space-sm)}.order-card__meta{display:flex;flex-direction:column;gap:2px;font-size:var(--font-size-xs);color:var(--color-text-muted)}.order-card__mechanic{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.lightbox img{max-width:95vw;max-height:90vh;object-fit:contain;border-radius:var(--radius-md)}.lightbox__close{position:absolute;top:var(--space-md);right:var(--space-md);width:40px;height:40px;border-radius:50%;background:#ffffff26;color:#fff;font-size:1.25rem;display:flex;align-items:center;justify-content:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;overflow-y:auto;animation:fadeIn .2s ease}.modal-content{background:#fff;border-radius:24px;border:2px solid #e2e8f0;border-bottom:6px solid #cbd5e1;box-shadow:0 25px 50px -12px #00000059;width:100%;max-width:540px;max-height:calc(100dvh - 32px);overflow-y:auto;padding:clamp(18px,4vw,26px);margin:auto;box-sizing:border-box;animation:slideUp .22s ease}.modal-content__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.modal-content__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.toast{position:fixed;top:var(--space-lg);left:50%;transform:translate(-50%);background:var(--color-surface-dark);color:var(--color-text-inverse);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);z-index:var(--z-toast);box-shadow:var(--shadow-lg);animation:slideDown .3s ease,fadeOut .3s ease 2.7s forwards}.toast--success{background:var(--color-success)}.toast--error{background:var(--color-danger)}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);margin-bottom:var(--space-md)}.stat-card{background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-md);text-align:center;box-shadow:var(--shadow-sm)}.stat-card__number{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.stat-card__label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.search-bar{position:relative}.search-bar__icon{position:absolute;left:var(--space-md);top:50%;transform:translateY(-50%);font-size:1.125rem;color:var(--color-text-muted);pointer-events:none}.search-bar .form-input{padding-left:2.75rem}@media print{*{box-shadow:none!important}}.page-bg{background-color:#050507!important;background-image:linear-gradient(rgba(34,211,238,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.04) 1px,transparent 1px)!important;background-size:30px 30px!important;background-position:center!important;background-attachment:fixed!important;min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;box-sizing:border-box;color:var(--color-text)}