*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Inter,sans-serif;background-color:#0f0f0f;color:#fff;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation}body{margin:0;overflow-x:hidden;-webkit-overflow-scrolling:touch}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4a4a4a}@media (max-width: 768px){::-webkit-scrollbar{width:4px}}.container{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width: 768px){.container{padding:0 16px}}.btn{padding:12px 24px;border:none;border-radius:25px;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease;outline:none;min-height:50px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.btn{min-height:48px;font-size:15px;padding:10px 20px}}.btn:active{transform:scale(.98)}.btn-primary{background:#6366f1;color:#fff}.btn-primary:hover{background:#5b5bf7;transform:translateY(-1px)}@media (max-width: 768px){.btn-primary:hover{transform:none}.btn-primary:active{background:#5b5bf7;transform:scale(.98)}}.btn-secondary{background:transparent;border:2px solid #374151;color:#fff}.btn-secondary:hover{background:#1f2937}.btn-white{background:#fff;color:#0f0f0f;border-radius:25px;font-weight:600}.btn-white:hover{background:#f3f4f6;transform:translateY(-1px)}@media (max-width: 768px){.btn-white:hover{transform:none}.btn-white:active{background:#f3f4f6;transform:scale(.98)}}.card{background:#1a1a1a;border-radius:16px;padding:20px;box-shadow:0 4px 6px #0000004d;border:1px solid #2a2a2a}@media (max-width: 768px){.card{padding:16px;border-radius:12px}}.status-indicator{width:4px;height:100%;border-radius:2px}.status-standby{background:#6366f1}.status-preparation{background:#f59e0b}.status-ready{background:#10b981}.status-waiting{background:#6366f1}.status-free{background:#6b7280}.text-small{font-size:14px}.text-medium{font-size:16px}.text-large{font-size:18px}.text-xl{font-size:24px}.text-2xl{font-size:32px}@media (max-width: 768px){.text-small{font-size:13px}.text-medium{font-size:15px}.text-large{font-size:16px}.text-xl{font-size:20px}.text-2xl{font-size:24px}}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.mobile-hidden{display:none!important}.mobile-full-width{width:100%!important}.mobile-padding{padding:16px!important}.mobile-margin{margin:16px!important}}@media (max-width: 768px){input[type=text],input[type=tel],input[type=email],input[type=number],textarea,select{font-size:16px!important}}@supports (padding: max(0px)){.safe-area-top{padding-top:max(20px,env(safe-area-inset-top))}.safe-area-bottom{padding-bottom:max(20px,env(safe-area-inset-bottom))}.safe-area-left{padding-left:max(20px,env(safe-area-inset-left))}.safe-area-right{padding-right:max(20px,env(safe-area-inset-right))}}