:root{--primary:#6366f1;--primary-dark:#4f46e5;--secondary:#f43f5e;--accent:#f59e0b;--success:#22c55e;--bg-main:#f8fafc;--bg-card:#ffffffbf;--text-color:#1e293b;--text-muted:#64748b;--border:#e2e8f0cc;--glass-shadow:0 8px 32px 0 #1f268712;--glass-grad:linear-gradient(135deg, #fff6, #ffffff1a)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-color);font-family:Outfit,sans-serif;line-height:1.6;overflow-x:hidden}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);box-shadow:var(--glass-shadow);border-radius:20px}.hidden{display:none!important}.auth-container{background:linear-gradient(135deg,#eef2ff 0%,#f5f3ff 100%);justify-content:center;align-items:center;height:100vh;padding:1.5rem;display:flex}.auth-card{text-align:center;width:100%;max-width:400px;padding:2.5rem}.auth-logo{width:80px;margin-bottom:1.5rem}.btn-google{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:1.5rem;padding:.75rem;font-weight:500;transition:all .3s;display:flex}.btn-google:hover{background:#f8fafc;transform:translateY(-2px)}.dashboard-container{min-height:100vh;padding-bottom:2rem}.main-header{margin:1rem;padding:1rem 1.5rem}.header-content{justify-content:space-between;align-items:center;display:flex}.logo-area{cursor:pointer;align-items:center;gap:10px;display:flex}.nav-logo{width:32px}.logo-text{color:var(--primary);text-transform:uppercase;font-size:1.1rem;font-weight:700}.user-area{align-items:center;gap:1rem;display:flex}#user-name{font-size:.9rem;font-weight:600}.content-area{max-width:1000px;margin:0 auto;padding:1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem;display:grid}.stat-card{align-items:center;gap:1rem;padding:1.25rem;display:flex}.stat-card i{color:var(--primary);background:#eff6ff;border-radius:15px;padding:.75rem;font-size:1.5rem}.stat-card.highlight{background:var(--primary);color:#fff}.stat-card.highlight i{color:var(--primary);background:#fff}.stat-card.highlight .stat-label{color:#fffc}.stat-label{color:var(--text-muted);font-size:.8rem;display:block}.stat-info h3{font-size:1.4rem;font-weight:700}.order-section{margin-bottom:2.5rem}.section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;padding:0 .5rem;display:flex}.section-header h2{opacity:.8;font-size:1.1rem;font-weight:600}.orders-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=768px){.orders-grid{grid-template-columns:repeat(2,1fr)}}.order-card{flex-direction:column;gap:1rem;padding:1.25rem;display:flex;position:relative;overflow:hidden}.order-top{justify-content:space-between;align-items:flex-start;display:flex}.order-id{color:var(--primary);font-size:.9rem;font-weight:700}.order-time{color:var(--text-muted);font-size:.75rem}.customer-info{margin-bottom:.5rem}.customer-name{margin-bottom:4px;font-size:1rem;font-weight:600;display:block}.customer-address{color:var(--text-muted);align-items:flex-start;gap:6px;font-size:.85rem;display:flex}.order-actions{gap:8px;margin-top:auto;padding-top:10px;display:flex}.btn-primary,.btn-secondary,.btn-action{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:.6rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{border:1px solid var(--border);color:var(--text-color);background:#fff}.btn-action{color:var(--text-color);background:#f1f5f9}.btn-danger{color:#ef4444;background:#fee2e2}.contact-links{gap:8px;display:flex}.contact-btn{width:36px;height:36px;color:var(--text-color);background:#f1f5f9;border-radius:10px;justify-content:center;align-items:center;text-decoration:none;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-content{border-radius:30px 30px 0 0;width:100%;max-width:500px;padding:2rem}@media (width>=640px){.modal-overlay{align-items:center}.modal-content{border-radius:24px;padding:2.5rem}}.status-options{flex-direction:column;gap:10px;margin:1.5rem 0;display:flex}.status-btn{border:1px solid var(--border);cursor:pointer;text-align:left;background:#fff;border-radius:12px;padding:1rem;font-weight:600}.status-btn.success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.btn-close{background:var(--bg-main);cursor:pointer;border:none;border-radius:12px;width:100%;padding:.75rem;font-weight:500}#toast-container{z-index:9999;position:fixed;bottom:20px;left:20px;right:20px}@media (width>=640px){#toast-container{width:350px;left:auto}}.animate-fade-in{animation:.4s ease-out fadeIn}.animate-scale-up{animation:.3s ease-out scaleUp}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}