.auth-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);position:relative}.auth-page:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:800px;height:400px;background:radial-gradient(ellipse,var(--accent-glow-strong) 0%,transparent 70%);pointer-events:none}.auth-card{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);position:relative;z-index:1;box-shadow:var(--shadow-lg)}.auth-card__logo{text-align:center;margin-bottom:var(--space-6)}.auth-card__logo .brand-mini{position:relative;top:auto;left:auto;display:inline-block;font-size:.7rem;font-weight:800;color:var(--yellow);letter-spacing:1px;text-transform:uppercase;margin-right:4px}.auth-card__logo .brand-easy{font-size:2.2rem;font-weight:800;color:#fff;letter-spacing:-.5px;font-family:var(--font-heading)}.auth-card__logo .brand-day{font-size:2.2rem;font-weight:800;color:var(--accent);letter-spacing:-.5px;font-style:italic;font-family:var(--font-heading)}.auth-card__title{font-family:var(--font-heading);font-size:var(--fs-xl);font-weight:700;text-align:center;margin-bottom:var(--space-6);color:var(--text-primary)}.auth-card__title span{color:var(--accent)}.auth-form .form-group{margin-bottom:var(--space-4)}.auth-form .form-input{padding:var(--space-3) var(--space-4);padding-left:2.75rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md)}.auth-form .form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.auth-input-wrap{position:relative}.auth-input-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);font-size:1rem;pointer-events:none}.auth-form .btn--primary{margin-top:var(--space-4)}.auth-toggle{text-align:center;margin-top:var(--space-5);font-size:var(--fs-sm);color:var(--text-secondary)}.auth-toggle a{color:var(--accent);font-weight:600;cursor:pointer;transition:color var(--duration-fast)}.auth-toggle a:hover{color:var(--accent-light);text-decoration:underline}.auth-error{background:#ff47571a;border:1px solid rgba(255,71,87,.25);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--danger);font-size:var(--fs-sm);margin-bottom:var(--space-4);display:none}.auth-error.show{display:block}.navbar__auth{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.navbar__auth-orders{font-size:var(--fs-xs);color:var(--accent);font-weight:600;padding:var(--space-1) var(--space-3);border:1px solid var(--accent-glow-strong);border-radius:var(--radius-full);transition:all var(--duration-fast);white-space:nowrap}.navbar__auth-orders:hover{background:var(--accent-glow);color:var(--accent-light)}.navbar__auth-user{display:flex;align-items:center;gap:var(--space-2)}.navbar__auth-name{font-size:var(--fs-xs);color:var(--text-secondary);font-weight:500;white-space:nowrap}.navbar__auth-logout{font-size:var(--fs-xs);color:var(--danger);cursor:pointer;padding:2px var(--space-2);border-radius:var(--radius-sm);transition:all var(--duration-fast)}.navbar__auth-logout:hover{background:#ff47571a}.btn--accent{background:var(--yellow);color:var(--text-inverse);font-weight:700}.btn--accent:hover{background:var(--yellow-light);transform:translateY(-1px);box-shadow:0 4px 15px var(--yellow-glow)}.orders-page{min-height:100dvh;padding:var(--space-4) 0 var(--space-16)}.orders-page .container{max-width:800px}.orders-page__title{font-family:var(--font-heading);font-size:var(--fs-2xl);font-weight:800;margin-bottom:var(--space-6)}.orders-page__title span{color:var(--accent)}.order-track-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-4);transition:border-color var(--duration-normal)}.order-track-card:hover{border-color:var(--accent-glow-strong)}.order-track-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-2)}.order-track-id{font-weight:700;font-size:var(--fs-sm)}.order-track-date{font-size:var(--fs-xs);color:var(--text-tertiary)}.order-track-items{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.order-track-item{display:inline-flex;align-items:center;gap:4px;padding:var(--space-1) var(--space-3);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--fs-xs);white-space:nowrap}.order-track-total{font-weight:700;color:var(--accent);font-size:var(--fs-md);margin-bottom:var(--space-4)}.status-timeline{display:flex;align-items:center;gap:0;padding:var(--space-3) 0}.timeline-step{display:flex;flex-direction:column;align-items:center;flex:1;position:relative}.timeline-step__dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;background:var(--bg-elevated);border:2px solid var(--border);color:var(--text-tertiary);z-index:1;transition:all var(--duration-normal)}.timeline-step.active .timeline-step__dot{background:var(--accent);border-color:var(--accent);color:var(--text-inverse);box-shadow:0 0 12px var(--accent-glow-strong)}.timeline-step.completed .timeline-step__dot{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff}.timeline-step.rejected .timeline-step__dot{background:var(--danger);border-color:var(--danger);color:#fff}.timeline-step__label{font-size:.65rem;color:var(--text-tertiary);margin-top:var(--space-1);text-align:center;font-weight:500}.timeline-step.active .timeline-step__label,.timeline-step.completed .timeline-step__label{color:var(--accent);font-weight:600}.timeline-step.rejected .timeline-step__label{color:var(--danger);font-weight:600}.timeline-line{flex:1;height:3px;background:var(--border);margin-bottom:20px}.timeline-line.active{background:var(--accent)}.order-track-info{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--fs-xs);color:var(--text-secondary);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.order-rejection-reason{background:#ff475714;border:1px solid rgba(255,71,87,.2);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-size:var(--fs-xs);color:var(--danger);margin-top:var(--space-2)}@media(max-width:768px){.auth-card{padding:var(--space-6) var(--space-4)}.navbar__auth-name{display:block}.navbar__auth{gap:var(--space-2)}.status-timeline{gap:0}.timeline-step__dot{width:24px;height:24px;font-size:.7rem}}.auth-divider{display:flex;align-items:center;text-align:center;margin:var(--space-6) 0;color:var(--text-tertiary);font-size:var(--fs-xs);font-weight:600;letter-spacing:1px}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--border)}.auth-divider span{padding:0 var(--space-4)}.social-auth{display:flex;flex-direction:column;gap:var(--space-3)}.btn-social{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--fs-sm);font-weight:600;transition:all var(--duration-fast);cursor:pointer;border:1px solid var(--border)}.btn-google{background:#fff;color:#1f1f1f}.btn-google:hover{background:#f8f9fa;border-color:#d2d2d2;box-shadow:0 2px 8px #0000001a}.btn-apple{background:#000;color:#fff;border:1px solid #000000}.btn-apple:hover{background:#1a1a1a;box-shadow:0 2px 12px #0003}.btn-social img,.btn-social svg{width:18px;height:18px}
