*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{margin:0;padding:0}.main-nav{background:#2c3e50;padding:1rem;display:flex;gap:1rem}.main-nav a{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background .2s}.main-nav a:hover{background:#34495e}.client-layout{min-height:100vh;display:flex;flex-direction:column;background:#f8f9fa}.client-header{background:#fff;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:100}.client-header .container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:70px}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#2c3e50;font-size:24px;font-weight:700}.logo-icon{font-size:32px}.client-nav{display:flex;align-items:center;gap:30px}.nav-link{display:flex;align-items:center;gap:8px;padding:8px 16px;color:#495057;text-decoration:none;font-weight:500;border-radius:6px;transition:all .2s;background:none;border:none;cursor:pointer;font-size:16px}.nav-link:hover,.nav-link.active{color:#ff6b35;background:#ff6b351a}.nav-link.logout{color:#dc3545}.nav-link.logout:hover{background:#dc35451a}.cart-nav-link{position:relative}.cart-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;background:#ff6b35;color:#fff;border-radius:10px;font-size:11px;font-weight:700;margin-left:2px}.client-main{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:40px 20px}.client-footer{background:#2c3e50;color:#fff;padding:30px 20px;text-align:center;margin-top:60px}.client-footer .container{max-width:1200px;margin:0 auto}.client-footer p{margin:0;color:#95a5a6}@media (max-width: 768px){.client-header .container{height:auto;padding:15px 20px;flex-wrap:wrap}.logo{font-size:20px}.logo-icon{font-size:28px}.client-nav{width:100%;justify-content:center;margin-top:10px;gap:15px}.nav-link{font-size:14px;padding:6px 12px}.client-main{padding:20px 15px}}.dashboard-layout{display:flex;height:100vh;background:#f5f5f5}.sidebar{width:260px;background:#2c3e50;color:#fff;display:flex;flex-direction:column;box-shadow:2px 0 10px #0000001a}.sidebar-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-header h2{margin:0 0 15px;font-size:24px}.user-info{display:flex;flex-direction:column;gap:5px}.user-name{font-weight:600;font-size:14px}.user-role{font-size:12px;color:#95a5a6;text-transform:capitalize}.sidebar-nav{flex:1;padding:20px 0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#ecf0f1;text-decoration:none;transition:all .2s;border-left:3px solid transparent}.nav-item:hover{background:#ffffff0d;border-left-color:#3498db}.nav-item.active{background:#3498db33;border-left-color:#3498db;color:#fff}.nav-icon{font-size:20px;width:24px;text-align:center}.nav-label{font-size:14px;font-weight:500}.sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1)}.logout-btn{width:100%;display:flex;align-items:center;gap:12px;padding:12px 20px;background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);border-radius:8px;color:#e74c3c;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.logout-btn:hover{background:#e74c3c33;border-color:#e74c3c}.main-content{flex:1;overflow-y:auto;padding:30px}@media (max-width: 768px){.sidebar{width:70px}.sidebar-header h2,.user-info,.nav-label{display:none}.nav-item{justify-content:center;padding:12px}.logout-btn span:last-child{display:none}.main-content{padding:20px}}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:9999;max-width:380px;width:calc(100vw - 48px)}.toast{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border-radius:10px;box-shadow:0 4px 16px #0000002e;font-size:14px;line-height:1.4;animation:toast-in .25s ease;background:#fff;border-left:4px solid #ccc}.toast-success{border-left-color:#28a745}.toast-error{border-left-color:#dc3545}.toast-warn{border-left-color:#ffc107}.toast-info{border-left-color:#17a2b8}.toast-icon{font-size:16px;flex-shrink:0;margin-top:1px}.toast-message{flex:1;color:#333}.toast-close{border:none;background:none;color:#aaa;cursor:pointer;font-size:13px;padding:0 2px;flex-shrink:0;line-height:1}.toast-close:hover{color:#666}@keyframes toast-in{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}.btn{padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background:#4b5563}.btn-success{background:#10b981;color:#fff}.btn-success:hover:not(:disabled){background:#059669}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-outline{background:transparent;border:2px solid #d1d5db;color:#374151}.btn-outline:hover:not(:disabled){border-color:#9ca3af;background:#f9fafb}.btn-sm{padding:.375rem .75rem;font-size:.875rem}.btn-md{padding:.5rem 1rem;font-size:1rem}.btn-lg{padding:.75rem 1.5rem;font-size:1.125rem}.input-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.input-label{font-size:.875rem;font-weight:500;color:#374151}.required{color:#ef4444;margin-left:.25rem}.input{padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:1rem;transition:all .2s;width:100%}.input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input:disabled{background:#f3f4f6;cursor:not-allowed}.input-error{border-color:#ef4444}.input-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.error-message{font-size:.875rem;color:#ef4444}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-container{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 40px #0003;width:100%;max-width:400px}.login-container h1{text-align:center;color:#667eea;margin-bottom:10px;font-size:32px}.login-container h2{text-align:center;color:#333;margin-bottom:30px;font-size:20px;font-weight:400}.form-group label{display:block;margin-bottom:8px;color:#555;font-weight:500}.form-group input,.form-group select{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:6px;font-size:16px;transition:border-color .3s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea}.login-button{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.login-button:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.login-button:active{transform:translateY(0)}.dashboard{min-height:100vh;background:#f5f5f5}.dashboard-header{background:#fff;padding:20px 40px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center}.dashboard-header h1{margin:0;color:#333}.user-info{display:flex;gap:20px;align-items:center}.logout-btn{padding:8px 16px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.logout-btn:hover{background:#c82333}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:40px;max-width:1400px;margin:0 auto}.dashboard-card{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:all .3s ease;text-align:center;border:2px solid transparent;width:100%;font-family:inherit}.dashboard-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026;border-color:#007bff}.card-icon{font-size:48px;margin-bottom:15px}.dashboard-card h3{margin:10px 0;color:#333;font-size:20px}.dashboard-card p{color:#666;margin:0;font-size:14px}.manager-dashboard{padding:24px;background:#f8fafc;min-height:100vh}.manager-dashboard .dashboard-header{background:none;box-shadow:none;padding:0 0 20px;display:flex;justify-content:space-between;align-items:center}.manager-dashboard .dashboard-header h1{font-size:1.6rem;color:#1e293b;margin:0}.btn-refresh{background:#fff;border:1px solid #e2e8f0;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.9rem;color:#475569;transition:all .2s}.btn-refresh:hover{background:#f1f5f9}.dash-loading{text-align:center;padding:60px;color:#64748b;font-size:1.1rem}.stats-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px;margin-bottom:24px}.stat-card-md{background:#fff;border-radius:12px;padding:16px;display:flex;align-items:center;gap:14px;box-shadow:0 1px 4px #0000000f;transition:transform .15s,box-shadow .15s}.stat-card-md:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-card-icon{font-size:1.8rem}.stat-card-value{font-size:1.4rem;font-weight:700;color:#1e293b}.stat-card-label{font-size:.78rem;color:#64748b;margin-top:2px}.stat-card-sub{font-size:.72rem;color:#94a3b8}.dash-main{display:grid;grid-template-columns:1fr 300px;gap:20px}@media (max-width: 900px){.dash-main{grid-template-columns:1fr}}.recent-orders-panel,.quick-nav-panel{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 4px #0000000f}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.panel-header h2,.quick-nav-panel h2{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 16px}.panel-header h2{margin:0}.link-btn{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.85rem;padding:0}.link-btn:hover{text-decoration:underline}.dash-table{width:100%;border-collapse:collapse;font-size:.875rem}.dash-table th{text-align:left;padding:8px 10px;color:#64748b;font-weight:500;border-bottom:1px solid #f1f5f9}.dash-table td{padding:10px;border-bottom:1px solid #f8fafc;color:#334155}.dash-table-row{cursor:pointer;transition:background .15s}.dash-table-row:hover{background:#f8fafc}.status-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:500}.quick-nav-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-nav-btn{display:flex;flex-direction:column;align-items:center;gap:6px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px 10px;cursor:pointer;font-size:.8rem;color:#475569;transition:all .15s}.quick-nav-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#1d4ed8}.qnav-icon{font-size:1.4rem}.categories-page{padding:20px;background:#f5f5f5;min-height:100vh}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.category-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.category-image{width:100%;height:150px;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.category-image img{width:100%;height:100%;object-fit:cover}.category-info{padding:15px}.category-info h3{margin:0 0 5px;color:#333}.category-description{color:#666;font-size:14px;margin:0}.category-actions{padding:15px;display:flex;gap:10px;border-top:1px solid #eee}.btn-edit{flex:1;padding:8px;background:#17a2b8;color:#fff;border:none;border-radius:4px;cursor:pointer}.btn-delete{flex:1;padding:8px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer}.category-form-page{padding:20px;background:#f5f5f5;min-height:100vh}.category-form{max-width:800px;margin:0 auto}.form-group input,.form-group textarea{width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit}.form-group-checkbox label{display:flex;align-items:center;cursor:pointer}.form-actions{display:flex;gap:15px;justify-content:flex-end;padding:20px;background:#fff;border-radius:8px}.btn-cancel{padding:12px 30px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer}.btn-submit{padding:12px 30px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer}.clients-page{padding:24px;background:#f8fafc;min-height:100vh}.clients-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.clients-header h1{font-size:1.6rem;color:#1e293b;margin:0}.clients-count{background:#e2e8f0;color:#475569;padding:4px 12px;border-radius:999px;font-size:.85rem}.clients-toolbar{margin-bottom:16px}.clients-table-wrap{background:#fff;border-radius:12px;overflow:auto;box-shadow:0 1px 4px #0000000f}.clients-table{width:100%;border-collapse:collapse;font-size:.875rem}.clients-table th{text-align:left;padding:12px 16px;background:#f8fafc;color:#64748b;font-weight:500;border-bottom:1px solid #e2e8f0;white-space:nowrap}.clients-table td{padding:12px 16px;border-bottom:1px solid #f8fafc;color:#334155}.client-row{cursor:pointer;transition:background .15s}.client-row:hover{background:#f8fafc}.id-cell{color:#94a3b8;font-size:.8rem}.role-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.72rem;font-weight:500;text-transform:uppercase}.role-shop{background:#dbeafe;color:#1d4ed8}.role-manager{background:#d1fae5;color:#065f46}.role-courier{background:#fef3c7;color:#92400e}.role-operator{background:#ede9fe;color:#5b21b6}.role-admin{background:#fee2e2;color:#991b1b}.view-orders-btn{background:none;border:1px solid #e2e8f0;padding:4px 10px;border-radius:6px;font-size:.8rem;color:#3b82f6;cursor:pointer;transition:all .15s}.view-orders-btn:hover{background:#eff6ff;border-color:#3b82f6}.contacts-page{padding:24px;background:#f8fafc;min-height:100vh}.contacts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.contacts-header h1{font-size:1.6rem;color:#1e293b;margin:0}.btn-add-contact{background:#3b82f6;color:#fff;border:none;padding:9px 18px;border-radius:8px;font-size:.875rem;cursor:pointer;font-weight:500;transition:background .15s}.btn-add-contact:hover{background:#2563eb}.contacts-toolbar{display:flex;gap:12px;margin-bottom:20px}.cat-filter,.role-filter{padding:10px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;background:#fff;color:#475569;cursor:pointer;outline:none}.cat-filter:focus,.role-filter:focus{border-color:#3b82f6}.contacts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.contact-card{background:#fff;border-radius:12px;padding:18px;box-shadow:0 1px 4px #0000000f;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:12px}.contact-top{display:flex;align-items:flex-start;gap:12px}.contact-avatar{width:42px;height:42px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;flex-shrink:0}.contact-main{flex:1;min-width:0}.contact-name{font-weight:600;color:#1e293b}.contact-company{font-size:.82rem;color:#64748b;margin-top:2px}.cat-badge{padding:2px 10px;border-radius:999px;font-size:.7rem;font-weight:600;white-space:nowrap;flex-shrink:0}.cat-0{background:#dbeafe;color:#1d4ed8}.cat-1{background:#d1fae5;color:#065f46}.cat-2{background:#fef3c7;color:#92400e}.cat-3{background:#ede9fe;color:#5b21b6}.cat-4{background:#e2e8f0;color:#475569}.contact-details{display:flex;flex-direction:column;gap:6px}.contact-detail{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#334155}.contact-detail a{color:#3b82f6;text-decoration:none}.contact-detail a:hover{text-decoration:underline}.contact-notes{font-size:.8rem;color:#64748b;background:#f8fafc;padding:6px 10px;border-radius:6px}.contact-actions{display:flex;gap:8px;border-top:1px solid #f1f5f9;padding-top:10px}.btn-edit-contact{flex:1;padding:7px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .15s}.btn-edit-contact:hover{background:#e2e8f0}.btn-delete-contact{padding:7px 12px;background:#fee2e2;color:#ef4444;border:1px solid #fca5a5;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .15s}.btn-delete-contact:hover{background:#fecaca}.empty-state{text-align:center;padding:80px 20px;background:#fff;border-radius:12px}.empty-icon{font-size:3rem;margin-bottom:12px}.empty-state p{color:#64748b;margin-bottom:16px}.modal-box{background:#fff;border-radius:14px;padding:28px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto}.modal-input{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;outline:none;box-sizing:border-box}.modal-textarea{resize:vertical;font-family:inherit}.couriers-page{padding:24px;background:#f8fafc;min-height:100vh}.couriers-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.couriers-header h1{font-size:1.6rem;color:#1e293b;margin:0 0 8px}.couriers-meta{display:flex;gap:10px}.badge-active{background:#d1fae5;color:#065f46;padding:3px 12px;border-radius:999px;font-size:.8rem;font-weight:500}.badge-total{background:#e2e8f0;color:#475569;padding:3px 12px;border-radius:999px;font-size:.8rem}.couriers-toolbar{margin-bottom:20px}.search-input{width:100%;max-width:400px;padding:10px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;outline:none;transition:border-color .2s}.couriers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.courier-card{background:#fff;border-radius:12px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:0 1px 4px #0000000f;border:1px solid #e2e8f0;transition:box-shadow .15s}.courier-card:hover{box-shadow:0 4px 12px #00000014}.courier-card.inactive{opacity:.6}.courier-avatar{width:48px;height:48px;border-radius:50%;background:#3b82f6;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;font-weight:700;flex-shrink:0;overflow:hidden}.courier-avatar img{width:100%;height:100%;object-fit:cover}.courier-info{flex:1;min-width:0}.courier-name{font-weight:600;color:#1e293b;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.courier-phone{font-size:.82rem;color:#64748b;margin-top:2px}.courier-email{font-size:.78rem;color:#94a3b8;margin-top:1px}.courier-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.status-dot{font-size:.72rem;font-weight:600;padding:2px 10px;border-radius:999px}.status-dot.active{background:#d1fae5;color:#065f46}.status-dot.inactive{background:#fee2e2;color:#991b1b}.toggle-btn.deactivate:hover{background:#fecaca}.toggle-btn.activate:hover{background:#a7f3d0}.empty-state{grid-column:1 / -1;text-align:center;padding:60px;color:#94a3b8;background:#fff;border-radius:12px}.finance-page{padding:20px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;padding:24px;border-radius:10px;box-shadow:0 2px 6px #00000014;text-align:center}.stat-card h3{margin:0 0 12px;color:#666;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-value{margin:0;font-size:28px;font-weight:700;color:#28a745}.stat-card.highlight{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-card.highlight h3,.stat-card.highlight .stat-value{color:#fff}.chart-section{background:#fff;padding:24px;border-radius:10px;box-shadow:0 2px 6px #00000014}.chart-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:12px}.chart-header h3{margin:0}.date-filter{display:flex;align-items:center;gap:8px}.date-input{padding:6px 10px;border:1px solid #ddd;border-radius:6px;font-size:13px}.chart-summary{display:flex;gap:24px;font-size:14px;color:#555;margin-bottom:16px}.chart-summary strong{color:#333}.bar-chart{width:100%;height:220px;overflow:visible}.chart-empty{text-align:center;color:#888;padding:40px}.inventory-page{padding:20px}.inventory-table-container{background:#fff;padding:20px;border-radius:8px;overflow-x:auto}.inventory-table{width:100%;border-collapse:collapse}.inventory-table th,.inventory-table td{padding:12px;text-align:left;border-bottom:1px solid #eee}.inventory-table th{background:#f8f9fa;font-weight:600}.inventory-table tr.low-stock{background:#fff3cd}.badge-warning{padding:4px 8px;background:#ffc107;color:#000;border-radius:4px;font-size:12px}.badge-success{padding:4px 8px;background:#28a745;color:#fff;border-radius:4px;font-size:12px}.btn-update{padding:6px 12px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px}.inline-edit{display:flex;align-items:center;gap:4px}.inline-input{width:70px;padding:5px 8px;border:2px solid #007bff;border-radius:4px;font-size:13px}.btn-save{padding:5px 9px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700}.btn-cancel{padding:5px 9px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-save:disabled{background:#6c757d;cursor:not-allowed}.order-details-page{padding:20px}.order-content{max-width:1000px;margin:0 auto;display:grid;gap:20px}.order-info-card,.customer-card,.delivery-card,.items-card,.total-card,.status-actions,.assign-courier-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.order-info-card h3,.customer-card h3,.delivery-card h3,.items-card h3,.status-actions h3,.assign-courier-card h3{margin:0 0 15px;color:#333}.info-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee}.info-row:last-child{border-bottom:none}.label{font-weight:500;color:#666}.status-badge{padding:6px 12px;border-radius:4px;font-size:14px;font-weight:500}.status-pending{background:#ffc107;color:#000}.status-confirmed{background:#17a2b8;color:#fff}.status-preparing{background:#fd7e14;color:#fff}.status-ready{background:#20c997;color:#fff}.status-in_delivery{background:#6f42c1;color:#fff}.status-delivered{background:#28a745;color:#fff}.status-delivering{background:#6f42c1;color:#fff}.status-completed{background:#28a745;color:#fff}.status-cancelled{background:#dc3545;color:#fff}.items-table{width:100%;border-collapse:collapse}.items-table th,.items-table td{padding:12px;text-align:left;border-bottom:1px solid #eee}.items-table th{background:#f8f9fa;font-weight:600}.total-row{display:flex;justify-content:space-between;padding:10px 0;font-size:16px}.total-main{font-size:20px;font-weight:700;border-top:2px solid #333;padding-top:15px;margin-top:10px}.status-buttons{display:flex;flex-wrap:wrap;gap:10px}.btn-status{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;background:#007bff;color:#fff;font-size:14px}.btn-status:hover{opacity:.9}.btn-danger{background:#dc3545}.assign-row{display:flex;gap:10px;align-items:center}.courier-select{flex:1;padding:9px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.current-courier{color:#666;font-size:14px;margin-bottom:12px}.badge{display:inline-flex;align-items:center;justify-content:center;font-weight:500;border-radius:9999px;white-space:nowrap}.badge-sm{padding:.125rem .5rem;font-size:.75rem}.badge-md{padding:.25rem .75rem;font-size:.875rem}.badge-lg{padding:.375rem 1rem;font-size:1rem}.badge-default{background:#f3f4f6;color:#374151}.badge-primary{background:#dbeafe;color:#1e40af}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-info{background:#e0e7ff;color:#3730a3}.loader{border:3px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.loader-sm{width:1.25rem;height:1.25rem;border-width:2px}.loader-md{width:2rem;height:2rem;border-width:3px}.loader-lg{width:3rem;height:3rem;border-width:4px}.loader-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#ffffffe6;z-index:9999}@keyframes spin{to{transform:rotate(360deg)}}.pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:16px 0;margin-top:8px}.pagination-info{font-size:14px;color:#666}.pagination-controls{display:flex;align-items:center;gap:4px}.pagination-btn{min-width:34px;height:34px;padding:0 10px;border:1px solid #dee2e6;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;color:#333;transition:all .15s}.pagination-btn:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd}.pagination-btn.active{background:#007bff;border-color:#007bff;color:#fff;font-weight:600}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-gap{padding:0 4px;color:#999;font-size:14px}.orders-page{padding:2rem;max-width:1400px;margin:0 auto}.page-header{margin-bottom:2rem}.page-header h1{font-size:2rem;font-weight:600;color:#111827;margin:0}.filters{display:flex;gap:.5rem;margin-bottom:2rem;flex-wrap:wrap}.filter-btn{padding:.5rem 1rem;border:1px solid #d1d5db;background:#fff;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:#9ca3af}.filter-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.orders-list{display:grid;gap:1rem}.order-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem;transition:box-shadow .2s}.order-card:hover{box-shadow:0 4px 6px -1px #0000001a}.order-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.order-number{font-size:1.25rem;font-weight:600;color:#111827}.order-body{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1rem}.order-info{display:flex;flex-direction:column;gap:.75rem}.info-row{display:flex;gap:.5rem}.label{font-weight:500;color:#6b7280;min-width:100px}.value{color:#111827}.value.total{font-weight:600;font-size:1.125rem;color:#10b981}.order-items{display:flex;flex-direction:column;gap:.5rem}.item{padding:.5rem;background:#f9fafb;border-radius:.25rem;font-size:.875rem}.order-footer{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #f3f4f6}.btn-outline{padding:.5rem 1rem;border:1px solid #d1d5db;background:#fff;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-outline:hover{border-color:#9ca3af;background:#f9fafb}.empty-state{text-align:center;padding:3rem;color:#6b7280}@media (max-width: 768px){.orders-page{padding:1rem}.order-body{grid-template-columns:1fr;gap:1rem}.page-header h1{font-size:1.5rem}}.pricing-page{padding:24px;background:#f8fafc;min-height:100vh}.pricing-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.pricing-header h1{font-size:1.6rem;color:#1e293b;margin:0}.pricing-meta{display:flex;gap:8px}.meta-badge{background:#e2e8f0;color:#475569;padding:3px 12px;border-radius:999px;font-size:.8rem}.meta-badge.discount{background:#fef3c7;color:#92400e}.pricing-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:16px}.tip-text{font-size:.8rem;color:#94a3b8}.search-input{width:100%;max-width:360px;padding:10px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;outline:none}.pricing-table-wrap{background:#fff;border-radius:12px;overflow:auto;box-shadow:0 1px 4px #0000000f}.pricing-table{width:100%;border-collapse:collapse;font-size:.875rem}.pricing-table th{text-align:left;padding:12px 16px;background:#f8fafc;color:#64748b;font-weight:500;border-bottom:1px solid #e2e8f0}.pricing-table td{padding:11px 16px;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:middle}.pricing-row{cursor:pointer;transition:background .1s}.pricing-row:hover{background:#f8fafc}.pricing-row.editing{background:#eff6ff;cursor:default}.product-name-cell{display:flex;align-items:center;gap:10px}.product-thumb{width:32px;height:32px;border-radius:6px;object-fit:cover}.cat-cell{color:#64748b;font-size:.82rem}.price-input{width:100px;padding:6px 10px;border:1px solid #3b82f6;border-radius:6px;font-size:.875rem;outline:none;background:#fff}.price-input.discount{border-color:#f59e0b}.discount-price{color:#f59e0b;font-weight:600}.no-discount{color:#cbd5e1}.discount-badge{background:#fef3c7;color:#92400e;padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:600}.row-actions{display:flex;gap:6px}.btn-save-sm{padding:5px 12px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.78rem;cursor:pointer}.btn-save-sm:hover{background:#2563eb}.btn-save-sm:disabled{opacity:.5;cursor:wait}.btn-cancel-sm{padding:5px 10px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:6px;font-size:.78rem;cursor:pointer}.btn-cancel-sm:hover{background:#e2e8f0}.btn-edit-sm{background:none;border:none;cursor:pointer;font-size:1rem;padding:4px;opacity:.5;transition:opacity .15s}.btn-edit-sm:hover{opacity:1}.product-form-page{padding:20px;background:#f5f5f5;min-height:100vh}.product-form{max-width:900px;margin:0 auto}.form-section{background:#fff;padding:25px;margin-bottom:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.form-section h3{margin:0 0 20px;color:#333;font-size:18px;border-bottom:2px solid #007bff;padding-bottom:10px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007bff}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.form-group-checkbox{margin-bottom:15px}.form-group-checkbox label{display:flex;align-items:center;cursor:pointer;color:#333}.form-group-checkbox input[type=checkbox]{width:auto;margin-right:10px;cursor:pointer}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.btn-cancel{padding:12px 30px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.btn-cancel:hover{background:#545b62}.btn-submit{padding:12px 30px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.btn-submit:hover{background:#218838}.btn-submit:disabled{background:#6c757d;cursor:not-allowed}.loading{text-align:center;padding:40px;font-size:18px}.products-page{padding:20px;background:#f5f5f5;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.page-header h1{margin:0;color:#333}.header-actions{display:flex;gap:10px}.btn-primary{padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-primary:hover{background:#0056b3}.btn-secondary{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-secondary:hover{background:#545b62}.filters{display:flex;gap:15px;margin-bottom:20px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.search-input{flex:1;padding:10px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px}.filter-select{padding:10px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px;min-width:200px}.loading{text-align:center;padding:40px;font-size:18px;color:#666}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.product-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .2s}.product-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #00000026}.product-image{width:100%;height:200px;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.no-image{font-size:48px}.product-info{padding:15px}.product-info h3{margin:0 0 5px;color:#333;font-size:18px}.product-category{color:#666;font-size:14px;margin:0 0 10px}.product-price{font-size:20px;font-weight:700;color:#28a745;margin:10px 0}.product-stock{font-size:14px;color:#666}.badge-inactive{display:inline-block;padding:4px 8px;background:#dc3545;color:#fff;border-radius:4px;font-size:12px;margin-top:8px}.product-actions{padding:15px;display:flex;gap:10px;border-top:1px solid #eee}.btn-edit{flex:1;padding:8px;background:#17a2b8;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-edit:hover{background:#138496}.btn-delete{flex:1;padding:8px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.btn-delete:hover{background:#c82333}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:8px;color:#666}.empty-state p{font-size:18px;margin:0}.reports-page{padding:24px;background:#f8fafc;min-height:100vh}.reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.reports-header h1{font-size:1.6rem;color:#1e293b;margin:0}.kpi-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-bottom:24px}.kpi-card{background:#fff;border-radius:12px;padding:20px;text-align:center;box-shadow:0 1px 4px #0000000f;border-top:3px solid #e2e8f0}.kpi-card.green{border-top-color:#10b981}.kpi-card.red{border-top-color:#ef4444}.kpi-card.blue{border-top-color:#3b82f6}.kpi-card.purple{border-top-color:#8b5cf6}.kpi-value{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:4px}.kpi-label{font-size:.78rem;color:#64748b}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.charts-grid .chart-panel:last-child{grid-column:span 1}@media (max-width: 800px){.charts-grid{grid-template-columns:1fr}}.chart-panel{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 4px #0000000f}.chart-panel h2{font-size:.95rem;color:#475569;margin:0 0 16px;font-weight:500}.bar-chart-svg{width:100%;height:auto}.chart-empty{text-align:center;color:#94a3b8;padding:40px 0}.pie-wrap{display:flex;align-items:center;gap:20px}.pie-legend{display:flex;flex-direction:column;gap:8px;flex:1}.pie-legend-item{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#475569}.pie-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.pie-pct{margin-left:auto;font-weight:600;color:#334155}.empty-state{text-align:center;padding:80px;color:#94a3b8;font-size:1.1rem;background:#fff;border-radius:12px}.settings-page{padding:20px}.settings-form{max-width:800px;margin:0 auto}.settings-section{background:#fff;padding:25px;margin-bottom:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.settings-section h3{margin:0 0 20px;color:#333;border-bottom:2px solid #007bff;padding-bottom:10px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.form-group input{width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#007bff}.form-actions{background:#fff;padding:20px;border-radius:8px;display:flex;justify-content:flex-end;gap:12px}.settings-toast{background:#d4edda;color:#155724;border:1px solid #c3e6cb;border-radius:8px;padding:12px 20px;margin-bottom:16px;font-size:14px;font-weight:500;max-width:800px;margin-left:auto;margin-right:auto}.staff-page{padding:20px}.staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:20px}.staff-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;gap:16px}.staff-avatar{width:56px;height:56px;border-radius:50%;background:#007bff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;flex-shrink:0}.staff-info{flex:1;min-width:0}.staff-info h3{margin:0 0 4px;color:#333;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-role{color:#007bff;font-weight:500;margin:3px 0;font-size:13px}.staff-phone,.staff-email{color:#666;font-size:13px;margin:2px 0}.staff-actions{display:flex;gap:6px;flex-shrink:0}.btn-edit{padding:7px 10px;background:#17a2b8;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:15px}.btn-delete{padding:7px 10px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:15px}.empty-text{color:#666;text-align:center;padding:40px}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.modal-header h2{margin:0;font-size:18px}.modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:#666;padding:4px 8px}.staff-form{padding:20px 24px 24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:13px;font-weight:600;color:#444;margin-bottom:5px}.form-group input,.form-group select{width:100%;padding:9px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#007bff}.form-error{padding:10px 12px;background:#f8d7da;color:#721c24;border-radius:6px;font-size:13px;margin-bottom:14px}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.statistics-page{padding:24px;background:#f8fafc;min-height:100vh}.stat-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.stat-page-header h1{font-size:1.6rem;color:#1e293b;margin:0}.period-tabs{display:flex;gap:8px}.period-tab{padding:7px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#475569;cursor:pointer;font-size:.875rem;transition:all .15s}.period-tab.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 800px){.stat-grid{grid-template-columns:1fr}}.stat-panel{background:#fff;border-radius:12px;padding:20px;box-shadow:0 1px 4px #0000000f}.stat-panel h2{font-size:.95rem;color:#475569;font-weight:500;margin:0 0 16px}.hbar-list{display:flex;flex-direction:column;gap:10px}.hbar-row{display:grid;grid-template-columns:120px 1fr 60px;align-items:center;gap:10px}.hbar-label{font-size:.8rem;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hbar-track{height:16px;background:#f1f5f9;border-radius:8px;overflow:hidden}.hbar-fill{height:100%;border-radius:8px;transition:width .5s ease}.hbar-value{font-size:.8rem;color:#334155;font-weight:600;text-align:right}.empty-chart{text-align:center;color:#94a3b8;padding:30px;font-size:.875rem;background:#f8fafc;border-radius:8px}.stock-summary{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:16px}.stock-item{text-align:center;padding:14px;border-radius:10px}.stock-0{background:#d1fae5}.stock-1{background:#fef3c7}.stock-2{background:#fee2e2}.stock-count{font-size:1.5rem;font-weight:700;color:#1e293b}.stock-label{font-size:.72rem;color:#64748b;margin-top:4px}.low-stock-list h3{font-size:.85rem;color:#ef4444;margin:0 0 10px;font-weight:600}.low-stock-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #f8fafc;font-size:.85rem}.stock-badge{background:#fee2e2;color:#ef4444;padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:600}.users-page{padding:24px;background:#f8fafc;min-height:100vh}.users-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.users-header h1{font-size:1.6rem;color:#1e293b;margin:0}.btn-create-user{background:#3b82f6;color:#fff;border:none;padding:9px 18px;border-radius:8px;font-size:.875rem;cursor:pointer;font-weight:500;transition:background .15s}.btn-create-user:hover{background:#2563eb}.users-toolbar{display:flex;gap:12px;margin-bottom:16px}.search-input{flex:1;max-width:400px;padding:10px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;outline:none}.search-input:focus{border-color:#3b82f6}.role-filter{padding:10px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;background:#fff;color:#475569;cursor:pointer;outline:none}.users-table-wrap{background:#fff;border-radius:12px;overflow:auto;box-shadow:0 1px 4px #0000000f}.users-table{width:100%;border-collapse:collapse;font-size:.875rem}.users-table th{text-align:left;padding:12px 16px;background:#f8fafc;color:#64748b;font-weight:500;border-bottom:1px solid #e2e8f0;white-space:nowrap}.users-table td{padding:12px 16px;border-bottom:1px solid #f8fafc;color:#334155;vertical-align:middle}.user-row:hover{background:#fafafa}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;flex-shrink:0}.user-fullname{font-weight:500;color:#1e293b}.user-login{font-size:.78rem;color:#94a3b8}.user-contacts{font-size:.82rem}.user-email{color:#94a3b8}.role-select{padding:5px 10px;border:1px solid;border-radius:6px;font-size:.78rem;font-weight:600;background:#fff;cursor:pointer;outline:none}.status-pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:500}.status-pill.active{background:#d1fae5;color:#065f46}.status-pill.inactive{background:#fee2e2;color:#991b1b}.date-cell{color:#94a3b8;font-size:.82rem}.toggle-btn{padding:5px 12px;border-radius:6px;font-size:.78rem;cursor:pointer;border:1px solid;transition:all .15s;white-space:nowrap}.toggle-btn.deactivate{background:#fee2e2;color:#ef4444;border-color:#fca5a5}.toggle-btn.activate{background:#d1fae5;color:#10b981;border-color:#6ee7b7}.toggle-btn:disabled{opacity:.5;cursor:wait}.empty-cell{text-align:center;padding:40px;color:#94a3b8}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-box{background:#fff;border-radius:14px;padding:28px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-box h2{font-size:1.2rem;color:#1e293b;margin:0 0 20px}.modal-form{display:flex;flex-direction:column;gap:12px}.modal-form label{font-size:.82rem;color:#64748b;font-weight:500;margin-bottom:-6px}.modal-input{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;outline:none;box-sizing:border-box;background:#fff}.modal-input:focus{border-color:#3b82f6}.modal-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid #f1f5f9}.btn-primary{padding:9px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:.9rem;cursor:pointer;font-weight:500}.btn-primary:hover{background:#2563eb}.btn-primary:disabled{opacity:.5;cursor:wait}.btn-cancel{padding:9px 18px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;cursor:pointer}.btn-cancel:hover{background:#e2e8f0}.cart-page{padding:20px;min-height:100vh;background:#f5f5f5}.empty-cart{text-align:center;padding:60px 20px;background:#fff;border-radius:8px;max-width:600px;margin:0 auto}.empty-cart h2{margin-bottom:20px}.btn-catalog{padding:12px 30px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.cart-layout{display:grid;grid-template-columns:2fr 1fr;gap:20px}.cart-items-section,.checkout-section{background:#fff;padding:20px;border-radius:8px}.cart-item{display:flex;gap:15px;align-items:center;padding:15px;border-bottom:1px solid #eee}.item-image{width:80px;height:80px;flex-shrink:0;background:#f0f0f0;border-radius:4px;overflow:hidden}.item-image img{width:100%;height:100%;object-fit:cover}.no-image{display:flex;align-items:center;justify-content:center;height:100%;font-size:32px}.item-details{flex:1}.item-details h3{margin:0 0 5px;font-size:16px}.item-price{margin:0;color:#666}.item-controls{display:flex;gap:10px;align-items:center}.item-controls button{width:30px;height:30px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer}.item-total{font-weight:700;min-width:100px;text-align:right}.btn-remove{padding:5px 10px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px}.total-block{padding:15px 0;border-top:2px solid #333;margin:20px 0}.total-block h3{margin:0;text-align:right}.btn-checkout{width:100%;padding:15px;background:#28a745;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer}.catalog-page{background:#f9f9f9}.catalog-page-title{display:flex;align-items:baseline;gap:16px;margin-bottom:20px}.catalog-page-title h1{margin:0;font-size:26px;color:#2c3e50}.cart-hint{color:#ff6b35;font-size:14px;font-weight:500}.btn-add-to-cart{padding:8px 16px;background:#ff6b35;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s;white-space:nowrap}.btn-add-to-cart:hover{background:#e55a25}.btn-add-to-cart.added{background:#28a745}.catalog-header{background:#fff;padding:20px 40px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.catalog-header h1{margin:0;color:#333;font-size:28px}.header-actions{display:flex;gap:15px}.cart-btn,.account-btn,.dashboard-btn,.login-btn{padding:10px 20px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.dashboard-btn{background:#28a745}.login-btn{background:#6c757d}.cart-btn:hover,.account-btn:hover{background:#0056b3}.dashboard-btn:hover{background:#218838}.login-btn:hover{background:#5a6268}.catalog-filters{padding:20px 40px;background:#fff;margin-bottom:20px}.search-input{width:100%;padding:12px 20px;border:1px solid #ddd;border-radius:8px;font-size:16px}.catalog-layout{display:flex;gap:30px;padding:0 40px 40px}.categories-sidebar{flex-shrink:0;width:250px;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:fit-content;position:sticky;top:180px}.categories-sidebar h3{margin:0 0 15px;color:#333}.categories-list{list-style:none;padding:0;margin:0}.categories-list li{padding:12px 15px;cursor:pointer;border-radius:4px;transition:all .2s;color:#666}.categories-list li:hover{background:#f0f0f0;color:#007bff}.categories-list li.active{background:#007bff;color:#fff}.products-section{flex:1}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.product-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s;cursor:pointer}.product-card:hover{transform:translateY(-5px);box-shadow:0 6px 16px #00000026}.product-image{width:100%;height:220px;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.product-image img{width:100%;height:100%;object-fit:cover}.no-image{font-size:60px}.product-info{padding:20px}.product-info h3{margin:0 0 10px;color:#333;font-size:18px}.product-description{color:#666;font-size:14px;margin:0 0 15px;line-height:1.5}.product-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.product-price{display:flex;flex-direction:column;gap:5px}.old-price{color:#999;text-decoration:line-through;font-size:14px}.current-price{color:#28a745;font-size:22px;font-weight:700}.btn-add-to-cart{padding:10px 20px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.btn-add-to-cart:hover{background:#218838}.loading,.empty-state{text-align:center;padding:60px 20px;color:#666;font-size:18px}.courier-dashboard{padding:20px;max-width:1400px;margin:0 auto;min-height:100vh;background:#f5f7fa}.dashboard-header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:24px;border-radius:12px;margin-bottom:30px;box-shadow:0 2px 8px #0000000d}.dashboard-header h1{margin:0 0 8px;font-size:28px;color:#2c3e50}.dashboard-header p{margin:0;color:#7f8c8d;font-size:16px}.btn-logout{padding:10px 24px;background:#e74c3c;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-logout:hover{background:#c0392b;transform:translateY(-1px)}.loading{text-align:center;padding:60px;font-size:18px;color:#7f8c8d}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000000d;text-align:center;border-left:4px solid #3498db;transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-card.ready{border-left-color:#3498db}.stat-card.delivering{border-left-color:#f39c12}.stat-card.completed{border-left-color:#27ae60}.stat-card h3{margin:0 0 8px;font-size:36px;color:#2c3e50;font-weight:700}.stat-card p{margin:0;color:#7f8c8d;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.dashboard-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #ecf0f1}.section-header h2{margin:0;font-size:22px;color:#2c3e50}.btn-primary{padding:10px 20px;background:#3498db;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{background:#2980b9;transform:translateY(-1px)}.deliveries-list{display:grid;gap:20px}.empty-message{text-align:center;padding:60px;color:#95a5a6;font-size:16px}.delivery-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;padding:20px;transition:all .3s ease}.delivery-card:hover{border-color:#3498db;box-shadow:0 4px 12px #3498db1a}.delivery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.delivery-header h3{margin:0;font-size:20px;color:#2c3e50}.status-badge{padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.delivering{background:#fff3cd;color:#856404}.delivery-info{margin:16px 0}.delivery-info p{margin:8px 0;color:#34495e;font-size:15px;line-height:1.6}.delivery-info strong{color:#2c3e50;font-weight:600}.delivery-footer{margin-top:16px;padding-top:16px;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end}.btn-complete{padding:10px 24px;background:#27ae60;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-complete:hover{background:#229954;transform:translateY(-1px)}.btn-complete:active{transform:scale(.98)}.courier-deliveries{padding:20px}.tab-bar{display:flex;gap:8px;margin:16px 0}.tab-btn{padding:8px 20px;border:2px solid #dee2e6;border-radius:20px;background:#fff;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.tab-btn.active{border-color:#007bff;background:#007bff;color:#fff}.deliveries-list{display:grid;gap:16px}.delivery-card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 6px #00000014}.delivery-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.delivery-header h3{margin:0;font-size:16px}.delivery-info p{margin:5px 0;color:#555;font-size:14px}.delivery-actions{margin-top:14px;display:flex;gap:8px}.btn-take{flex:1;padding:10px;background:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.btn-take:hover{background:#218838}.btn-take:disabled{background:#6c757d;cursor:not-allowed}.btn-deliver{flex:1;padding:10px;background:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.btn-deliver:hover{background:#0056b3}.btn-deliver:disabled{background:#6c757d;cursor:not-allowed}.status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.status-ready{background:#d4edda;color:#155724}.status-in_delivery{background:#cce5ff;color:#004085}.status-delivered{background:#c3e6cb;color:#155724}.empty-text{text-align:center;padding:40px;color:#888}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;padding:24px;width:100%;max-width:440px}.modal-content h2{margin:0 0 12px;font-size:18px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.create-route{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.create-route.loading{display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.page-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;color:#fff}.btn-back{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s}.btn-back:hover{background:#ffffff4d;transform:translate(-5px)}.page-header h1{margin:0;font-size:32px;font-weight:600}.route-form{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.form-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 30px #00000026}.form-section h2{margin:0 0 20px;font-size:20px;font-weight:600;color:#333}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:600;color:#374151}.form-input,.form-select{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:16px;transition:border-color .3s}.form-input:focus,.form-select:focus{outline:none;border-color:#667eea}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.selection-actions{display:flex;gap:12px;align-items:center}.btn-select{background:#f3f4f6;border:1px solid #e5e7eb;color:#374151;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s}.btn-select:hover{background:#e5e7eb}.selected-count{font-size:14px;font-weight:600;color:#667eea}.empty-state{text-align:center;padding:60px 20px;color:#6b7280}.empty-icon{font-size:80px;margin-bottom:20px}.empty-state p{font-size:18px;margin-bottom:20px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea66}.orders-list{display:flex;flex-direction:column;gap:12px;max-height:600px;overflow-y:auto}.order-card{display:flex;gap:16px;padding:16px;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s}.order-card:hover{border-color:#667eea;background:#f9fafb}.order-card.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a)}.order-checkbox{display:flex;align-items:flex-start;padding-top:4px}.order-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer}.order-content{flex:1}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.order-number{font-size:16px;font-weight:700;color:#111827}.order-status{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.order-status.ready{background:#d1fae5;color:#065f46}.order-status.confirmed{background:#dbeafe;color:#1e40af}.order-details{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.detail{display:flex;align-items:center;gap:8px;font-size:14px;color:#6b7280}.detail .icon{font-size:16px}.form-actions{position:sticky;bottom:20px;background:#fff;border-radius:16px;padding:20px;box-shadow:0 10px 30px #0003;text-align:center}.btn-create{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:16px 32px;border-radius:12px;cursor:pointer;font-size:18px;font-weight:700;transition:all .3s;min-width:300px}.btn-create:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 35px #10b98166}.btn-create:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.create-route{padding:15px}.page-header h1{font-size:24px}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.order-details{grid-template-columns:1fr}.btn-create{min-width:100%}}.operator-dashboard{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.operator-dashboard.loading{display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;color:#fff}.dashboard-header h1{margin:0;font-size:32px;font-weight:600}.btn-logout{background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s}.btn-logout:hover{background:#ffffff4d;transform:translateY(-2px)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;gap:16px;transition:transform .3s}.stat-card:hover{transform:translateY(-5px)}.stat-card .stat-icon{font-size:48px;text-align:center}.stat-content{text-align:center}.stat-value{font-size:48px;font-weight:700;line-height:1;margin-bottom:8px}.stat-label{font-size:14px;color:#666;font-weight:500}.stat-action{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s}.stat-action:hover{transform:translate(5px);box-shadow:0 5px 15px #667eea66}.stat-card.new .stat-value{color:#3b82f6}.stat-card.ready .stat-value{color:#10b981}.stat-card.delivery .stat-value{color:#f59e0b}.stat-card.couriers .stat-value{color:#8b5cf6}.stat-card.routes .stat-value{color:#ec4899}.stat-card.delivered .stat-value{color:#14b8a6}.quick-actions{background:#fff;border-radius:16px;padding:24px;box-shadow:0 10px 30px #00000026}.quick-actions h2{margin:0 0 20px;font-size:24px;font-weight:600;color:#333}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.action-btn{background:#f3f4f6;border:2px solid #e5e7eb;color:#374151;padding:16px 24px;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s;text-align:left}.action-btn:hover{background:#e5e7eb;border-color:#d1d5db;transform:translateY(-2px)}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff}.action-btn.primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 25px #667eea66}@media (max-width: 768px){.operator-dashboard{padding:15px}.dashboard-header h1{font-size:24px}.stats-grid,.actions-grid{grid-template-columns:1fr}}.shop-create-order{max-width:1000px;margin:0 auto;padding:2rem}.page-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e0e0e0}.btn-back{padding:.5rem 1rem;background:#ecf0f1;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .2s ease}.btn-back:hover{background:#bdc3c7}.page-header h1{margin:0;font-size:2rem;color:#2c3e50}.order-form{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.form-section{padding:2rem;border-bottom:1px solid #e0e0e0}.form-section:last-of-type{border-bottom:none}.form-section h2{margin:0 0 1.5rem;font-size:1.5rem;color:#2c3e50}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2{margin:0}.btn-add-item{padding:.5rem 1rem;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.btn-add-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#34495e}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:all .2s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.items-list{display:flex;flex-direction:column;gap:1rem}.item-row{display:grid;grid-template-columns:40px 2fr 100px 120px 120px 40px;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;align-items:end}.item-number{font-size:1.2rem;font-weight:700;color:#7f8c8d;padding-bottom:.75rem}.item-total{font-weight:700;color:#27ae60;padding-bottom:.75rem;text-align:right}.btn-remove-item{padding:.5rem;background:#e74c3c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:1.2rem;transition:all .2s ease;margin-bottom:.75rem}.btn-remove-item:hover{background:#c0392b;transform:scale(1.1)}.order-total{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff;border-radius:8px;margin-top:1rem;font-size:1.2rem}.total-amount{font-size:1.5rem;font-weight:700}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;background:#f8f9fa;border-radius:0 0 12px 12px}.btn-cancel,.btn-submit{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:600}.btn-cancel{background:#ecf0f1;color:#2c3e50}.btn-cancel:hover{background:#bdc3c7}.btn-submit{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #2ecc714d}.btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.shop-create-order,.form-section{padding:1rem}.form-row{grid-template-columns:1fr}.item-row{grid-template-columns:1fr;gap:.5rem}.item-number,.item-total{padding-bottom:0}.btn-remove-item{margin-bottom:0;width:100%}.form-actions{flex-direction:column;padding:1rem}.btn-cancel,.btn-submit{width:100%}}.shop-dashboard{max-width:1400px;margin:0 auto;padding:2rem}.shop-dashboard.loading{display:flex;justify-content:center;align-items:center;min-height:100vh;font-size:1.5rem;color:#666}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e0e0e0}.dashboard-header h1{margin:0;font-size:2rem;color:#2c3e50}.shop-name{margin:.5rem 0 0;font-size:1.1rem;color:#34495e;font-weight:500}.btn-logout{padding:.75rem 1.5rem;background:linear-gradient(135deg,#eb3349,#f45c43);color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease}.btn-logout:hover{transform:translateY(-2px);box-shadow:0 4px 12px #eb33494d}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#2ecc71,#27ae60);padding:1.5rem;border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#fff;text-align:center;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #2ecc714d}.stat-icon{font-size:2.5rem;margin-bottom:.5rem}.stat-value{font-size:2.5rem;font-weight:700;margin:.5rem 0}.stat-label{font-size:1rem;opacity:.95}.actions-section{display:flex;gap:1rem;margin-bottom:2rem}.btn-create-order,.btn-view-orders{flex:1;padding:1rem;font-size:1.1rem;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;font-weight:600}.btn-create-order{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.btn-create-order:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3498db4d}.btn-view-orders{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.btn-view-orders:hover{transform:translateY(-2px);box-shadow:0 6px 16px #9b59b64d}.recent-orders{background:#fff;padding:2rem;border-radius:12px;box-shadow:0 2px 8px #0000001a}.recent-orders h2{margin:0 0 1.5rem;font-size:1.5rem;color:#2c3e50}.empty-state{text-align:center;padding:3rem}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state p{font-size:1.2rem;color:#7f8c8d;margin-bottom:1.5rem}.btn-primary{padding:1rem 2rem;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .3s ease;font-weight:600}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3498db4d}.orders-table{display:flex;flex-direction:column;gap:.75rem}.order-row{display:grid;grid-template-columns:100px 1fr 100px 150px 120px;gap:1rem;padding:1rem;background:#f8f9fa;border-radius:8px;cursor:pointer;transition:all .2s ease;align-items:center}.order-row:hover{background:#e9ecef;transform:translate(4px)}.order-number{font-weight:700;color:#2c3e50}.order-client{display:flex;flex-direction:column;gap:.25rem}.client-name{font-weight:600;color:#34495e}.client-phone{font-size:.9rem;color:#7f8c8d}.order-total{font-weight:700;font-size:1.1rem;color:#27ae60;text-align:right}.order-status{padding:.5rem 1rem;border-radius:6px;text-align:center;font-size:.9rem;font-weight:600;text-transform:uppercase}.order-status.new{background:#3498db;color:#fff}.order-status.confirmed{background:#f39c12;color:#fff}.order-status.ready{background:#9b59b6;color:#fff}.order-status.assigned{background:#1abc9c;color:#fff}.order-status.in_delivery{background:#e67e22;color:#fff}.order-status.arrived{background:#16a085;color:#fff}.order-status.delivered{background:#27ae60;color:#fff}.order-status.returned{background:#e74c3c;color:#fff}.order-status.cancelled{background:#95a5a6;color:#fff}.order-date{font-size:.9rem;color:#7f8c8d;text-align:right}@media (max-width: 768px){.shop-dashboard{padding:1rem}.dashboard-header{flex-direction:column;align-items:flex-start;gap:1rem}.stats-row{grid-template-columns:repeat(2,1fr)}.actions-section{flex-direction:column}.order-row{grid-template-columns:1fr;gap:.5rem}.order-total,.order-date{text-align:left}}