*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:#f3f4f6;width:100%;height:100%;overflow:hidden;margin:0!important;padding:0!important}#root{background:#f3f4f6;flex-direction:column;width:100%;height:100dvh;margin:0;padding:0;display:flex;overflow:hidden}@keyframes gradient-bg{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.dark-animated-sidebar{background:linear-gradient(135deg,#0b0f19 0%,#172136 50%,#0b0f19 100%) 0 0/200% 200%;animation:8s infinite gradient-bg}.dark-animated-topbar{background:linear-gradient(90deg,#0b0f19 0%,#111827 50%,#0b0f19 100%) 0 0/200% 200%;animation:12s infinite gradient-bg}.admin-dashboard-container,.vendor-dashboard-container{background:#f5f5f5;flex-direction:column;min-height:100dvh;display:flex}.admin-layout{flex:1;display:flex;overflow:hidden}.admin-sidebar{background:#fff;border-right:1px solid #e5e7eb;width:280px;padding:20px 0;overflow-y:auto;box-shadow:2px 0 4px #0000000d}.admin-sidebar-item{color:#666158;cursor:pointer;border-radius:8px;align-items:center;gap:12px;margin:4px 10px;padding:12px 20px;font-size:15px;font-weight:500;transition:all .2s;display:flex}.admin-sidebar-item:hover{color:#f26d21;background:#f2efea;transform:translate(4px)}.admin-sidebar-item.active{color:#fff;background:#f26d21;box-shadow:0 4px 12px #f26d2133}.admin-sidebar-item:before{font-size:18px}.admin-main-content{flex:1;padding:20px;overflow-y:auto}.admin-cards-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px;display:grid}.admin-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .3s;box-shadow:0 1px 3px #0000001a}.admin-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f}.admin-card-icon{margin-bottom:12px;font-size:32px}.admin-card-title{color:#78716c;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:14px;font-weight:600}.admin-card-value{color:#1c0a00;margin-bottom:12px;font-size:28px;font-weight:700}.admin-card-subtitle{color:#a8a29e;font-size:13px}.admin-card.primary{border-left:4px solid #f26d21}.admin-card.success{border-left:4px solid #1f8d43}.admin-card.warning{border-left:4px solid #f3b227}.admin-card.danger{border-left:4px solid #ef4444}.admin-table-container{background:#fff;border-radius:12px;margin-top:20px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.admin-table{border-collapse:collapse;width:100%}.admin-table th{text-align:left;color:#666158;text-transform:uppercase;letter-spacing:.5px;background:#f9f9f9;border-bottom:1px solid #e5e7eb;padding:14px 16px;font-size:13px;font-weight:600}.admin-table td{color:#2a2926;border-bottom:1px solid #f3f4f6;padding:14px 16px;font-size:14px}.admin-table tbody tr:hover{background:#fafaf9}.admin-table tbody tr:hover td{color:#f26d21}.status-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.status-badge.pending{color:#92400e;background:#fef3c7}.status-badge.completed{color:#166534;background:#dcfce7}.status-badge.failed{color:#991b1b;background:#fee2e2}.status-badge.processing{color:#0c2340;background:#dbeafe}.vendor-dashboard-layout{max-width:1400px;margin:0 auto;padding:20px}.vendor-info-card{background:#fff;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 1px 3px #0000001a}.vendor-info-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.vendor-info-title{color:#1c0a00;font-size:20px;font-weight:700}.vendor-edit-btn{color:#f26d21;cursor:pointer;background:#f26d211a;border:1px solid #f26d21;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:all .2s}.vendor-edit-btn:hover{color:#fff;background:#f26d21}.vendor-form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.form-group{flex-direction:column;display:flex}.form-label{color:#78716c;text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:13px;font-weight:600}.form-input,.form-select{border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.form-input:focus,.form-select:focus{background:#fffbf7;border-color:#f26d21;outline:none;box-shadow:0 0 0 3px #f26d211a}.menu-items-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:16px;display:grid}.menu-item-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;transition:all .3s;overflow:hidden;box-shadow:0 1px 3px #0000001a}.menu-item-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.menu-item-image{object-fit:cover;background:#f3f4f6;justify-content:center;align-items:center;width:100%;height:160px;font-size:48px;display:flex}.menu-item-content{padding:12px}.menu-item-name{color:#1c0a00;margin-bottom:4px;font-size:14px;font-weight:600}.menu-item-category{color:#a8a29e;margin-bottom:8px;font-size:12px}.menu-item-price{color:#f26d21;margin-bottom:8px;font-size:16px;font-weight:700}.menu-item-discount{color:#f3b227;background:#f3b2271a;border-radius:4px;margin-bottom:8px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}.menu-item-actions{border-top:1px solid #f3f4f6;gap:8px;padding-top:8px;display:flex}.menu-item-btn{cursor:pointer;text-align:center;border:none;border-radius:6px;flex:1;padding:6px;font-size:12px;font-weight:600;transition:all .2s}.menu-item-edit-btn{color:#0c2340;background:#dbeafe}.menu-item-edit-btn:hover{color:#fff;background:#0c2340}.menu-item-delete-btn{color:#991b1b;background:#fee2e2}.menu-item-delete-btn:hover{color:#fff;background:#991b1b}@media (width<=1024px){.admin-sidebar{width:200px}.menu-items-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.admin-cards-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (width<=768px){.admin-layout{flex-direction:column}.admin-sidebar{box-sizing:border-box;backdrop-filter:blur(6px);z-index:30;background:linear-gradient(#ffffffb3,#ffffff8c);border-bottom:0;border-right:none;border-radius:12px;flex-wrap:wrap;justify-content:center;gap:10px;width:100%;margin:6px 12px 0;padding:10px 12px;display:flex;position:sticky;top:12px;box-shadow:0 6px 18px #0e151c14}.admin-sidebar-item{white-space:nowrap;color:#6b6b6b;background:#ffffffb3;border:1px solid #0000000a;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-width:0;margin:0;padding:8px 12px;font-size:13px;line-height:1.1;transition:all .18s;display:inline-flex}.admin-sidebar-item:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0e151c0f}.admin-sidebar-item.active{color:#f26d21;background:#fff;border-color:#f26d2124;box-shadow:0 8px 24px #f26d210f}.admin-main-content{padding:12px}.admin-cards-grid,.menu-items-grid,.vendor-form-grid{grid-template-columns:1fr}.admin-table{font-size:12px}.admin-table th,.admin-table td{padding:10px 8px}}@media (width<=480px){.admin-sidebar{grid-template-columns:1fr;padding:10px 12px}.admin-sidebar-item{flex-direction:row;justify-content:flex-start;gap:10px;padding:12px 14px;font-size:14px}.vendor-dashboard-layout{padding:12px}.vendor-info-card{padding:16px}.vendor-info-header{flex-direction:column;align-items:flex-start;gap:12px}.vendor-edit-btn{width:100%}}.loader{border:4px solid #f3f4f6;border-top-color:#f26d21;border-radius:50%;width:40px;height:40px;margin:40px auto;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{text-align:center;color:#a8a29e;padding:60px 20px}.empty-state-icon{margin-bottom:16px;font-size:64px}.empty-state-title{color:#78716c;margin-bottom:8px;font-size:18px;font-weight:600}.empty-state-description{color:#a8a29e;margin-bottom:24px;font-size:14px}.modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;animation:.2s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;width:90%;max-width:500px;padding:24px;animation:.3s slide-up;box-shadow:0 20px 50px #0003}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{color:#1c0a00;margin-bottom:16px;font-size:18px;font-weight:700}.modal-body{color:#666158;margin-bottom:20px;line-height:1.6}.modal-footer{justify-content:flex-end;gap:12px;display:flex}.btn-primary,.btn-secondary,.btn-danger{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-primary{color:#fff;background:#f26d21}.btn-primary:hover{background:#d65d1b;transform:translateY(-2px);box-shadow:0 4px 12px #f26d214d}.btn-secondary{color:#666158;background:#f3f4f6;border:1px solid #e5e7eb}.btn-secondary:hover{background:#e5e7eb}.btn-danger{color:#fff;background:#ef4444}.btn-danger:hover{background:#dc2626}.btn-danger:active{background:#b91c1c}.icon-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .2s;display:flex}.icon-btn:hover{background:#f3f4f6}.icon-btn.danger:hover{color:#991b1b;background:#fee2e2}