.admin-dashboard{max-width:1600px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:#f8fafc;min-height:100vh}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:0 0 20px;border-bottom:2px solid #e2e8f0}.dashboard-header h1{font-size:32px;color:#1a202c;margin:0}.dashboard-actions{display:flex;gap:12px}.dashboard-tabs{display:flex;gap:4px;margin-bottom:30px;background:#fff;padding:4px;border-radius:8px;box-shadow:0 1px 3px #0000001a}.dashboard-tabs button{background:none;border:none;padding:12px 24px;font-size:16px;color:#64748b;cursor:pointer;border-radius:6px;transition:all .2s;white-space:nowrap}.dashboard-tabs button:hover{color:#334155;background:#f1f5f9}.dashboard-tabs button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.dashboard-content{background:#fff;border-radius:12px;padding:30px;box-shadow:0 1px 3px #0000001a;min-height:600px}.overview-tab{display:flex;flex-direction:column;gap:30px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.metric-card{display:flex;align-items:center;gap:16px;padding:24px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:transform .2s,box-shadow .2s}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.metric-icon{font-size:32px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px}.metric-info h3{font-size:28px;margin:0 0 4px;color:#1a202c;font-weight:700}.metric-info p{margin:0;color:#64748b;font-size:14px}.growth-indicator{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600;margin-top:4px}.growth-indicator.positive{background:#dcfce7;color:#166534}.recent-activity{background:#f8fafc;padding:24px;border-radius:12px}.recent-activity h3{margin:0 0 20px;color:#1a202c}.activity-list{display:flex;flex-direction:column;gap:16px}.activity-item{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:8px}.activity-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:50%}.activity-details p{margin:0;color:#334155;font-size:14px}.activity-details span{color:#64748b;font-size:12px}.subscriptions-tab{display:flex;flex-direction:column;gap:24px}.tab-header{display:flex;justify-content:space-between;align-items:center}.tab-header h3{margin:0;color:#1a202c}.filters select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.subscriptions-table{overflow-x:auto}.subscriptions-table table{width:100%;border-collapse:collapse}.subscriptions-table th,.subscriptions-table td{text-align:left;padding:12px 16px;border-bottom:1px solid #e2e8f0}.subscriptions-table th{background:#f8fafc;font-weight:600;color:#374151;font-size:14px}.customer-info strong{display:block;color:#1a202c}.customer-info small{color:#64748b;font-size:12px}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.status-active{background:#dcfce7;color:#166534}.status-paused{background:#fef3c7;color:#92400e}.action-buttons{display:flex;gap:8px}.btn-small{padding:6px 12px;font-size:12px;border:1px solid #d1d5db;background:#fff;border-radius:4px;cursor:pointer;transition:all .2s}.btn-small:hover{background:#f9fafb}.btn-small.danger{border-color:#f87171;color:#dc2626}.btn-small.danger:hover{background:#fef2f2}.plans-tab{display:flex;flex-direction:column;gap:24px}.subtabs{display:flex;gap:4px;background:#f1f5f9;padding:4px;border-radius:8px;width:fit-content}.subtabs button{background:none;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .2s;color:#64748b}.subtabs button.active{background:#fff;color:#1a202c;box-shadow:0 1px 2px #0000001a}.section-header{display:flex;justify-content:space-between;align-items:center}.section-header h3{margin:0;color:#1a202c}.plans-grid,.boxes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.plan-card,.box-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px;transition:transform .2s}.plan-card:hover,.box-card:hover{transform:translateY(-2px)}.plan-header,.box-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.plan-header h4,.box-header h4{margin:0;color:#1a202c}.plan-status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.plan-status.active{background:#dcfce7;color:#166534}.plan-status.inactive{background:#fee2e2;color:#991b1b}.box-discount{background:#ddd6fe;color:#7c3aed;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.plan-details,.box-details{margin-bottom:16px}.plan-details p,.box-details p{margin:8px 0;color:#64748b;font-size:14px}.plan-actions,.box-actions{display:flex;gap:8px}.loyalty-tab{display:flex;flex-direction:column;gap:30px}.loyalty-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.tier-card{padding:24px;border-radius:12px;color:#fff;text-align:center}.tier-bronze{background:linear-gradient(135deg,#cd7f32,#8b4513)}.tier-silver{background:linear-gradient(135deg,silver,gray)}.tier-gold{background:linear-gradient(135deg,gold,#daa520)}.tier-platinum{background:linear-gradient(135deg,#e5e4e2,#b8b8b8);color:#333}.tier-header h4{margin:0 0 16px;font-size:18px}.tier-benefits p{margin:8px 0;font-size:14px}.loyalty-stats{background:#f8fafc;padding:24px;border-radius:12px}.loyalty-stats h4{margin:0 0 20px;color:#1a202c}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.stat-item{text-align:center;padding:16px;background:#fff;border-radius:8px}.stat-item h3{margin:0 0 8px;color:#667eea;font-size:24px;font-weight:700}.stat-item p{margin:0;color:#64748b;font-size:14px}.analytics-tab{display:flex;flex-direction:column;gap:30px}.analytics-header{display:flex;justify-content:space-between;align-items:center}.analytics-header h3{margin:0;color:#1a202c}.date-range-selector select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px}.analytics-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px}.chart-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.chart-card h4{margin:0 0 16px;color:#1a202c}.chart-placeholder{height:200px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:6px;color:#64748b;font-size:18px}.analytics-insights h4{margin:0 0 20px;color:#1a202c}.insights-list{display:flex;flex-direction:column;gap:16px}.insight-item{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#f8fafc;border-radius:8px}.insight-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;flex-shrink:0}.insight-content h5{margin:0 0 8px;color:#1a202c}.insight-content p{margin:0;color:#64748b;font-size:14px;line-height:1.5}.btn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.dashboard-loading{display:flex;align-items:center;justify-content:center;height:400px;font-size:18px;color:#64748b}@media (max-width: 768px){.dashboard-header{flex-direction:column;gap:16px;align-items:flex-start}.dashboard-tabs{overflow-x:auto}.metrics-grid,.analytics-charts{grid-template-columns:1fr}}.customer-portal{max-width:1200px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.portal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e5e7eb}.portal-header h1{font-size:32px;color:#111827;margin:0}.status-badge{padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600;text-transform:uppercase}.status-active{background:#d1fae5;color:#065f46}.status-paused{background:#fed7aa;color:#92400e}.status-cancelled{background:#fee2e2;color:#991b1b}.portal-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:1px solid #e5e7eb}.portal-tabs button{background:none;border:none;padding:12px 20px;font-size:16px;color:#6b7280;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.portal-tabs button:hover{color:#111827}.portal-tabs button.active{color:#2563eb;border-bottom-color:#2563eb}.portal-content{background:#fff;border-radius:12px;padding:30px;box-shadow:0 1px 3px #0000001a}.overview-section{display:grid;grid-template-columns:1fr 1fr;gap:30px}.info-card,.actions-card{background:#f9fafb;padding:25px;border-radius:8px}.info-card h3,.actions-card h3{margin-top:0;margin-bottom:20px;color:#111827;font-size:20px}.info-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e5e7eb}.info-row:last-child{border-bottom:none}.info-row span{color:#6b7280}.info-row strong{color:#111827;font-weight:600}.action-buttons{display:flex;flex-direction:column;gap:12px}.btn{padding:12px 20px;border:none;border-radius:6px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background:#f9fafb}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.items-section{max-width:800px}.items-list{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.item-card{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f9fafb;border-radius:8px}.item-info h4{margin:0 0 5px;color:#111827}.item-info p{margin:5px 0;color:#6b7280;font-size:14px}.item-price{font-size:20px;font-weight:600;color:#111827}.discount{display:inline-block;margin-left:10px;padding:2px 8px;background:#fef3c7;color:#92400e;border-radius:4px;font-size:14px}.schedule-section{max-width:800px}.frequency-selector{display:flex;align-items:center;gap:15px;margin-bottom:30px;padding:20px;background:#f9fafb;border-radius:8px}.frequency-selector label{font-weight:500;color:#374151}.frequency-selector select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:16px}.upcoming-deliveries{margin-bottom:30px}.upcoming-deliveries h4{margin-bottom:15px;color:#111827}.delivery-timeline{display:flex;flex-direction:column;gap:10px}.delivery-item{display:flex;align-items:center;gap:15px;padding:15px;background:#f9fafb;border-radius:8px;border-left:3px solid #e5e7eb}.delivery-item:first-child{border-left-color:#2563eb;background:#eff6ff}.next-badge{padding:4px 12px;background:#2563eb;color:#fff;border-radius:4px;font-size:12px;font-weight:600}.skip-info{padding:15px;background:#fef3c7;border-radius:8px;color:#92400e}.loyalty-section{max-width:800px}.loyalty-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;border-radius:12px;position:relative;overflow:hidden}.tier-badge{position:absolute;top:20px;right:20px}.tier{padding:8px 16px;background:#fff3;border-radius:20px;font-weight:600;font-size:14px}.points-display{margin-bottom:30px}.points-display h2{font-size:48px;margin:0}.points-display p{margin:5px 0;opacity:.9}.tier-benefits{background:#ffffff1a;padding:20px;border-radius:8px}.tier-benefits h4{margin-top:0;margin-bottom:15px}.tier-benefits ul{list-style:none;padding:0;margin:0}.tier-benefits li{padding:8px 0 8px 25px;position:relative}.tier-benefits li:before{content:"✓";position:absolute;left:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;padding:30px;border-radius:12px;width:90%;max-width:500px}.modal h2{margin-top:0;margin-bottom:20px;color:#111827}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#374151;font-weight:500}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px;font-size:16px}.form-group textarea{min-height:100px;resize:vertical}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:25px}.skip-notice{padding:12px;background:#fef3c7;border-radius:6px;color:#92400e;font-size:14px;margin-top:15px}.loading,.no-subscription{text-align:center;padding:60px 20px;font-size:18px;color:#6b7280}@media (max-width: 768px){.overview-section{grid-template-columns:1fr}.portal-tabs{overflow-x:auto}.action-buttons{gap:8px}}.build-a-box{max-width:1400px;margin:0 auto;padding:20px}.box-header{text-align:center;margin-bottom:40px}.box-header h2{font-size:32px;color:#111827;margin-bottom:10px}.box-description{color:#6b7280;font-size:18px;margin-bottom:20px}.discount-banner{display:inline-block;padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:25px;font-weight:600;font-size:16px}.box-builder{display:grid;grid-template-columns:1fr 350px;gap:30px}.products-section{background:#fff;border-radius:12px;padding:30px;box-shadow:0 1px 3px #0000001a}.category-group{margin-bottom:40px}.category-group h3{font-size:24px;color:#111827;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #e5e7eb}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.product-card{background:#fff;border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .3s;cursor:pointer}.product-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.product-card.selected{border-color:#2563eb;background:#eff6ff}.product-card.required{border-color:#10b981}.product-image{position:relative;width:100%;height:150px;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.product-image img{width:100%;height:100%;object-fit:cover}.required-badge{position:absolute;top:10px;right:10px;background:#10b981;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.product-info{padding:15px}.product-info h4{font-size:16px;color:#111827;margin:0 0 5px}.product-info .variant{font-size:14px;color:#6b7280;margin:5px 0}.product-info .price{font-size:18px;font-weight:600;color:#111827;margin:10px 0 0}.product-actions{padding:0 15px 15px;display:flex;gap:10px;align-items:center}.btn-select{flex:1;padding:8px 16px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-select:hover{background:#f9fafb}.btn-select.selected{background:#ef4444;color:#fff;border-color:#ef4444}.quantity-selector{display:flex;align-items:center;gap:10px;flex:1;justify-content:center}.quantity-selector button{width:32px;height:32px;border:1px solid #d1d5db;background:#fff;border-radius:6px;font-size:18px;cursor:pointer;transition:all .2s}.quantity-selector button:hover:not(:disabled){background:#f9fafb}.quantity-selector button:disabled{opacity:.5;cursor:not-allowed}.quantity-selector span{min-width:30px;text-align:center;font-weight:600;color:#111827}.summary-section{position:sticky;top:20px;height:fit-content}.summary-card{background:#fff;border-radius:12px;padding:25px;box-shadow:0 1px 3px #0000001a}.summary-card h3{font-size:20px;color:#111827;margin:0 0 20px}.summary-items{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e5e7eb;max-height:200px;overflow-y:auto}.summary-item{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:#6b7280}.summary-stats{margin-bottom:20px}.stat-row{display:flex;justify-content:space-between;padding:10px 0;font-size:16px}.stat-row span{color:#6b7280}.stat-row strong{color:#111827;font-weight:600}.stat-row.discount strong{color:#10b981}.stat-row.total{padding-top:15px;border-top:2px solid #e5e7eb;font-size:18px}.stat-row.total strong{font-size:24px;color:#2563eb}.progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin:10px 0 20px}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#2563eb);transition:width .3s ease}.error-messages{margin:15px 0;padding:12px;background:#fee2e2;border-radius:6px}.error-message{color:#991b1b;font-size:14px;margin:5px 0}.btn-subscribe{width:100%;padding:14px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-subscribe:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-subscribe:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.box-builder{grid-template-columns:1fr}.summary-section{position:relative;top:0}.products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}