.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card{background:white;border-radius:12px;box-shadow:0 15px 35px rgba(0,0,0,.1);padding:40px;width:100%;max-width:420px}.login-header{text-align:center;margin-bottom:30px}.login-header h1{color:#333;margin:0 0 10px;font-size:28px;font-weight:600}.login-header p{color:#666;margin:0;font-size:16px}.login-form{margin-bottom:30px}.form-group{margin-bottom:20px}.form-group label{display:flex;align-items:center;gap:8px;color:#333;font-weight:500;margin-bottom:8px;font-size:14px}.form-group input{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;transition:border-color .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea}.error-message{background:#fee;color:#c33;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px;border:1px solid #fcc}.login-button{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;padding:14px 20px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.login-button:hover:not(:disabled){transform:translateY(-2px)}.login-button:disabled{opacity:.7;cursor:not-allowed}.demo-credentials{background:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #667eea}.demo-credentials h3{margin:0 0 12px;color:#333;font-size:16px}.demo-credentials p{margin:8px 0;color:#666;font-size:14px}.demo-credentials strong{color:#333}.dashboard-container{min-height:100vh;background:#f5f6fa}.dashboard-header{background:white;border-bottom:1px solid #e1e5e9;padding:0 20px}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:20px 0}.header-info h1{margin:0 0 5px;color:#2f3542;font-size:24px;font-weight:600}.header-info p{margin:0;color:#57606f;font-size:16px}.logout-button-f{background:#ff4757;color:white;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:500;transition:background .2s ease}.logout-button-f:hover{background:#ff3838}.dashboard-main{max-width:1200px;margin:0 auto;padding:30px 20px}.stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:20px;gap:20px;margin-bottom:40px}.stat-card{background:white;border-radius:12px;padding:24px;gap:16px;box-shadow:0 2px 10px rgba(0,0,0,.1);border:1px solid #e1e5e9}.stat-icon{width:48px;height:48px;color:#3742fa;background:#f1f2f6;border-radius:12px;padding:12px;box-sizing:border-box}.stat-icon.completed{color:#2ed573}.stat-content h3{margin:0 0 8px;color:#2f3542;font-size:16px;font-weight:500}.stat-number{margin:0;color:#3742fa;font-size:24px;font-weight:700}.orders-section h2{color:#2f3542;margin:0 0 20px;font-size:20px;font-weight:600}.no-orders{text-align:center;padding:60px 20px;background:white;border-radius:12px;border:2px dashed #ddd}.no-orders svg{color:#a4b0be;margin-bottom:16px}.no-orders p{color:#57606f;font-size:18px;margin:0 0 8px}.no-orders small{color:#a4b0be;font-size:14px}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:20px;gap:20px}.order-card{background:white;border-radius:12px;padding:24px;box-shadow:0 2px 10px rgba(0,0,0,.1);border:1px solid #e1e5e9;transition:transform .2s ease,box-shadow .2s ease}.order-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,.15)}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e1e5e9}.order-header h3{margin:0;color:#2f3542;font-size:18px;font-weight:600}.status-badge{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase}.status-badge.preparing{background:#ffeaa7;color:#fdcb6e}.status-badge.pending{background:#fab1a0;color:#e17055}.order-info{margin-bottom:16px}.order-info p{margin:8px 0;color:#57606f;font-size:14px}.order-items{margin-bottom:20px}.order-items h4{margin:0 0 12px;color:#2f3542;font-size:16px;font-weight:500}.order-items ul{margin:0;padding:0;list-style:none}.order-items li{padding:8px 0;color:#57606f;font-size:14px;border-bottom:1px solid #f1f2f6}.order-items li:last-child{border-bottom:none}.complete-button{width:100%;background:#2ed573;color:white;border:none;padding:12px 16px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500;transition:background .2s ease}.complete-button:hover{background:#26de81}.completed-orders-section{margin-top:40px}.completed-orders-section h2{color:#2f3542;margin:0 0 20px;font-size:20px;font-weight:600}.completed-orders-list{background:white;border-radius:12px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.1);border:1px solid #e1e5e9}.completed-order-item{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #f1f2f6}.completed-order-item:last-child{border-bottom:none}.completed-order-info{display:flex;flex-direction:column;gap:4px}.completed-order-info strong{color:#2f3542;font-size:16px}.completed-order-info span{color:#57606f;font-size:12px}.completed-order-total{color:#2ed573;font-weight:600;font-size:16px}@media (max-width:768px){.header-content{flex-direction:column;gap:16px;text-align:center}.orders-grid,.stats-section{grid-template-columns:1fr}.completed-order-item{flex-direction:column;align-items:flex-start;gap:12px}}:root{--primary:#4f46e5;--primary-hover:#4338ca;--secondary:#64748b;--accent:#8b5cf6;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--bg-main:#f3f4f6;--bg-card:#ffffff;--bg-sidebar:#111827;--text-main:#111827;--text-muted:#6b7280;--text-light:#f9fafb;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:1rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1)}body{background-color:var(--bg-main);font-family:Inter,system-ui,-apple-system,sans-serif;color:var(--text-main)}.admin-container{display:flex;min-height:100vh}.admin-sidebar{width:280px;background-color:var(--bg-sidebar);color:var(--text-light);display:flex;flex-direction:column;position:fixed;height:100vh;transition:width .3s ease;z-index:50}.sidebar-header{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-title{font-size:1.25rem;font-weight:700;color:white;letter-spacing:-.025em}.sidebar-nav{flex:1 1;padding:1.5rem 1rem;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:var(--radius-md);color:#d1d5db;font-weight:500;transition:all .2s ease;border:none;background:transparent;width:100%;text-align:left;cursor:pointer}.nav-item:hover{background-color:rgba(255,255,255,.05);color:white}.nav-item.active{background-color:var(--primary);color:white;box-shadow:0 0 15px rgba(79,70,229,.4)}.sidebar-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.1);background:rgba(0,0,0,.2)}.tenant-selector select{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);color:white;width:100%;padding:.5rem;border-radius:var(--radius-sm);margin-top:.5rem;outline:none}.admin-main{margin-left:280px;flex:1 1;padding:2rem;max-width:1600px}.top-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.page-title h1{font-size:1.875rem;font-weight:800;color:var(--text-main);letter-spacing:-.025em}.page-title p{color:var(--text-muted);margin-top:.25rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--bg-card);padding:1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid #e5e7eb;transition:transform .2s;display:flex;align-items:center;gap:1rem}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.icon-wrapper{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.stat-card.revenue .icon-wrapper{background:#e0e7ff;color:var(--primary)}.stat-card.orders .icon-wrapper{background:#dcfce7;color:var(--success)}.stat-card.avg .icon-wrapper{background:#fef3c7;color:var(--warning)}.stat-card.time .icon-wrapper{background:#fee2e2;color:var(--danger)}.stat-info h3{font-size:.875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0}.stat-info .value{font-size:1.5rem;font-weight:800;color:var(--text-main);margin:.25rem 0 0}.content-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid #e5e7eb;overflow:hidden;margin-bottom:2rem}.card-header{padding:1.5rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.data-table{width:100%;border-collapse:collapse}.data-table th{background:#f9fafb;padding:1rem 1.5rem;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.data-table td{padding:1rem 1.5rem;border-bottom:1px solid #f3f4f6;font-size:.875rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background-color:#f9fafb}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.badge.success{background:#d1fae5;color:#065f46}.badge.warning{background:#fef3c7;color:#92400e}.badge.danger{background:#fee2e2;color:#991b1b}.badge.neutral{background:#f3f4f6;color:#374151}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.5rem;gap:1.5rem}.product-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid #e5e7eb;overflow:hidden;transition:all .3s ease}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.product-image{height:180px;background-size:cover;background-position:50%;position:relative}.product-details{padding:1.25rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;border:none}.btn-primary{background:var(--primary);color:white}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{background:white;border:1px solid #d1d5db;color:var(--text-main)}.btn-secondary:hover{background:#f9fafb}.btn-danger{background:var(--danger);color:white}.btn-success{background:var(--success);color:white}.btn-icon{padding:.5rem;border-radius:var(--radius-md)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease}.modal-content{background:white;border-radius:var(--radius-lg);padding:2rem;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);position:relative;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted)}.form-group{margin-bottom:1rem}.form-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-input{width:100%;padding:.625rem;border:1px solid #d1d5db;border-radius:var(--radius-md);font-size:.875rem;transition:border-color .2s}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px rgba(37,99,235,.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.admin-sidebar{width:0;overflow:hidden}.admin-sidebar.open{width:280px}.admin-main{margin-left:0}}