body { font-family: 'Anuphan', sans-serif; -webkit-tap-highlight-color: transparent; }
        .safe-bottom { padding-bottom: env(safe-area-inset-bottom); }
        .drawer-transition { transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
        .no-scrollbar::-webkit-scrollbar { display: none; }
        .ticket-cut { clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 95% 100%, 5% 100%, 0% 95%); }
        .active-nav { color: #0d9488; transform: translateY(-2px); }
        .active-nav-admin { color: #5eead4; transform: translateY(-2px); }
        .animate-slide-up { animation: slideUp 0.3s ease-out; }
        @keyframes slideUp { from { transform: translateY(10px); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
        .ready-pulse { animation: pulseGreen 2s infinite; }
        @keyframes pulseGreen { 0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4); } 70% { box-shadow: 0 0 0 10px rgba(16, 185, 129, 0); } 100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); } }

        .modal{
        position:fixed;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:rgba(0,0,0,0.4);
        display:none;
        align-items:center;
        justify-content:center;
        z-index:999;
        }

        .modal-box{
        background:#fff;
        padding:20px;
        border-radius:12px;
        width:90%;
        max-width:400px;
        max-height:80vh;
        overflow:auto;
        }

        .edit-row{
        display:flex;
        justify-content:space-between;
        margin-bottom:10px;
        }

        .top-chip{
        background:#eee;
        padding:4px 8px;
        border-radius:8px;
        margin-right:4px;
        cursor:pointer;
        }

        .qty-btn{
        padding:4px 10px;
        margin:0 4px;
        }