*{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}.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}.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}.finance-page{padding:20px;background:#f5f5f5;min-height:100vh}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stat-card{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 4px #0000001a;text-align:center}.stat-card h3{margin:0 0 15px;color:#666;font-size:16px}.stat-value{margin:0;font-size:32px;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}.inventory-page{padding:20px;background:#f5f5f5;min-height:100vh}.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}.order-details-page{padding:20px;background:#f5f5f5;min-height:100vh}.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{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{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-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}.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)}}.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}}.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 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: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}.settings-page{padding:20px;background:#f5f5f5;min-height:100vh}.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}.form-group input{width:100%;padding:10px 15px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-actions{background:#fff;padding:20px;border-radius:8px;text-align:right}.btn-submit{padding:12px 30px;background:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px}.staff-page{padding:20px;background:#f5f5f5;min-height:100vh}.staff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.staff-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;align-items:center}.staff-avatar{width:80px;height:80px;border-radius:50%;background:#007bff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;margin-bottom:15px}.staff-info{text-align:center;margin-bottom:15px}.staff-info h3{margin:0 0 5px;color:#333}.staff-role{color:#007bff;font-weight:500;margin:5px 0}.staff-phone,.staff-email{color:#666;font-size:14px;margin:3px 0}.staff-actions{width:100%}.btn-edit{width:100%;padding:10px;background:#17a2b8;color:#fff;border:none;border-radius:4px;cursor:pointer}.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{min-height:100vh;background:#f9f9f9}.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)}.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;min-height:100vh;background:#f5f5f5}.deliveries-list{display:grid;gap:20px}.delivery-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.btn-deliver{padding:10px 20px;background:#17a2b8;color:#fff;border:none;border-radius:4px;cursor:pointer}.btn-deliver:hover{background:#138496}.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}}