:root{--primary-color:#ff6e00;--primary-dark:#e65a00;--primary-light:#ff8533;--primary-lighter:#ffa366;--secondary-color:#ff8c42;--accent-color:#ff6b35;--theme-orange:#ff6e00;--theme-light-orange:#fef1d8;--theme-blue:#a4bff0;--theme-white:#fff;--theme-light-gray:#f8f9fa;--theme-gray:#e9ecef;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--info-color:#3b82f6;--bg-primary:#fff;--bg-secondary:var(--theme-light-gray);--bg-tertiary:#f5f7fa;--bg-card:#fff;--bg-input:#fff;--bg-code:#f8f9fa;--bg-secondary-hover:#e9ecef;--error-bg:#fef2f2;--text-primary:#333;--text-secondary:#666;--text-tertiary:#999;--text-light:#999;--text-code:#374151;--border-color:#e1e5e9;--shadow-light:rgba(255,110,0,.1);--shadow-medium:rgba(255,110,0,.2);--shadow-lg:0 8px 32px rgba(0,0,0,.15);--shadow-blue:rgba(164,191,240,.2);--shadow-blue-medium:rgba(164,191,240,.3);--shadow-blue-heavy:rgba(164,191,240,.4);--shadow-gray:rgba(0,0,0,.1);--gradient-primary:linear-gradient(135deg,#ff6e00,#ff8c42);--gradient-secondary:linear-gradient(135deg,#ff8c42,#ffa366);--bg-dev:#f0f8ff;--border-dev:#4a90e2;--text-dev:#2c5aa0;--gradient-dev:linear-gradient(135deg,#4a90e2,#357abd);--bg-dev-icon:#e3f2fd;--primary-dev:#4a90e2;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--text-xs:.8rem;--text-sm:.9rem;--text-base:1rem;--text-lg:1.1rem;--text-xl:1.3rem;--text-2xl:1.5rem;--text-3xl:2rem}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button{cursor:pointer;transform:translateZ(0);transition:all .3s ease;will-change:transform}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}table{border-collapse:collapse}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.logo{align-items:center;color:var(--primary-color);display:flex;font-weight:700;gap:var(--spacing-sm)}.logo-icon{height:100%;width:80%}.logo-icon,.logo-icon-large{border-radius:var(--radius-md);-o-object-fit:contain;object-fit:contain}.logo-icon-large{height:100px;width:100px}.btn-primary{background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:500;padding:var(--spacing-lg) var(--spacing-xl);transition:all .3s ease}.btn-primary:hover{box-shadow:0 4px 12px var(--shadow-medium);transform:translateY(-2px)}.btn-secondary{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-weight:500;padding:var(--spacing-lg) var(--spacing-xl);transition:all .3s ease}.btn-secondary:hover{border-color:var(--primary-color);color:var(--primary-color)}.add-btn-responsive{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-weight:500;gap:var(--spacing-sm);min-height:40px;overflow:hidden;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all .3s ease}.add-btn-responsive:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.add-btn-responsive:hover:before{left:100%}.add-btn-responsive:hover{background:var(--primary-dark);box-shadow:0 4px 12px #ff6e004d;transform:translateY(-2px)}.add-btn-responsive:active{transform:translateY(0)}.add-text{font-size:var(--text-sm);font-weight:500}.add-icon{flex-shrink:0;height:18px;width:18px}@media (max-width:768px){.add-btn-responsive{border-radius:50%;height:40px;justify-content:center;padding:0;width:40px}.add-text{display:none}.add-icon{height:20px;width:20px}.add-btn-responsive:hover{transform:scale(1.1)}}.add-icon-btn{align-items:center;background:var(--primary-color);border:2px solid transparent;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:40px}.add-icon-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.add-icon-btn:hover:before{left:100%}.add-icon-btn:hover{background:var(--primary-dark);border-color:var(--primary-dark);box-shadow:0 4px 12px #ff6e004d;transform:scale(1.1)}.add-icon-btn:active{transform:scale(1.05)}@media (max-width:768px){.add-icon-btn{height:36px;width:36px}.add-icon-btn svg{height:18px;width:18px}.add-icon-btn:hover{transform:scale(1.05)}}.data-table .btn-secondary{align-items:center!important;background:linear-gradient(135deg,#a4bff0,#8ba3e0)!important;border:none!important;border-radius:var(--radius-sm)!important;box-shadow:0 1px 3px #a4bff04d!important;color:#fff!important;display:inline-flex!important;font-weight:500!important;height:28px!important;justify-content:center!important;margin-right:var(--spacing-xs)!important;min-width:60px!important;overflow:hidden!important;padding:var(--spacing-sm) var(--spacing-md)!important;position:relative!important;transition:all .2s ease!important}.data-table .btn-secondary:hover{background:linear-gradient(135deg,#8ba3e0,#7b93d0)!important;border:none!important;box-shadow:0 2px 8px #a4bff066!important;color:#fff!important;transform:translateY(-1px)!important}.data-table .edit-btn{background:linear-gradient(135deg,#a4bff0,#8ba3e0)!important;border:none!important;box-shadow:0 1px 3px #a4bff04d!important;color:#fff!important}.data-table .edit-btn:hover{background:linear-gradient(135deg,#8ba3e0,#7b93d0)!important;box-shadow:0 2px 8px #a4bff066!important;transform:translateY(-1px)!important}.data-table .delete-btn{background:linear-gradient(135deg,#f87171,#ef4444)!important;border:none!important;box-shadow:0 1px 3px #f872724d!important;color:#fff!important}.data-table .delete-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 2px 8px #f8727266!important;transform:translateY(-1px)!important}.data-table .reset-btn{background:linear-gradient(135deg,#ffa366,#ff8533)!important;border:none!important;box-shadow:0 1px 3px #ffa3664d!important;color:#fff!important}.data-table .reset-btn:hover{background:linear-gradient(135deg,#ff8533,#ff6e00)!important;box-shadow:0 2px 8px #ffa36666!important;transform:translateY(-1px)!important}.data-table .btn-secondary:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent)!important;content:""!important;height:100%!important;left:-100%!important;position:absolute!important;top:0!important;transition:left .5s ease!important;width:100%!important}.data-table .btn-secondary:hover:before{left:100%!important}@media (max-width:768px){.data-table .btn-secondary{font-size:.75rem!important;height:24px!important;min-width:50px!important;padding:var(--spacing-xs) var(--spacing-sm)!important}}.btn-blue{background:var(--theme-blue);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--text-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease}.btn-blue:hover{background:var(--primary-color)}.btn-orange{background:var(--theme-orange);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:var(--text-lg);font-weight:600;padding:var(--spacing-md);transition:all .3s ease}.btn-orange:hover:not(:disabled){background:var(--theme-blue);box-shadow:0 8px 25px var(--shadow-blue-heavy);transform:translateY(-2px)}.btn-orange:disabled{cursor:not-allowed;opacity:.7;transform:none}.card{backface-visibility:hidden;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:0 4px 6px var(--shadow-gray);transform:translateZ(0);transition:all .3s ease;will-change:transform}.card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-2px) translateZ(0)}.card-white{backface-visibility:hidden;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:0 8px 32px var(--shadow-gray);position:relative;transform:translateZ(0);will-change:transform}.card-white:before{background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:translateZ(0);will-change:auto}.card-white:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-2px) translateZ(0)}.status-badge{border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;letter-spacing:.5px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.status-badge.active{background:var(--success-color);color:#fff}.status-badge.inactive{background:var(--text-light);color:#fff}.status-badge.pending{background:var(--warning-color);color:#fff}.status-badge.completed{background:var(--info-color);color:#fff}.data-table{background:var(--bg-card);border-collapse:collapse;border-radius:var(--radius-md);box-shadow:0 2px 8px var(--shadow-gray);overflow:hidden;width:100%}.data-table td,.data-table th{border-bottom:1px solid var(--border-color);padding:var(--spacing-md);text-align:left}.data-table th{background:var(--bg-secondary);color:var(--text-primary);font-weight:600}.data-table tr:hover{background:var(--bg-tertiary)}.form-input{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-base);padding:var(--spacing-md);transition:all .3s ease;width:100%}.form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--shadow-light);outline:none}.form-input-blue{background:var(--bg-card);border:2px solid var(--theme-blue);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);padding:var(--spacing-md);transition:all .3s ease;width:100%}.form-input-blue:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--shadow-blue);outline:none}.form-input-blue:disabled{background:var(--bg-secondary);color:var(--text-light);cursor:not-allowed}.search-input{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-md);flex:1;font-size:var(--text-base);padding:var(--spacing-md);transition:all .3s ease}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--shadow-light);outline:none}.search-btn{background:var(--primary-color);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:500;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease}.search-btn:hover{background:var(--primary-dark);transform:translateY(-1px)}.error-message{align-items:center;background:var(--error-color);border-radius:var(--radius-md);color:#fff;display:flex;font-size:var(--text-sm);gap:var(--spacing-sm);margin:var(--spacing-md) 0;padding:var(--spacing-md)}.error-message:before{content:"⚠️";font-size:var(--text-lg)}.container,.container-white{background:var(--bg-secondary);min-height:100vh;padding:var(--spacing-xl)}.container-white{align-items:center;display:flex;justify-content:center}.main-content{border-radius:var(--radius-xl);box-shadow:0 4px 20px var(--shadow-gray);margin:0 auto;margin-top:var(--spacing-xl);max-width:1200px;padding:var(--spacing-xl)}.main-content,.top-nav{background:var(--bg-card)}.top-nav{align-items:center;border-radius:var(--radius-lg);box-shadow:0 2px 12px var(--shadow-gray);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);overflow:hidden;padding:var(--spacing-lg) var(--spacing-xl);position:relative}.top-nav:before{background:var(--gradient-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0}.nav-left{gap:var(--spacing-lg)}.nav-left,.nav-right{align-items:center;display:flex}.nav-right{gap:var(--spacing-md)}.user-info{align-items:center;color:var(--text-secondary);display:flex;gap:var(--spacing-sm)}.user-avatar{font-size:var(--text-lg)}.user-name{color:var(--text-primary);font-weight:500}.menu-grid{display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--spacing-2xl)}.menu-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 4px 12px var(--shadow-gray);cursor:pointer;overflow:hidden;padding:var(--spacing-xl);position:relative;transition:all .3s ease}.menu-card:before{background:var(--gradient-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0}.menu-card:hover{box-shadow:0 8px 25px var(--shadow-medium);transform:translateY(-4px)}.card-icon{font-size:var(--text-3xl);margin-bottom:var(--spacing-md)}.menu-card h2{color:var(--text-primary);font-size:var(--text-xl);margin-bottom:var(--spacing-sm)}.menu-card p{color:var(--text-secondary);line-height:1.5;margin-bottom:var(--spacing-lg)}.card-arrow{color:var(--primary-color);font-size:var(--text-xl);position:absolute;right:var(--spacing-lg);top:var(--spacing-lg);transition:all .3s ease}.menu-card:hover .card-arrow{color:var(--primary-dark);transform:translate(4px)}.quick-stats{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 4px 12px var(--shadow-gray);overflow:hidden;padding:var(--spacing-xl);position:relative}.quick-stats:before{background:var(--gradient-primary);content:"";height:3px;left:0;position:absolute;right:0;top:0}.quick-stats h3{color:var(--text-primary);font-size:var(--text-xl);margin-bottom:var(--spacing-lg)}.stats-grid{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:center;transition:all .3s ease}.stat-item:hover{box-shadow:0 4px 12px var(--shadow-gray);transform:translateY(-2px)}.stat-number{color:var(--primary-color);display:block;font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--spacing-sm)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width:480px){.card-white{margin:var(--spacing-md)}.card-white,.main-content,.menu-card,.quick-stats{padding:var(--spacing-lg)}.main-content{margin:var(--spacing-md)}.top-nav{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.btn-primary:hover,.btn-secondary:hover,.card-white:hover,.card:hover,.customer-card:hover,.menu-card:hover,.stat-card:hover{box-shadow:inherit!important;transform:none!important}.card-white,.menu-card,.stat-card{box-shadow:0 2px 8px #00000014}}@media (max-width:768px){.menu-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.card-white:hover,.card:hover,.customer-card:hover,.menu-card:hover,.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:none}.btn-primary:hover,.btn-secondary:hover{transform:none}.table-container{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}}